@charset "utf-8";

/*
Theme Name: LIQUID CORPORATE
Theme URI: https://lqd.jp/wp/
Description: LIQUID PRESS THEME
Author: LIQUID DESIGN
Author URI: https://lqd.jp/
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-header, custom-menu, featured-images, threaded-comments, translation-ready
Version: 0.9.5.8
*/


/* ------------------------------------
// common
------------------------------------ */

body {
    color: #333;
    font-size: 12px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Helvetica, Sans-Serif !important;
    line-height: 1.5;
}

.wrapper {
    overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
}

h1 {
    font-size: x-large;
}

h2,
h3 {
    font-size: large;
}

h4 {
    font-size: medium;
}

a {
    text-decoration: none;
    transition: all 0.18s;
    -moz-transition: all 0.18s;
    -webkit-transition: all 0.18s;
    -o-transition: all 0.18s;
    -ms-transition: all 0.18s;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
}

a:visited {
    opacity: 0.7;
}

a.color-link {
    color: #0275d8 !important;
}

a.color-link:hover {
    color: #00aeef !important;
}

img {
    max-width: 100% !important;
    height: auto;
}

.container-bottom-bg {
    background-color: #f5f5f5;
    padding-top: 2rem;
}

section {
    margin-bottom: 2rem;
}

iframe {
    max-width: 100%;
}

.none {
    display: none;
}

[class*='col-'] {
    overflow: hidden;
}

.clearfix {
    display: block;
}

.breadcrumbs {
    margin-bottom: 1rem;
}

.rwdwrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.rwdwrap iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.tl-entry-date {
    color: #666;
    display: block;
    font-size: 14px;
    margin-top: 25px;
    margin-bottom: 20px;
}

.tl-entry-date .entry-date__item {
    margin-right: 20px;
}

.tl-entry-date .entry-date__item i {
    margin-right: 5px;
}

.asterisk {
    font-size: 70%;
    vertical-align: top;
}

.open ul {
    display: block !important;
}

.beginer-wrapper .boxes {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.lang {
    text-align: right;
}


/*new page*/

.postid-3266 .single-products .special .items .item:nth-child(3) {
    display: none!important;
}

.lang span,
.lang a {
    display: inline-block;
    padding: 0 .5rem;
    border-left: 1px solid rgba(119, 119, 119, 0.1);
}

.lang span {
    font-weight: bold;
}

.langc .lang {
    text-align: left;
}

blockquote {
    border-left: 2px solid rgba(119, 119, 119, 0.1);
    padding-left: 1em;
}

blockquote:before {
    content: "\e977";
    color: #333;
    font-size: large;
}

.screen-reader-text {
    display: none;
}

thead th,
thead td,
tr:nth-child(even) th,
tr:nth-child(even) td {
    background: rgba(119, 119, 119, 0.1);
}

.border-btm {
    border-bottom: 1px solid;
}

caption {
    color: #333;
}


/* Web-Font */

.font-abhaya {
    font-family: 'Abhaya Libre', serif;
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: .1rem;
}

.font-abhaya>span:not(.font-abhaya) {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Helvetica, Sans-Serif !important;
}

.color-sub {
    color: #1d2088;
    border-color: #1d2088;
}

.bg-color-sub {
    background-color: #1d2088;
}

.link-color {
    color: #2626ff !important;
    text-decoration: underline;
}

.color-em {
    color: #f00;
    font-style: normal;
}

.line-em {
    text-decoration: underline;
}

.fix_nos {
    pointer-events: none;
}

.txt_red {
    font-weight: bold;
    color: red;
}

.br-pc {
    display: block;
}

.br-xs {
    display: none;
}

.visible-pc {
    display: block;
}

.visible-xs {
    display: none;
}

br.br2 {
    margin-bottom: 1em;
}

.replace-svg path {
    color: #fff;
    fill: currentColor;
}

svg {
    vertical-align: middle;
}

.bold {
    font-weight: bold;
}

.back-links p {
    font-size: 12px !important;
}


/* ------------------------------------
  helper
------------------------------------ */

.mb0 {
    margin-bottom: 0;
}

.mb1 {
    margin-bottom: 1rem;
}

.mb2 {
    margin-bottom: 2rem;
}

.ml1 {
    margin-left: 1rem;
}

.order1 {
    -webkit-order: 1;
    order: 1;
}

.order2 {
    -webkit-order: 2;
    order: 2;
}

.order3 {
    -webkit-order: 3;
    order: 3;
}

.order4 {
    -webkit-order: 4;
    order: 4;
}

.order5 {
    -webkit-order: 5;
    order: 5;
}

.order6 {
    -webkit-order: 6;
    order: 6;
}

.order7 {
    -webkit-order: 7;
    order: 7;
}

.order8 {
    -webkit-order: 8;
    order: 8;
}

.order9 {
    -webkit-order: 9;
    order: 9;
}

.order10 {
    -webkit-order: 10;
    order: 10;
}

.order11 {
    -webkit-order: 11;
    order: 11;
}

.order12 {
    -webkit-order: 12;
    order: 12;
}

.order13 {
    -webkit-order: 13;
    order: 13;
}

.order14 {
    -webkit-order: 14;
    order: 14;
}

.order15 {
    -webkit-order: 15;
    order: 15;
}

.nowrap {
    white-space: nowrap;
}


/* ------------------------------------
  navbar
------------------------------------ */

.navbar {
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0;
    width: 100%;
    z-index: 100;
}

.navbar.fixed {
    margin-top: 0;
    position: fixed;
    top: 0;
}

.navbar.static {
    position: static !important;
}

.navbar li {
    border: none;
    list-style: none;
}

.navbar-nav {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    justify-content: space-between;
}

.navbar-nav li a {
    font-size: small;
    cursor: pointer;
}

.navbar-nav li:hover ul {
    display: block;
}

.navbar-nav li.logo svg {
    height: 100%;
    width: 100%;
}

.navbar-nav .dropdown-menu {
    border-radius: 0px;
}


/* icons */

.navbar-nav .menu-item.i-list>a:before {
    background-image: url(/user_data/packages/default/wp_files/images/svg/item_list_white.svg);
    background-size: 100% 100%;
    content: " " !important;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 5px;
    vertical-align: middle;
}

.changed.header-wrap .navbar-nav .menu-item.i-list>a:before {
    background-image: url(/user_data/packages/default/wp_files/images/svg/item_list_blue.svg)
}

.navbar-nav .menu-item.i-about>a:before {
    background-image: url(/user_data/packages/default/wp_files/images/svg/about_white.svg);
    background-size: 100% 100%;
    content: " ";
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
    width: 16px;
}

.changed.header-wrap .navbar-nav .menu-item.i-about>a:before {
    background-image: url(/user_data/packages/default/wp_files/images/svg/about_blue.svg);
}

.navbar-nav .menu-item.i-beginer>a:before {
    background-image: url(/user_data/packages/default/wp_files/images/svg/beginer_white.svg);
    background-size: 100% 100%;
    content: " ";
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
    width: 16px;
}

.changed.header-wrap .navbar-nav .menu-item.i-beginer>a:before {
    background-image: url(/user_data/packages/default/wp_files/images/svg/beginer_blue.svg);
}

.changed.header-wrap .navbar-nav .menu-item.menu-item-reading>a:before {
    background-image: url(/user_data/packages/default/wp_files/images/icon07_blue.png);
}

.navbar-nav .menu-item.menu-item-reading>a:before {
    background-image: url(/user_data/packages/default/wp_files/images/icon07.png);
    background-size: 100% 100%;
    content: " ";
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    width: 22px;
}

.navbar-nav .menu-item.i-faq>a:before {
    background-image: url(/user_data/packages/default/wp_files/images/svg/faq_white.svg);
    background-size: 100% 100%;
    content: " ";
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
    width: 16px;
}

.changed.header-wrap .navbar-nav .menu-item.i-faq>a:before {
    background-image: url(/user_data/packages/default/wp_files/images/svg/faq_blue.svg);
}

.navbar-nav .menu-item.i-mypage>a:before {
    background-image: url(/user_data/packages/default/wp_files/images/svg/mypage_white.svg);
    background-size: 100% 100%;
    content: " ";
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
    width: 16px;
}

.changed.header-wrap .navbar-nav .menu-item.i-mypage>a:before {
    background-image: url(/user_data/packages/default/wp_files/images/svg/mypage_blue.svg);
}

.navbar-nav .menu-item.i-cart>a:before {
    background-image: url(/user_data/packages/default/wp_files/images/svg/cart_white.svg);
    background-size: 100% 100%;
    content: " ";
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
    width: 16px;
}

.changed.header-wrap .navbar-nav .menu-item.i-cart>a:before {
    background-image: url(/user_data/packages/default/wp_files/images/svg/cart_blue.svg);
}

.nav>.menu-item-has-children>ul,
.nav>.page_item_has_children>ul {
    display: none;
}

.navbar-nav .nav-item+.nav-item {
    margin-left: 0;
}

.logo {
    height: 64px;
    width: 160px;
}

.logo_text {
    font-size: x-small;
    text-align: left;
    padding: .5rem 0;
    line-height: 1;
}

.nav-left,
.nav-right {
    display: inline-block;
    width: 50%;
}

.sns-buttons,
.contact-btn {
    display: inline-block;
}


/*.sns-buttons {
  padding-right: 2rem;
}*/

.sns-button,
.contact-btn {
    margin-right: 2rem;
}


/* sns-icon */

.sns-icon {
    height: 25px;
    width: 25px;
}


/*fix page*/

.postid-3541 .another,
.postid-3551 .another,
.postid-3546 .another,
.postid-3558 .another,
.postid-3563 .another,
.postid-3567 .another,
.postid-3575 .another,
.postid-3585 .another,
.postid-3580 .another {
    display: none!important;
}

.contact-btn {
    background-color: transparent !important;
    border: 1px solid #fff;
    border-color: #fff !important;
    border-radius: .3rem !important;
    font-size: x-small !important;
    margin: 0;
    padding: .2rem .8rem !important;
    vertical-align: inherit;
}

.contact-btn:hover {
    background-color: rgb(237, 237, 237) !important;
}


/* ------------------------------------
// bootstrap
------------------------------------ */


/* navbar-toggle */

.navbar-toggle {
    /*position: absolute;*/
    /*top: 2rem;*/
    /*right: .5rem;*/
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    margin-left: -34px;
}

.navbar-toggle:focus {
    outline: 0;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}

.form-control {
    font-size: small;
}

.show-pc {
    display: block;
}

.show-sp {
    display: none;
}

@media (min-width: 47.9em) {
    .navbar-toggle {
        display: none;
    }
}


/* Animated “x” icon */

.navbar-toggle {
    border: none;
    background: transparent !important;
}

.navbar-toggle:hover {
    background: transparent !important;
}

.navbar-toggle .icon-bar {
    background-color: #555 !important;
    width: 22px;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

.navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
    -moz-transform: rotate(45deg);
    -moz-transform-origin: 10% 10%;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    -o-transform: rotate(45deg);
    -o-transform-origin: 10% 10%;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: 10% 10%;
}

.navbar-toggle .middle-bar {
    opacity: 0;
}

.navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
    -moz-transform: rotate(-45deg);
    -moz-transform-origin: 10% 90%;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
    -o-transform: rotate(-45deg);
    -o-transform-origin: 10% 90%;
    -ms-transform: rotate(-45deg);
    -ms-transform-origin: 10% 90%;
}

.navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
}

.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}

.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
}


/* carousel */

.carousel-item img {
    width: 100%;
    position: relative;
}

.carousel-control.left,
.carousel-control.right {
    background-image: initial;
    background: transparent;
    filter: initial;
}

.carousel-control .icon-arrow-left2,
.carousel-control .icon-arrow-right2 {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -1em;
}

.carousel-control .icon-prev,
.carousel-control .icon-arrow-left2 {
    left: 50%;
    margin-left: -1em;
}

.icon-arrow-left2:before {
    content: "";
    display: block;
    left: 3px;
    width: 40px;
    height: 40px;
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

.icon-arrow-right2:before {
    content: "";
    display: block;
    left: 3px;
    width: 40px;
    height: 40px;
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.carousel-control .icon-next,
.carousel-control .icon-arrow-right2 {
    right: 50%;
    margin-right: -1em;
}

.carousel-indicators {
    bottom: -3rem;
}

.carousel-indicators li {
    background-color: rgba(119, 119, 119, 0.1);
    border: 0 none;
}

.carousel-indicators .active {
    background-color: #00aeef;
}

.carousel-indicators li {
    margin: 0 .2em !important;
}

.carousel-inner .catch-copy h3,
.carousel-inner .catch-copy .btn_slider a {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
}

.catch-copy {
    position: absolute;
}

.item-05 .catch-copy {
    top: 33%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.item-05 .catch-copy .btn_slider {
    display: none;
}

.item-01 .catch-copy {
    top: 30%;
    left: 40%;
    right: 0;
}

.item-02 .catch-copy {
    top: 50%;
    left: 0;
    right: 0;
}

.item-03 .catch-copy {
    top: 25%;
    left: 0;
    right: -50%;
}

.item-04 .catch-copy {
    top: 52%;
    left: 0;
    right: 0;
}

.catch-copy h3 {
    font-size: 2.1vw;
    color: #fff;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 1%;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.5s ease;
    transition: height 0.5s ease;
}


/* /carousel */

.form-control,
.btn {
    border-radius: 0;
}

.btn-default {
    background: rgb(255, 255, 255);
    border-color: #ccc;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #666;
    font-size: .8rem;
    outline: 0;
    padding: .8rem 2rem;
}

.btn-default:hover,
.btn-default:focus {
    background: rgb(237, 237, 237);
}

.btn-default:active {
    background: rgb(255, 255, 255);
}


/* dropdown */

.dropdown {
    position: static;
}

.dropdown-item {
    display: inline-block;
    padding: 0;
    width: auto;
}

.dropdown-menu {
    margin: 0;
    width: 100%;
}

.dropdown-toggle:after {
    height: 10px;
    width: 10px;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid;
    border-left: 1px solid;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: .1rem;
    vertical-align: initial;
}


/* ------------------------------------
// main
------------------------------------ */

.header-wrap {
    transition: all 0.18s;
    -moz-transition: all 0.18s;
    -webkit-transition: all 0.18s;
    -o-transition: all 0.18s;
    -ms-transition: all 0.18s;
    z-index: 100;
}

.header-wrap * {
    color: #fff !important;
}

.changed.header-wrap {
    position: relative;
}

.changed.header-wrap * {
    color: #232584 !important;
    border-color: #232584 !important;
}

.changed.header-wrap .headline,
.changed.header-wrap .navbar,
.changed.header-wrap .nav-wrap {
    background-color: #fff !important;
}

.LC_Page_Cart .header-wrap.changed {
    height: 124px !important;
}

.LC_Page_Cart .changed.header-wrap .headline,
.LC_Page_Cart .changed.header-wrap .navbar,
.LC_Page_Cart .changed.header-wrap .nav-wrap {
    background-color: transparent !important;
}

.changed.header-wrap+.detail {
    /*padding: 0 !important;*/
}

.headline {
    top: 0;
    left: 0;
    padding-top: .5rem;
    position: relative;
    width: 100%;
    z-index: 100;
}

.headline .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.headline .container .headline-left {
    margin-right: auto;
}

.headline .ttl,
.headline .subttl {
    vertical-align: top;
    font-size: x-small;
    display: inline-block;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: 1.1;
    transition: all 0.18s;
    -moz-transition: all 0.18s;
    -webkit-transition: all 0.18s;
    -o-transition: all 0.18s;
    -ms-transition: all 0.18s;
}

.cover {
    margin-bottom: 3rem;
    position: relative;
}

.main {
    text-align: center;
    padding: 0 0 1em;
}

.main h3 {
    margin-bottom: 0;
    font-size: large;
}

.main h3 a {
    display: block;
}

.mainpost {
    margin-top: 2rem;
}

.mainarea {
    margin-bottom: 2rem;
}

.biz {
    margin: 4rem 0;
    text-align: center;
}

.biz_list {
    margin-bottom: 1rem;
}

.icon_big {
    background-color: #00aeef;
    border-radius: 50%;
    width: 180px;
    height: 180px;
    margin: 0 auto 1rem auto;
}

.icon_big .icon {
    color: #fff;
    display: block;
    bottom: 1rem;
    font-size: 70px;
    line-height: 180px;
}

.icon_big .icon:before {
    margin-right: 0;
}

.pages {
    padding: 4rem 0;
    margin-bottom: 2rem;
    background-color: rgba(119, 119, 119, 0.1);
    ;
}

.more a {
    display: block;
    text-align: right;
    margin-bottom: 1rem;
}

.headline .com {
    text-align: right;
    line-height: 1.2;
}

.headline .com_tel {
    font-size: large;
    font-weight: bold;
}

.headline .com_name,
.headline .com_open {
    font-size: small;
}

.foot .com {
    font-size: small;
    text-align: center;
    margin-bottom: .5rem;
}

.foot .com_name {
    font-size: large;
}

.foot .logo img {
    -webkit-filter: grayscale(100%);
}

.list .post_links {
    display: block;
    margin-bottom: 1rem;
    position: relative;
}

.list .post_links .post_thumb {
    background-color: rgba(119, 119, 119, 0.1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}

.list .post_links .post_thumb span {
    height: 150px;
    display: block;
}

.list .post_links .post_thumb:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

.list .post_links:hover .post_thumb:after {
    background-color: rgba(119, 119, 119, 0.1);
}

.list .post_ttl {
    font-size: medium;
    line-height: 1.2em;
    margin: 10px 0 2px;
}

.list_big .post_links {
    border-width: 2px;
}

.list_big .post_links .list-block {
    display: block;
}

.list_big .post_links .post_thumb,
.list_big .post_links .list-text {
    display: block;
}

.list_big .post_links .post_thumb span {
    width: 100%;
    height: 237px;
}

.list_big .post_ttl {
    line-height: 1.2em;
    height: 2.2em;
    overflow: hidden;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    text-overflow: ellipsis;
    box-orient: vertical;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -moz-box-orient: vertical;
    -moz-line-clamp: 2;
    -o-box-orient: vertical;
    -o-line-clamp: 2;
    -ms-box-orient: vertical;
    -ms-line-clamp: 2;
}

.post_meta {
    margin-bottom: 1rem;
}

.post_time,
.post_cat {
    font-size: small;
    color: #777;
    margin-right: .5em;
}

.post_cat a {
    padding: 0 .3em;
}

.post_body {
    /*border-top: 2px solid rgba(119, 119, 119, 0.1);
  border-bottom: 2px solid rgba(119, 119, 119, 0.1);*/
    padding: 1rem 0;
    margin-bottom: 2rem;
}

.post_body h1,
.post_body h2,
.post_body h3,
.post_body h4 {
    color: #232584;
}

.post_body h1,
.post_body h2 {
    border-bottom: 1px dashed #666;
    font-weight: bold;
    /*border-bottom: 2px solid rgba(119, 119, 119, 0.1);*/
    margin-bottom: 2rem;
}

.post_body h1>span,
.post_body h2>span {
    /*border-bottom: 2px solid #00aeef;*/
    display: inline-block;
    padding: 1rem 0;
    margin-bottom: -2px;
}

.post_body h3 {
    font-weight: bold;
    margin-bottom: 1rem;
    font-size: large;
}

.post_body hr {
    clear: both;
}

.post_body p {
    font-size: 1.2em;
}

.post_body a {
    text-decoration: underline;
}

hr {
    border-color: rgba(119, 119, 119, 0.1);
    border-width: 2px;
}

.cat_info {
    margin-bottom: 1rem;
    color: #777;
}

.cat_info img {
    width: 100%;
}


/*.ttl {
  font-size: medium;
  font-weight: bold;
  border-radius: 0;
  margin-bottom: 1rem;
  border-bottom: 2px solid rgba(119, 119, 119, 0.1);
}*/

ul.post-categories,
.widget ul,
ul.page-numbers {
    padding-left: 0;
    margin-left: 0;
    list-style: none;
}

ul.post-categories li {
    display: inline-block;
    padding-right: .5em;
    padding-left: .5em;
}

ul.page-numbers li {
    display: inline-block;
}


/* sidebar */

.sidebar {
    padding-top: 1rem;
}

.sidebar .widget:first-child .ttl {
    margin-top: 0;
}

.sidebar .widget .ttl {
    line-height: 1em;
}

.sidebar .widget ul li a {
    padding: .7rem 1rem;
    width: 100%;
}

.widget {
    margin-bottom: 2rem;
}

.widget .ttl {
    font-size: medium;
    font-weight: bold;
    border-radius: 0;
    margin-bottom: 1rem;
}

.sidebar .widget .ttl:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(29, 32, 136, 0);
    border-top-color: #1d2088;
    border-width: .8rem;
    margin-left: -.8rem;
}


/* ------------------------------------
// footer wiget contents
------------------------------------ */


/**
 * footer container共通
 */

.footer-container-01 .widget,
.footer-container-02 .widget {
    margin-bottom: 1rem;
    font-size: 12px;
    color: #000;
}

footer .ttl span {
    display: inline-block;
    padding: .5em 0;
}

.ttl-footer-nav span,
.ttl-footer-contents span {
    border-bottom: none;
}

.widget .footer-nav-list>li,
.widget .footer-contents-list>li {
    border-bottom: none;
}

.widget .underline-link-blue {
    color: #1565C0;
    text-decoration: underline;
}

.widget .text-red {
    color: #e00;
}


/**
 * footer-container-01
 */

.footer-container-01 {
    margin-bottom: 60px;
}

.widget .ttl-footer-nav {
    border-bottom: 1px solid #535353;
    font-size: 13px;
    margin-bottom: .5rem;
}

.widget .ttl-footer-nav:after {
    content: none;
}

.widget .footer-nav-list>li>a {
    padding: .1rem;
    position: static;
}

.widget .footer-nav-list>li>a:after {
    content: none;
}


/**
 * footer-container-02
 */

.footer-container-02 {
    position: relative;
    margin-bottom: 15px;
}

.footer-in-box {
    background-color: #f0f0f0;
    padding: 15px 15px 0;
    margin: 0 auto;
    width: 85%;
}

.footer-in-box:after {
    content: url(/user_data/packages/default/wp_files/images/symbol_footer_contents.png);
    position: absolute;
    top: -74px;
    right: 250px;
}

.widget .ttl-footer-contents {
    border-bottom: 1px dashed #666;
    font-size: 12px;
    text-align: left;
}

.ttl-footer-contents span {
    padding-bottom: 5px;
    vertical-align: bottom;
}

.widget .ttl-footer-contents:before {
    display: inline-block;
    margin-right: 10px;
    padding-bottom: 5px;
}

#text-20 .ttl-footer-contents:before {
    content: url(/user_data/packages/default/wp_files/images/order.png);
}

#bizcalendar-5 .ttl-footer-contents:before {
    content: url(/user_data/packages/default/wp_files/images/calendar.png);
}

#text-22 .ttl-footer-contents:before {
    content: url(/user_data/packages/default/wp_files/images/deliver.png);
}

#text-21 .ttl-footer-contents:before {
    content: url(/user_data/packages/default/wp_files/images/contact.png);
}


/**
 * ご注文方法について
 */

.widget .order-in-box {
    margin-bottom: 10px;
    margin-top: 5px;
}

.widget .settlement-info-box {
    align-items: center;
    background-color: #fff;
    border: 1px solid #1b1f8b;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    height: 4.5rem;
    justify-content: center;
    padding: 0;
}

.widget .settlement-box-top {
    text-align: center;
    width: 90%;
}

.widget .settlement-box-bottom {
    text-align: center;
}

.widget .settlement-box-bottom>p {
    text-align: left;
    margin: 0 auto;
    font-size: .87em;
    line-height: 0.7;
}

@media (max-width: 1200px) {
    .widget .settlement-box-bottom>p {
        font-size: .8em;
    }
}

.widget .settlement-text {
    border-bottom: 1px solid #1c2189;
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: .2rem;
}

.widget .settlement-sub-text {
    padding-top: 5px;
    display: block;
}


/**
 * お届けについて
 */

.widget .postage-box {
    background-color: #fff;
    border: 1px solid #1b1f8b;
    border-radius: .5rem;
    margin-bottom: .3rem;
    text-align: center;
}

.widget .postage {
    display: inline-block;
    font-size: small;
    margin: .5rem auto;
    padding-left: .5rem;
    padding-right: .4rem;
    text-align: left;
}


/**
 * お問い合わせ
 */

.widget .contact-box {
    margin-bottom: 15px;
}

.widget .contact-type {
    background-color: #777;
    color: #fff;
    display: block;
    text-align: center;
    padding: .8rem 0px;
}

.widget .contact-sub-text {
    display: block;
    margin-bottom: 8px;
}

.widget .contact-link-text {
    display: block;
    background-color: #fff;
    padding: 7px;
    width: 170px;
    position: relative;
    border: 1px solid #000;
}

.widget .contact-link-text:after {
    content: "＞";
    display: inline-block;
    height: 20px;
    width: 20px;
    position: absolute;
    right: 3px;
}

.widget .contact-tel {
    font-size: medium;
    margin-top: .6rem;
    display: block;
}

.widget .contact-tel,
.widget .contact-tel-text {
    color: #313131;
}

.widget ul li {
    display: block;
    border-bottom: 1px dashed #1d2088;
}

.widget ul li ul li {
    border-bottom: 0 none;
}

.widget ul li ul {
    border-left: 1px solid rgba(119, 119, 119, 0.1);
    margin-left: 1rem;
}

.widget ul li a {
    display: inline-block;
    padding: .5rem;
    position: relative;
    padding-left: 0.2rem;
    padding-bottom: 0;
}

.widget ul li>a:after {
    position: absolute;
    content: "";
    top: 0;
    right: 1rem;
    bottom: 0;
    width: .5rem;
    height: .5rem;
    border-top: 1px solid #1d2088;
    border-right: 1px solid #1d2088;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.widget_nav_menu .hidden-sm-down {
    display: block !important;
}

.sidebar .widget .ttl,
.sidebar .widget .ttl>span {
    border: none;
    text-align: center;
}

.sidebar .widget .ttl {
    background-color: #1d2088;
    color: #fff;
    font-weight: normal;
    padding: .8rem .5rem;
    position: relative;
}

.sidebar .newpost a {
    display: table;
    width: 100%;
}

.sidebar .newpost a .post_thumb {
    display: table-cell;
    vertical-align: top;
    width: 100px;
}

.sidebar .newpost a .post_thumb span {
    display: block;
    width: 80px;
    height: 80px;
    overflow: hidden;
}

.sidebar .newpost a .post_thumb img {
    width: 100%;
    height: auto;
}

.sidebar .newpost a .post_ttl {
    display: table-cell;
    vertical-align: top;
}

.pagenation {
    margin-bottom: 3rem;
    text-align: center;
}

.pagenation .page-numbers:not(.next):not(.prev) {
    border: 1px solid #1d2088;
    display: inline-block;
    margin: 0 .3rem;
    padding: .3rem .5rem;
}

.buy .fix_submit {
    background-color: #e60012;
    border-color: #e60012;
    box-shadow: 0px 0px 6px 1px #aaa;
    -moz-box-shadow: 0px 0px 6px 1px #aaa;
    -webkit-box-shadow: 0px 0px 6px 1px #aaa;
    color: #fff;
    margin: .5rem 0;
    padding: .7rem 1.5rem;
    width: 14rem;
}

.pagenation .prev {
    margin-right: 1rem;
}

.pagenation .next {
    margin-left: 1rem;
}

ul.post-categories a,
ul.tag a,
.pager li>a {
    display: inline-block;
    padding: .5em 1em;
    text-align: center;
    border: 1px solid rgba(119, 119, 119, 0.1);
    margin: 0 .5rem .5rem 0;
}

ul.post-categories a:hover,
ul.tag a:hover,
.page-numbers a:hover,
.widget a:hover {
    background: rgba(119, 119, 119, 0.1);
}

a.item-link:hover {
    opacity: 0.7;
}

.share {
    margin-bottom: 1rem;
}

.share a {
    display: inline-block;
    color: #fff !important;
    font-size: small;
    margin: .4em .5em .1em 0;
    opacity: 0.8;
    padding: .5em 1em;
    text-decoration: none;
}

.share a:hover {
    opacity: 1;
    color: #fff !important;
    text-decoration: none;
}

.share_facebook {
    background: #39599F;
}

.share_twitter {
    background: #45B0E3;
}

.share_google {
    background: #DB4437;
}

.share_hatena {
    background: #00A4DE;
}

.share_pocket {
    background: #D3505A;
}

.share_line {
    background: #00C300;
}

.share_instagram {
    background: #e67064;
}

.support-cat .share {
    display: inline;
    margin-bottom: 0;
}

.support-cat .share a {
    font-size: x-small;
    padding: .5em .7em;
}

.support-cat .post-title .share-wrap {
    float: right;
}

.share-text {
    display: inline;
}

.easy_share {
    background-color: #f0f0f0;
    font-weight: bold;
    padding: 1.5rem 1rem 1rem;
}

.easy_share a {
    text-decoration: none;
}

.headline .sns {
    text-align: right;
}

.headline .sns a {
    font-size: large;
    display: inline-block;
    margin: 0 .2rem;
    width: 1em;
    height: 1em;
    background: #333;
    color: #fff !important;
    line-height: 1em;
    opacity: 0.8;
}

.foot .sns {
    text-align: center;
    padding: 0;
}

.foot .sns a {
    font-size: large;
    display: inline-block;
    margin: .5rem;
    padding: .2rem .5rem;
    line-height: 1.5em;
    opacity: 0.8;
}

.sns a:hover {
    opacity: 1;
}

.follow {
    margin-bottom: 1rem;
    background-color: rgba(119, 119, 119, 0.1);
}

.follow_wrap {
    display: table;
}

.follow_img,
.follow_sns {
    display: table-cell;
    vertical-align: middle;
}

.follow .share {
    margin: 0;
}

.follow .share a {
    color: inherit !important;
    font-size: 1.5em;
    margin: 0;
    padding: .5em 1em;
    background-color: transparent;
}

.formbox a {
    padding: 2rem 1rem;
    display: block;
    text-align: center;
    font-weight: bold;
    margin-bottom: 1rem;
    border: 2px solid #00aeef;
    background-color: #fff;
}

.detail {
    padding-top: 2rem;
}

.ttl_h1 {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.ttl_h2 {
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.ttl_h3 {
    font-weight: bold;
}

.archive .ttl_h1,
.search .ttl_h1 {
    border-bottom: 2px solid #00aeef;
    padding-bottom: 1rem;
}

.clearfix,
.post_body {
    zoom: 1;
}

.clearfix:after,
.post_body:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.pager li>a,
.pager li>span {
    border-radius: 0;
}

.page-numbers {
    clear: both;
    text-align: center;
}

.page-numbers a,
span.current {
    display: inline-block;
    background: #fff;
    border: solid 1px rgba(119, 119, 119, 0.1);
    padding: .5em 8px;
    margin: 2px;
    text-decoration: none;
}

span.current {
    background: rgba(119, 119, 119, 0.1);
}

.map {
    padding: 1rem;
    background: rgba(119, 119, 119, 0.1);
    margin-bottom: 2rem;
}

.map iframe {
    width: 100%;
    height: 450px;
}

.pagetop a {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid #ccc;
    border-radius: 50%;
    bottom: 2rem;
    color: #666;
    font-size: x-small;
    display: none;
    height: 4rem;
    line-height: 1.3rem;
    padding: .5rem .3rem;
    position: fixed;
    right: 1rem;
    text-align: center;
    width: 4rem;
    z-index: 999;
}

footer {
    color: #000;
    background: #fff;
    padding: 2em 0 0;
    font-size: small;
    border-top: 3px solid #000;
    text-align: left;
}

footer a,
footer a:hover,
footer a:active,
footer a:visited {
    color: #333;
}

.footer-logo img {
    width: 175px;
}

.copy {
    padding: .5em;
    text-align: center;
    font-size: small;
}

.eg {
    background: rgba(119, 119, 119, 0.1);
    padding: 2rem 1rem;
    text-align: center;
    font-weight: bold;
}

.sidebar .eg {
    width: 100%;
    height: 250px;
    border: 1px solid rgba(119, 119, 119, 0.1);
}


/* ------------------------------------
  First View
------------------------------------ */

.scroll {
    color: #fff !important;
    display: inline-block;
    padding-top: 60px;
    position: absolute;
    bottom: 2%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 60px;
}

.scroll span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 30px;
    height: 50px;
    margin-left: -15px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-sizing: border-box;
}

.scroll span::before {
    position: absolute;
    top: 10px;
    left: 50%;
    content: '';
    width: 6px;
    height: 6px;
    margin-left: -3px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sdb 2s infinite;
    animation: sdb 2s infinite;
    box-sizing: border-box;
}

@-webkit-keyframes sdb {
    0% {
        -webkit-transform: translate(0, 0);
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    80% {
        -webkit-transform: translate(0, 20px);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes sdb {
    0% {
        transform: translate(0, 0);
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    80% {
        transform: translate(0, 20px);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}


/* ------------------------------------
  セクション共通
------------------------------------ */

.section-title {
    font-size: large;
}


/* ------------------------------------
  ABOUTセクション
------------------------------------ */

.about {
    text-align: center;
    background: url(/user_data/packages/default/wp_files/images/dogcat_symbol90.png) right bottom no-repeat;
}

.about .section-title {
    margin-bottom: 2.2rem;
}

.about .section-body {
    line-height: 2;
    margin: 0 auto 2rem;
    max-width: 32em;
}

.about .about-button {
    position: relative;
    margin: 0 5%;
}

.about .about-button:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 1.2rem;
}

.about .btn-default {
    padding: .8em 3rem .8em 2.6rem;
}

.btn-side-wr {
    display: inline;
}


/* ------------------------------------
DOGFOOD CATFOOD イメージリンク セクション
------------------------------------ */

.dc-link {
    overflow: hidden;
}

.dc-link .notice {
    font-size: x-small;
}

.dc-link .dc-box {
    padding: 0;
    position: relative;
    text-align: center;
}

.dc-link .dc-box .dc-box-inner {
    position: absolute;
    top: 55%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 82%;
}

.dc-link .dc-box .dc-box-inner .dc-txt {
    color: #fff;
    font-size: 4rem;
    letter-spacing: .06em;
    margin: 0;
}

.dc-link .dc-box .dc-box-inner .dc-txt-jp {
    background-color: #000;
    color: #fff;
    font-size: medium;
    padding: .2rem;
}


/* ------------------------------------
DOGFOOD CATFOOD 商品リスト共通
------------------------------------ */

.dog-food,
.cat-food {
    margin-bottom: 2em;
    padding-bottom: 2em;
    text-align: center;
}

.dog-food a,
.dog-food a:hover,
.dog-food a:active,
.dog-food a:visited,
.cat-food a,
.cat-food a:hover,
.cat-food a:active,
.cat-food a:visited {
    color: inherit;
}

.cat-ttl {
    padding-top: 1rem;
}

.cat-ttl .cat-ttl-en {
    border-bottom: 1px solid #333;
    font-size: 1.6rem;
    margin: 0 .3rem 1rem;
}

.cat-ttl .cat-ttl-jp {
    display: block;
    font-size: small;
    letter-spacing: .05em;
    margin-top: .5em;
}

.item-head {
    margin-bottom: 1rem;
}

.item-head .item-head-ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.item-head .item-head-ttl .footprint-wr {
    display: inline-block;
}

.footprint {
    vertical-align: baseline;
}

.item-head .item-head-ttl .cat-ttl {
    display: inline-block;
}

.item-head .cat-body {
    max-width: 47.9em;
    margin: 0 auto;
}

.item-lists .item-info a.item-info-link {
    text-decoration: none;
}

.item-lists .item-info .item-img-wrapper {
    margin-top: 1rem;
}

.item-lists .item-info .item-info-img:hover {
    -webkit-transition: all 0.18s ease-in-out;
    transition: all 0.18s ease-in-out;
    -moz-transform: scale(1.15, 1.15);
    -ms-transform: scale(1.15, 1.15);
    -o-transform: scale(1.15, 1.15);
    -webkit-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15);
}

.item-lists .item-info .item-info-top {
    padding-bottom: .5rem;
}

.item-lists .item-info .item-info-head {
    margin-bottom: 0;
}

.item-lists .item-info .item-ttl-en,
.item-lists .item-info .item-ttl-jp {
    display: block;
}

.item-lists .item-info .item-ttl-en {
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin: 0 auto .3em;
    padding: 0.3em .7em .2em;
    position: relative;
    width: 90%;
}

.item-lists .item-info .item-ttl-en:after {
    color: rgb(35, 15, 129);
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.item-lists .item-info .item-ttl-jp {
    font-size: medium;
    font-weight: bold;
}

.item-lists .item-info .item-info-center {
    margin-bottom: 1rem;
}

.item-lists .item-info .item-sub {
    color: #999;
}

.item-lists .item-info .item-under {
    color: #333;
}


/* ------------------------------------
DOGFOOD セクション
------------------------------------ */

.dog-food {
    border-bottom: dashed 1px #666;
}


/* ------------------------------------
CATFOOD セクション
------------------------------------ */

.cat-food .item-lists {
    margin-bottom: 2rem;
}

.all-item-wr {
    margin-bottom: 2rem;
}

.all-item-wr .all-item-button {
    padding-left: 1.5rem;
    position: relative;
    margin: 0 4%;
}

.all-item-wr .all-item-button:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 1rem;
}

.sub-banner-img {
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.8);
    margin: 1rem 0;
    padding: .3rem;
}


/* ------------------------------------
トップ グレー背景共通
------------------------------------ */

.beginer-wrapper,
.reading-wrapper,
.news-wrapper {
    margin: 0 auto;
    max-width: 53rem;
}


/* ------------------------------------
初めての方へ・読み物セクション
------------------------------------ */

.beginer .ttl-wr,
.reading .ttl-wr {
    text-align: center;
    margin-bottom: 1.5rem;
}

.beginer .ttl-img,
.reading .ttl-img {
    margin-right: 1rem;
}

.beginer .section-title,
.reading .section-title {
    border-bottom: 1px solid;
    font-size: medium;
    padding: .5rem 1rem;
}

.beginer .boxes .box,
.beginer .boxes .box a {
    color: #fff;
}

.beginer .boxes .box .box-inner,
.reading .boxes .box .box-inner {
    border-radius: .5rem;
    padding: 1rem;
}

.beginer .boxes .box .box-inner {
    background-color: rgb(184, 157, 102);
}

.reading .boxes .box .box-inner {
    background-color: #fff;
}

.reading .boxes .box:nth-child(2) .box-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.beginer .boxes .box:nth-child(2) .box-icon,
.beginer .boxes .box:nth-child(3) .box-icon {
    height: 26px !important;
    margin: 0 .5rem 0 0;
}

.beginer .boxes .box .box-icon,
.reading .boxes .box .box-icon {
    height: 20px !important;
    margin: 2px .5rem 4px 0;
}

.beginer .boxes .box .box-ttl,
.reading .boxes .box .box-ttl {
    border-bottom: 1px solid;
    font-size: medium;
    padding-bottom: .2rem;
}

.beginer .boxes .box .box-ttl {
    color: #fff;
}

.reading .boxes .box .box-ttl {
    color: #333;
}

.beginer .boxes .box .box-text-wrap,
.reading .boxes .box .box-text-wrap {
    height: 3rem;
    margin-bottom: .5rem;
    position: relative;
}

.beginer .boxes .box .box-text {
    font-size: 1.2em;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.reading-wrapper .box-text {
    font-size: .9rem;
    margin-bottom: .3rem;
    line-height: 1.35;
}

.reading-wrapper .box-body-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reading .box-inner .thumbnail {
    width: 230px;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 auto 1rem;
}

.beginer .boxes .box .box-bottom-txt,
.reading .boxes .box .box-bottom-txt {
    border: 1px solid;
    font-size: small;
    margin-bottom: 0;
    padding: .1rem .3rem;
    position: relative;
}

.beginer .boxes .box .box-bottom-txt:after {
    content: "";
    position: absolute;
    right: .1rem;
    bottom: .1rem;
    border-bottom: .8em solid rgb(255, 237, 0);
    border-left: .8em solid transparent;
}

.reading .box .btn-wrapper {
    overflow: hidden;
}

.reading .box .box-btn {
    padding: .5rem;
    position: relative;
    width: 48%;
    z-index: 1;
}

.reading .box .box-btn:first-child {
    float: left;
}

.reading .box .box-btn:nth-child(2) {
    float: right;
}

.reading .box .box-btn:after {
    content: "";
    position: absolute;
    right: .1rem;
    bottom: .1rem;
    border-bottom: .8em solid #666;
    border-left: .8em solid transparent;
}


/* ------------------------------------
  新着情報セクション
------------------------------------ */

.news {
    margin-bottom: 2rem;
}

.news .news-wrapper {
    background-color: #fff;
    border-radius: .5em;
    padding: 1em 1.5em 0;
}

.news .news-contents {
    border-top: 1px solid #333;
    height: 20rem;
    margin: 0;
    overflow-y: scroll;
    padding-top: .5em;
}

.news .date {
    margin: 0;
}


/* ------------------------------------
  SNSセクション
------------------------------------ */


/*instagram*/

#text-7 {
    width: 100%;
    padding: 0;
}

.sp-facebook-btn,
.sp-twitter-btn {
    display: none;
}

.line-account-wrap {
    width: 100%;
}


/* ------------------------------------
  記事投稿ページ共通
------------------------------------ */

.post_body h1 {
    font-size: 2.5em;
    line-height: 1.5em;
}

.post_body h2 {
    font-size: 2em;
    line-height: 1.2em;
}

.post_body h3 {
    font-size: 1.6em;
    line-height: 1.2em;
}

.post_body h4 {
    font-size: 1.4em;
    line-height: 1.2em;
}

.post_body h5 {
    font-size: 1.2em;
    line-height: 1.2em;
}

.post_body h6 {
    font-size: 1em;
    line-height: 1.2em;
}


/* ------------------------------------
  ページ共通
------------------------------------ */

.intro {
    margin: 0 auto;
    max-width: 47.9em;
}

.intro-title {
    border-bottom: 1px solid;
    display: inline-block;
    margin-bottom: 1.5rem;
    padding-bottom: .5rem;
}

.intro-text {
    line-height: 1.8em;
    padding: 0 1rem;
}

.mainarea .ttl {
    border-bottom: 1px dashed #666;
    color: #232584;
    font-size: x-large;
    font-weight: bold;
    padding-bottom: .7rem;
    position: relative;
}

.mainarea .ttl_h:before {
    background-image: url(/user_data/packages/default/wp_files/images/svg/column_blue.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: .8em;
    width: .8em;
    margin-right: .5rem;
}

.mainarea .ttl_h:after {
    margin-top: -5.5px;
    top: 100%;
    left: 2rem;
    content: '';
    height: .8rem;
    width: .8rem;
    border-bottom: 1px dashed #666;
    border-right: 1px dashed #666;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    background-color: #fff;
    position: absolute;
}

.recommend .ttl {
    font-size: large;
    margin-bottom: 1rem;
}

.recommend .list-title {
    color: #232584;
    font-weight: bold;
}

.back-links p {
    color: #232584;
}

.sidebar .widget ul>li>a {
    color: #1d2088;
}

.sidebar .cat-num {
    color: #bbb;
}

.sidebar .banner-pc {
    display: block;
}

.sidebar .banner-sp {
    display: none;
}

.page .fv,
.single .fv,
.archive .fv {
    background-repeat: no-repeat;
    background-position: center;
    max-width: 1014px;
    height: 344px;
    margin: 0 auto;
}

.page .fv .inner,
.single .fv .inner,
.archive .fv .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.page .fv .page-title,
.single .fv .page-title,
.archive .fv .page-title {
    color: #fff;
    display: inline-block;
    text-align: center;
    margin-bottom: 0;
}


/* ------------------------------------
　　定期コース
------------------------------------ */

.page-course .fv {
    background-image: url(/user_data/packages/default/wp_files/images/course_fv.jpg);
    background-position: 27%;
    margin-bottom: 3rem;
}

.page-course .fv .page-title {
    border-color: #fff;
    padding-bottom: .5rem;
    border-bottom: 1px solid #fff;
}

.page-course .intro {
    margin-bottom: 2rem;
}

.page-course .intro .sub-title {
    display: inline-block;
    border-top: none;
    border-bottom: 2px solid;
}

.page-course .intro .intro-text {
    text-align: center;
}

.page-course .merit .contents .four .box-outer {
    float: left;
    margin: 0 1% 1rem;
    padding-top: 1rem;
    padding-left: 2rem;
    position: relative;
    width: 48%;
}

.page-course .merit .contents .four .box {
    background-color: #eeeeee;
    padding: 3px;
}

.page-course .merit .contents .four .box>img {
    position: absolute;
    left: 0;
    top: 0;
}

.page-course .merit .contents .four .box .box-inner {
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem;
    height: 140px;
}

.page-course .merit .contents .four .box .box-inner>p {
    font-size: 22px;
    text-align: center;
}

.page-course em {
    color: #d90011;
    font-size: 35px;
    font-style: normal;
    font-weight: bold;
    line-height: 1.2em;
    vertical-align: middle;
}

.page-course em>span {
    font-size: 50px;
}

.page-course em.size-l {
    font-size: 45px;
}

.page-course em.size-l>span {
    font-size: 65px;
}

.page-course .wrapper {
    margin: 0 auto;
    max-width: 62em;
    overflow: visible;
}

.page-course .merit .bottom-image {
    margin-top: 1rem;
    margin-left: auto;
    margin-right: -6%;
}

.page-course .wrap {
    margin: 0 5%;
}

.page-course .contents .wrap p {
    line-height: 1.8em;
    letter-spacing: .02em;
    margin-bottom: 2rem;
}

.page-course .contents .wrap img {
    margin-bottom: 2rem;
}

.page-course .main-contents .belt {
    background-color: #ad9261;
    border: none;
    color: #fff;
    font-size: 34px;
    overflow: visible;
    padding: .8rem 0;
    position: relative;
    margin-bottom: 2.5rem;
}

.page-course .main-contents .belt>img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.page-course .main-contents .belt>span {
    margin-left: 86px;
}

.page-course .main-contents .section-box {
    border: 1px solid #333;
    margin-bottom: 2rem;
    padding: 1rem;
}

.page-course .main-contents .head {
    padding: .5rem 1rem;
    height: 150px;
}

.page-course .main-contents .head-image {
    display: flex;
    height: 100%;
}

.page-course .main-contents .head-image>img {
    margin: auto;
}

.page-course .main-contents .head .merit-icon {
    float: left;
}

.page-course .main-contents .title-belt {
    background-image: url(/user_data/packages/default/wp_files/images/course_bg_left.png), url(/user_data/packages/default/wp_files/images/course_bg_right.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left center, right center;
    border-top: 2px solid #a0a0a0;
    border-bottom: 2px solid #a0a0a0;
    margin-bottom: 1.5rem;
    padding: .5rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 140px;
}

.page-course .main-contents .title-belt h4 {
    font-size: 30px;
    padding-top: .8rem;
}

.page-course .main-contents .title-belt h4 em {
    font-size: 45px;
    line-height: 1.8em;
    vertical-align: baseline;
}

.page-course .main-contents .title-belt h4 em>span {
    font-size: 65px;
}

.page-course .main-contents .body {
    line-height: 2em;
    margin-bottom: 1.5rem;
    text-align: center;
}

.page-course .main-contents .box {
    background-color: #eeeeee;
}

.page-course .main-contents .box p {
    margin-bottom: 0;
}

.page-course .main-contents .box .item {
    height: 10rem;
    padding: 1rem 0;
}

.page-course .main-contents .box .item:not(:last-child) {
    border-bottom: 1px dashed #333;
}

.page-course .main-contents .box .item .normal,
.page-course .main-contents .box .item .teiki {
    display: flex;
    align-items: center;
    float: left;
    height: 100%;
}

.page-course .main-contents .box .item .normal {
    width: 55%;
}

.page-course .main-contents .box .item .teiki {
    width: 45%;
}

.page-course .main-contents .box .item .normal .item-image {
    float: left;
    width: 45%;
}

.page-course .main-contents .box .item .normal .info {
    width: 55%;
}

.page-course .main-contents .box .item .teiki>img {
    float: left;
}

.page-course .main-contents .box .item .normal p {
    font-size: 18px;
}

.page-course .main-contents .box .item .normal .price {
    font-size: 32px;
    line-height: 1;
}

.page-course .main-contents .box .item .normal .price .yen {
    font-size: 24px;
}

.page-course .main-contents .box .item .normal .price .tax {
    font-size: x-small;
}

.page-course .main-contents .box .item .normal .price .double {
    background-image: url(/user_data/packages/default/wp_files/images/double.png);
    background-repeat: repeat-x;
    background-position: center;
    font-weight: bold;
}

.page-course .tax {
    vertical-align: bottom;
}

.page-course .main-contents .box .item .teiki p {
    margin-top: 1.5rem;
}

.page-course .main-contents .box .item .teiki .price .tax {
    white-space: nowrap;
}

.page-course .main-contents .box .item .teiki .arrow {
    margin-right: 1.5rem;
}

.page-course .main-contents .merit2.section-box {
    padding-bottom: 0;
}

.page-course .main-contents .merit2 .box p {
    font-size: 24px;
    text-align: center;
}

.page-course .main-contents .merit2 small,
.page-course .main-contents .merit4 small {
    font-size: 12px;
}

.page-course .main-contents .merit2 .box .top {
    border-bottom: 1px dashed #333;
    padding: 1rem;
}

.page-course .main-contents .merit2 .box .top .select-text>em {
    vertical-align: baseline;
}

.page-course .main-contents .merit2 .box .select .col {
    float: left;
    width: calc(100%/3);
}

.page-course .main-contents .merit2 .box .select .circle {
    background-color: #ad9261;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -1.5rem auto 0;
    width: 8rem;
    height: 8rem;
}

.page-course .main-contents .merit2 .box .select .circle p {
    color: #fff;
}

.page-course .main-contents .merit2 .box .bottom {
    padding: 1rem;
}

.page-course .main-contents .merit2 .box .bottom .baloon {
    background-color: #d90011;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    position: relative;
    width: 13rem;
    height: 4rem;
}

.page-course .main-contents .merit2 .box .bottom .baloon:after {
    top: 95%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(217, 0, 17, 0);
    border-top-color: #d90011;
    border-width: 15px;
    margin-left: -15px;
}

.page-course .main-contents .merit2 .box .bottom .em-box {
    border: 2px solid #d90011;
    margin: 0 1rem 1.5rem;
    padding: 1rem;
}

.page-course .main-contents .merit2 .box .bottom .text {
    margin-bottom: 1.5rem;
}

.page-course .main-contents .merit2 .box .bottom .text em {
    font-size: inherit;
    vertical-align: baseline;
}

.page-course .main-contents .merit2 .box .bottom .bottom-images {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.page-course .main-contents .merit2 .bottom-text {
    text-align: right;
    margin: .5rem 0;
}

.page-course .main-contents .merit4 .body {
    margin: 0 auto 1.5rem;
    ;
    max-width: 33.9em;
}

.page-course .main-contents .merit4 .box-row {
    border-bottom: 1px dotted #333;
    display: flex;
    align-items: center;
    padding: 1rem;
}

.page-course .main-contents .merit4 .box-row .left {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.page-course .main-contents .merit4 .box-row .left,
.page-course .main-contents .merit4 .box-row .right {
    float: left;
    width: 50%;
}

.page-course .main-contents .merit4 .box-row .right .text-top {
    display: flex;
    justify-content: space-between;
}

.page-course .main-contents .merit4 .box-row .right .text-bottom {
    width: 95%;
}

.page-course .main-contents .merit4 .box-row .right .text1 {
    font-size: 23px;
    line-height: 1.2em;
    margin-bottom: .5rem;
}

.page-course .main-contents .merit4 .box-row .right .case {
    background-color: #ad9261;
    display: flex;
    justify-content: center;
    margin-bottom: .5rem;
    padding: 1rem;
}

.page-course .main-contents .merit4 .box-row .right .case p {
    color: #fff;
    font-size: 26px;
    line-height: 1.2em;
}

.page-course .main-contents .merit4 .box-row .right .case em {
    color: #fff;
    font-size: 30px;
    vertical-align: baseline;
}

.page-course .main-contents .merit4 .box-row .right .text3 {
    font-size: 16px;
}

.page-course .main-contents .merit4 .bottom {
    background-image: url(/user_data/packages/default/wp_files/images/course_16.png), url(/user_data/packages/default/wp_files/images/course_15.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 6% 64%, 90% center;
    height: 21.5rem;
    padding: 1.5rem 1rem .5rem;
}

.page-course .main-contents .merit4 .bottom .main-text {
    font-size: 26px;
    text-align: center;
    margin-bottom: 4rem;
}

.page-course .main-contents .merit4 .bottom .main-text .more {
    font-size: 32px;
}

.page-course .main-contents .merit4 .bottom .main-text .tax {
    font-size: 60%;
    vertical-align: baseline;
}

.page-course .main-contents .merit4 .bottom .main-text em {
    line-height: 1.5em;
}


/*.page-course .main-contents .merit4 .bottom .bottom-text {
  text-align: left;
}*/

.page-course .main-contents .easy {
    padding: 3rem;
}

.page-course .main-contents .easy h3 {
    border-top: none;
    display: inline-block;
    font-size: 50px;
    font-weight: bold;
    padding: 0 2rem .5rem;
    position: relative;
    background: #fff;
}

.page-course .main-contents .easy h3:after,
.page-course .main-contents .easy h3:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.page-course .main-contents .easy h3:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 15px;
    margin-left: -15px;
}

.page-course .main-contents .easy h3:before {
    border-color: rgba(51, 51, 51, 0);
    border-top-color: #333;
    border-width: 16px;
    margin-left: -16px;
}

.page-course .main-contents .easy-head .sub-text {
    margin-bottom: .5rem;
}

.page-course .main-contents .easy-head {
    margin-bottom: 2.5rem;
}

.page-course .main-contents .easy-head p {
    text-align: center;
}

.page-course .main-contents .easy-head .sub-text {
    font-size: 28px;
}

.page-course .main-contents .easy-head .text {
    font-size: 20px;
}

.page-course .main-contents .easy section h4 {
    background-color: #858590;
    color: #fff;
    margin-left: auto;
    padding: .5rem 1rem;
    position: relative;
    text-align: left;
    width: 90%;
}

.page-course .main-contents .easy section h4:before {
    display: inline-block;
    position: absolute;
    left: -10%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page-course .main-contents .easy section.order-internet h4:before {
    content: url(/user_data/packages/default/wp_files/images/course_17.png);
}

.page-course .main-contents .easy section.order-tel h4:before {
    content: url(/user_data/packages/default/wp_files/images/course_18.png);
}

.page-course .main-contents .easy section.order-fax h4:before {
    content: url(/user_data/packages/default/wp_files/images/course_19.png);
}

.page-course .main-contents .easy .box {
    background-color: #fff;
}

.page-course .main-contents .easy .box .teiki .buy {
    display: flex;
    flex-direction: column;
}

.page-course .main-contents .easy .box .price .tax {
    vertical-align: bottom;
}

.page-course .main-contents .easy .box a.btn {
    background-color: #e60012;
    border-color: #e60012;
    box-shadow: 0px 0px 6px 1px #aaa;
    -moz-box-shadow: 0px 0px 6px 1px #aaa;
    -webkit-box-shadow: 0px 0px 6px 1px #aaa;
    color: #fff;
    margin: .5rem 0;
    padding: .7rem 1.5rem;
    width: 14rem;
}

.mgtt20 {
    margin-top: 20px;
}

.trail-red {
    font-size: 13px;
    line-height: 24px;
}

.txt_bold_red {
    color: #ff0000;
}

.page-course .main-contents .easy .box a.btn:hover,
.buy .fix_submit:hover {
    opacity: .8;
}

.page-course .main-contents .easy .box .cart-image {
    width: 1.3rem;
    height: 1.3rem;
    float: left;
    margin-right: .5rem;
}

.page-course .main-contents .easy .box .item .teiki p {
    margin-top: 0;
}

.page-course .main-contents .easy .box .item .tax {
    white-space: nowrap;
}

.page-course .main-contents .easy .box .item .normal .info {
    padding: 0 .5rem;
}

.page-course .main-contents .easy .box .item .normal .info p {
    text-align: left;
}

.page-course .main-contents .easy .box .item:not(:last-child) {
    border: none;
}

.page-course .main-contents .easy .box .item:last-child {
    border-bottom: 1px dashed #333;
}

.page-course .main-contents .easy .order-internet {
    margin-bottom: 3rem;
}

.page-course .main-contents .easy .order-tel .wrap,
.page-course .main-contents .easy .order-fax .wrap {
    margin-left: 10%;
}

.page-course .main-contents .easy .order-tel .tel {
    font-size: 20px;
    margin-top: 1rem;
    margin-bottom: .5rem;
}

.page-course .main-contents .easy .order-tel .tel>span {
    text-decoration: underline;
}

.page-course .main-contents .easy .order-tel small {
    font-size: 12px;
}

.page-course .main-contents .easy .order-fax {
    margin-bottom: 1rem;
}

.page-course .main-contents .easy .order-fax p {
    margin-top: 1rem;
}

.page-course .consult-image {
    margin-bottom: 2rem;
    padding: 0 1rem;
}


/* ------------------------------------
  その他ページ共通
------------------------------------ */

.other .main {
    margin: 0 auto;
    max-width: 74.9em;
}

.other .main h2 {
    padding-bottom: .5rem;
    border-bottom: 1px solid #333;
    display: inline-block;
    margin-bottom: 1.5rem;
}

.other .main h3 {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: .5rem 0;
    margin-bottom: 1.5rem;
}

.other .main p,
.other .main li>a,
.other .main dt,
.other .main dd {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: .05rem;
    text-align: justify;
}

.other dl {
    margin-bottom: .5rem;
    padding: 0 1rem;
}

.other dl dt,
.other dl dd {
    float: left;
    margin-bottom: 0;
}

.other .main dl dt {
    padding-right: .5rem;
}

.other .main dl dd {
    padding-left: .5rem;
}


/* ------------------------------------
  お問い合わせページ
------------------------------------ */

.page-contact .inner {
    background-color: #f0f0f0;
    margin-bottom: 1.5rem;
    padding: 2.5rem 2rem;
}

.page-contact .inner .contents {
    background-color: #fff;
    padding: 2rem 1rem 1rem 1rem;
}

.page-contact .inner .contents:not(:last-child) {
    margin-bottom: 1rem;
}

.page-contact .inner .frequency h3 {
    position: relative;
}

.page-contact .inner .frequency h3:before {
    position: absolute;
    content: url(/user_data/packages/default/wp_files/images/contact_question.jpg);
    left: -3.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page-contact .inner .contents h3 {
    border-top: none;
    border-bottom: 2px solid #ad9261;
    color: #ad9261;
    display: inline-block;
    padding-bottom: .5rem;
    margin-bottom: 1.5rem;
}

.page-contact .inner .contents .questions {
    list-style: none;
    padding-left: 0;
}

.page-contact .inner .contents .questions li {
    font-size: medium;
    padding: 1.5rem 0;
    text-align: left;
}

.page-contact .inner .contents .questions li>a {
    color: #393c92;
    text-decoration: underline;
}

.page-contact .inner .contents .questions li>a>p,
.page-contact .inner .contents .body>p {
    margin: 0 auto;
    max-width: 21rem;
    position: relative;
}

.page-contact .inner .contents .questions .question p:before {
    position: absolute;
    content: url(/user_data/packages/default/wp_files/images/contact_q.jpg);
    left: -3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page-contact .inner .contents .questions .question:not(:first-child) {
    border-top: 1px dashed #8c8c97;
}

.page-contact .inner .contents .body .tel {
    font-size: large;
    position: relative;
}

.page-contact .inner .contents .body .tel:before {
    position: absolute;
    content: url(/user_data/packages/default/wp_files/images/contact_tel.jpg);
    left: -4.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page-contact .main .text-wrap {
    margin-bottom: 2rem;
    padding: 0 2rem;
}

.page-contact .main .form form {
    max-width: 31rem;
    margin: 0 auto;
}

.page-contact .main .form form>p:nth-child(:last-child-1) {
    margin-bottom: 2rem;
}

.page-contact .main .form form label {
    text-align: left;
    width: 100%;
}

.page-contact .main .form form p {
    text-align: center;
}

.page-contact .main .form form .wpcf7-captchac {
    border: .0625rem solid #ccc;
    padding: .5rem;
    zoom: 1.2;
}

.page-contact .main .form form .wpcf7-submit {
    background-color: #e60012;
    border-color: transparent;
    margin-left: 1rem;
    padding: .5rem 4rem;
}

.page-contact .main .form form .wpcf7-select {
    height: 2rem;
}

.page-contact .main .form ul {
    list-style: none;
    margin: 0 auto;
    max-width: 31rem;
    padding-left: 0;
    text-align: left;
}

.page-contact .main .form ul li {
    font-size: 14px;
}

.page-contact .form .require {
    background-color: #f00;
    color: #fff;
    font-size: small;
    margin-left: .5rem;
    padding: .1rem .2rem;
}

.page-contact .comment-box .comment a {
    text-decoration: underline;
}


/* よくあるご質問 */

.page-faq .intro {
    line-height: 1.8em;
    margin: .5rem auto 3rem;
    max-width: 43.9em;
}

.page-faq .intro p {
    text-align: center;
}

.page-faq .mainarea a {
    text-decoration: underline;
}

.page-faq h3 {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-bottom: 0;
    padding: .5rem 0;
    text-align: center;
}

.page-faq h3:not(:first-child) {
    margin-top: 2rem;
}

.page-faq .panel:not(:last-child) {
    border-bottom: 1px dashed #8c8c97;
}

.page-faq .panel-heading {
    background-color: #efefef;
}

.page-faq .panel-title {
    margin-bottom: 0;
}

.page-faq .panel-title>a {
    background-image: url(/user_data/packages/default/wp_files/images/faq_x.png);
    background-position: 95% center;
    background-repeat: no-repeat;
    color: #1d2088;
    display: block;
    padding: 2rem 5rem 2rem 0;
    text-decoration: underline;
}

.page-faq .panel-title>a.collapsed {
    background-image: url(/user_data/packages/default/wp_files/images/faq_v.png);
    background-position: 95% center;
    background-repeat: no-repeat;
}

.page-faq .panel-title>a>span {
    display: block;
    line-height: 1.5;
    overflow: auto;
}

.page-faq .panel-title .question-image,
.page-faq .panel-collapse .answer-image {
    float: left;
    margin: 0 2rem;
}

.page-faq .panel-body {
    padding: 2rem 0;
}

.page-faq .panel-collapse .answer {
    font-size: 14px;
    margin-bottom: 0;
    margin-right: 10%;
    overflow: auto;
    text-align: justify;
}

.page-faq .sidebar ul {
    margin-bottom: 2rem;
}


/* その他 */

.page-law h4 {
    text-align: left;
}

.page-law p+h4 {
    margin-top: 2rem;
}

.page-legal h2 {
    border-bottom: none;
}

.page-legal .top {
    border-bottom: 1px solid #333;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}

.page-legal dl dt {
    width: 30%;
    padding-left: 2rem;
}

.page-legal dl dd {
    width: 70%;
}

.page-legal .main a {
    text-decoration: underline;
}

.page-legal .main a:hover {
    color: #666;
}

.page-corporate .intro {
    line-height: 1.8em;
    margin-bottom: 3rem;
    max-width: 38.9em;
    text-align: justify;
}

.page-corporate dl {
    margin: 0 auto .5rem;
    max-width: 51.9em;
}

.page-corporate dl dt {
    text-align: justify !important;
    text-justify: inter-ideograph;
    width: 20%;
}

.page-corporate dl dd {
    width: 80%;
}

.page-privacy-policy .main h2 {
    margin-bottom: 3.5rem;
}

.page-privacy-policy .main dl dt {
    font-weight: bold;
    padding: 0 3rem;
    width: 30%;
}

.page-privacy-policy .main dl dd {
    width: 70%;
}

.page-privacy-policy .border {
    border-top: 1px solid #333;
    padding-top: 1.5rem;
}

.page-sitemap .left,
.page-sitemap .right {
    float: left;
    padding: 0 1.5rem;
    width: 50%;
}

.page-sitemap .main h2 {
    margin-bottom: 3rem;
}

.page-sitemap ul {
    list-style: none;
    padding-left: 0;
}

.page-sitemap ul li {
    text-align: left;
    margin-bottom: 1rem;
}

.page-sitemap ul li a {
    text-decoration: underline;
}

.page-sitemap ul li a:hover {
    color: #666;
}

.page-sitemap .main p {
    border: 1px solid #333;
    padding: 1rem;
    position: relative;
    width: 100%;
}

.page-sitemap .main p:after {
    content: url('/user_data/packages/default/wp_files/images/sitemap_arrow.png');
    position: absolute;
    right: 1rem;
    top: 55%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* ------------------------------------
  商品一覧ページ
------------------------------------ */

.page-products .mainarea .product-category:not(:last-child) {
    border-bottom: 1px dashed #aaa;
    margin-bottom: 2rem;
}

.page-products .category-header {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 1.5rem;
    height: 117px;
    width: 100%;
}

.page-products .dogfood .category-header {
    background-image: url(/user_data/packages/default/wp_files/images/products_dogfood.jpg);
}

.page-products .catfood .category-header {
    background-image: url(/user_data/packages/default/wp_files/images/products_catfood.jpg);
}

.page-products .goods .category-header {
    background-image: url(/user_data/packages/default/wp_files/images/products_goods.jpg);
}

.page-products .intro {
    margin-bottom: 1.5rem;
}

.page-products .category-header .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70%;
    height: 100%;
}

.page-products .category-header .inner .category-text {
    color: #000;
    font-size: 80px;
    white-space: nowrap;
}

.page-products .category-header .inner .category-text>span {
    background-color: #000;
    color: #fff;
    display: block;
    font-size: medium;
    margin-top: -.8rem;
    padding: .2rem 0;
}

.page-products .trial .banner {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 1rem;
}

.page-products .trial .banner .left {
    display: inline-block;
    position: relative;
    width: 62% !important;
}

.page-products .trial .banner .left .left-image {
    background-image: url(/user_data/packages/default/wp_files/images/products_trial_dog.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100% !important;
    max-width: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*Phuong edit_07082019*/

.page-products .trial.course_list {
    margin-bottom: 2.5rem;
}

.page-products .trial.course_list .banner .right .trial-head>span {
    margin-left: 0;
}

.page-products .trial.course_list .banner .left .left-image {
    background-image: url(/user_data/packages/default/wp_files/images/teikibinimage.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100% !important;
    max-width: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-products .trial.course_list .banner .right .trial-head>span {
    margin-top: 0;
    margin-bottom: .5rem;
}

.page-products .trial.course_list .banner .right {
    padding: 1.5rem .5rem 1.5rem 1rem;
}

.page-products .course .items .item .item-box {
    padding: 0;
    height: auto;
}

.page-products .course .items .item .item-box .thumb-wrap>img {
    max-height: 239px !important;
}

@media (max-width: 47.9em) {
    .page-products .trial.course_list .banner .right {
        padding: .5rem;
    }
    .page-products .course .items .item .item-box {
        height: 11.5rem;
    }
}


/*End edit*/

.page-products .trial .banner .left .circle {
    background-color: #ad9261;
    border-radius: 50%;
    text-align: center;
    width: 5rem;
    height: 5rem;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
}

.page-products .trial .banner .left .circle .circle-top {
    color: #fff;
    font-size: small;
    height: 2.5rem;
    position: relative;
}

.page-products .trial .banner .left .circle .circle-top>p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: .2rem;
}

.page-products .trial .banner .left .circle .circle-bottom {
    color: #ad9261;
    background-color: #fff;
    border-radius: 0 0 2.4rem 2.4rem;
    font-size: medium;
    margin: 0 auto;
    padding-top: .2rem;
    height: 2.4rem;
    width: 4.8rem;
}

.page-products .catfood .trial .banner .left .circle .circle-bottom {
    padding-top: .1rem;
}

.page-products .catfood .trial .banner .left .circle .circle-bottom>p {
    border-radius: 0 0 2.4rem 2.4rem;
    font-size: medium;
    margin: 0 auto;
    padding-top: .2rem;
    line-height: 1.2em;
}

.page-products .trial .banner .right {
    background-color: #ad9261;
    padding: .5rem;
    width: 38%;
    z-index: 1;
}

.page-products .trial .banner .right .trial-head {
    font-size: xx-large;
}

.page-products .trial .banner .right .trial-head>span {
    display: block;
    font-size: medium;
    margin-top: -.5rem;
}

.page-products .trial .banner .right .boxes .box {
    display: inline-block;
    font-size: .9rem;
    margin-bottom: .5rem;
    padding: .2rem;
}

.page-products .trial .banner .right .boxes .box:first-child {
    margin-right: .5rem;
}

.page-products .trial .banner .right .boxes .box1 {
    background-color: #fff100;
}

.page-products .trial .banner .right .boxes .box2 {
    background-color: #fff;
}

.page-products .trial .banner .right .contents-list>p {
    color: #fff;
    font-size: medium;
}

.page-products .trial .banner .right .contents-list .content {
    margin-bottom: .3rem;
}

.page-products .trial .banner .right .contents-list .content>span {
    display: block;
    font-size: x-small;
}

.page-products .trial .trial-texts {
    font-size: .9rem;
    margin-bottom: 2rem;
}

.page-products .trial .trial-texts .trial-link {
    margin-bottom: 0;
}

.page-products .trial .trial-texts .trial-link>a {
    font-weight: bold;
    text-decoration: underline;
}

.page-products .items {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-products .items .item {
    margin-bottom: 2rem;
}

.page-products .dogfood .items .item:first-child {
    order: 1;
}

.page-products .dogfood .items .item:nth-child(2) {
    order: 4;
}

.page-products .dogfood .items .item:nth-child(3) {
    order: 2;
}

.page-products .dogfood .items .item:nth-child(4) {
    order: 5;
}

.page-products .dogfood .items .item:nth-child(5) {
    order: 3;
}

.page-products .dogfood .items .item:nth-child(6) {
    order: 6;
}

.page-products .items .item .item-box {
    border: 1px solid #a0a0a0;
    display: flex;
    flex-direction: column;
    height: 15rem;
    margin-bottom: .5rem;
    padding: .5rem;
}

.page-products .items .item .item-box .product-name {
    margin-bottom: 0;
}

.page-products .goods .items .item .item-box .sentence {
    font-size: .9rem;
}

.page-products .items .item .item-box .materials-wrap {
    height: 3rem;
}

.page-products .gift_box_set .font-abhaya {
    font-size: 1.3em;
}

.page-products .items .item .item-box .materials-wrap .materials {
    border: 1px solid #ad9261;
    border-radius: 1em;
    color: #aaa;
    font-size: x-small;
    padding: .1rem;
}

.page-products .items .item .item-box .thumb-wrap {
    margin-bottom: .5rem;
    position: relative;
}

.page-products .goods .items .item .item-box .thumb-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.page-products .items .item .item-box .thumb-wrap .vol-circle {
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: .5rem;
    bottom: 0;
    width: 3.5rem;
    height: 3.5rem;
}

.page-products .items .item .item-box .thumb-wrap .vol-circle>p {
    font-size: medium;
    margin-bottom: 0;
}

.page-products .goods .items .item .item-box .thumb-wrap .vol-circle>p {
    font-size: small;
}

.page-products .items .item .item-box .thumb-wrap .vol-circle.vol-small {
    background-color: #1d2088;
}

.page-products .items .item .item-box .thumb-wrap .vol-circle.vol-large {
    background-color: #e60012;
}

.page-products .items .item .item-box .days-wrap {
    margin-top: auto;
}

.page-products .items .item .item-box .days {
    border: 1px solid #333;
    display: inline;
    font-size: .9rem;
    padding: .2rem;
    margin-bottom: 0;
}

.page-products .items .item .item-text {
    height: 5.5rem;
    margin-bottom: 1rem;
}

.page-products .course .items .item .item-text {
    height: 4.5rem;
}

.page-products .items .item .item-text a {
    font-weight: bold;
    text-decoration: underline;
}

.page-products .goods .items .item .item-text {
    height: 3.5rem;
}

.page-products .items .item .item-text .product-name-jp,
.page-products .items .item .item-text .price {
    font-size: .9rem;
}

.page-products .goods .items .item .item-text .product-name-jp {
    margin-bottom: 0;
}

.page-products .items .item .item-text .price .teiki_price {
    font-weight: 700;
}

.single-products.detail {
    padding-top: 1rem
}

.single-products .breadcrumbs {
    margin-bottom: .8rem;
}

.single-products .sidebar,
.page-products .sidebar {
    padding-top: 0;
}

.single-products .sidebar .category,
.page-products .sidebar .category {
    margin-bottom: 2rem;
}

.single-products .sidebar .category:nth-child(4),
.page-products .sidebar .category:nth-child(4) {
    margin-bottom: 3rem;
}

.single-products .sidebar .category .category-name,
.page-products .sidebar .category .category-name {
    border-bottom: 1px solid #626262;
    font-size: xx-large;
    margin-bottom: 0;
}

.single-products .sidebar .category .category-name>span,
.page-products .sidebar .category .category-name>span {
    display: block;
    font-size: small;
    padding-bottom: .5rem;
}

.single-products .sidebar .category .cat-item,
.page-products .sidebar .category .cat-item {
    border-color: #aaa;
}

.single-products .sidebar .category .cat-item>a,
.page-products .sidebar .category .cat-item>a {
    color: #000 !important;
    padding-right: 2rem;
}

.sidebar .banner .banner-image {
    display: block;
    margin-bottom: 2rem;
}

.sidebar .banner .banner-effect {
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.8);
    padding: .3rem;
}

.sidebar .banner a .banner-image:hover {
    opacity: 0.9;
}


/*Fix Pick Up product*/

.product-imagess {
    position: relative;
    overflow: hidden;
}

.product-imagess .bc_pickup {
    position: absolute;
    top: 10px;
    left: 10px;
    max-width: 18.5%;
    height: auto;
    z-index: 9;
}

.product-imagess.flexslider {
    border: 0;
}

.single-products .product-imagess.bc_add_style .flex-control-thumbs img {
    opacity: 1!important;
}

.single-products .product-imagess .flex-control-thumbs {
    margin-top: 15px;
}

.single-products .product-imagess .flex-control-thumbs li:not(:last-child) {
    margin-right: 1%;
}

.single-products .product-imagess.bc_add_style .flex-control-nav li {
    width: 19.2%;
}

.single-products .product-imagess.bc_ok1 .flex-control-nav li {
    width: 24.2%;
}

.single-products .product-imagess.bc_add_style .flex-control-nav li:last-child {
    margin-right: 0;
}

.single-products .product-imagess .flex-direction-nav li a {
    color: transparent;
    height: 24px;
}


/*End Pick Up*/


/* ------------------------------------
  商品詳細ページ
------------------------------------ */

.image-border {
    text-align: center;
}

.single-products .product-images>ul {
    padding: 0;
}

.single-products .product-images>ul>li {
    list-style: none;
    overflow: hidden;
}

.single-products .product-images>ul>li>img.rotate90 {
    transform: rotateZ(90deg) translateX(-8%);
}

.single-products .product-imagess .slides li>img {
    width: 100%;
}

.single-products .product-images .show-main li.item2,
.single-products .product-images .show-main li.item3,
.single-products .product-images .show-main li.item4 {
    display: none;
}

.single-products .product-images .thumb>li {
    cursor: pointer;
    display: inline-block;
    width: 25%;
    height: auto;
}

.single-products .mainarea {
    overflow: visible;
}

.single-products .mainarea .main-section {
    margin-bottom: 2rem;
}

.single-products .mainarea .section-title {
    margin-bottom: 2rem;
}

.single-products .mainarea .left .description {
    font-size: 14px;
    letter-spacing: .05em;
    line-height: 1.7em;
}

.single-products .mainarea .left .description>small {}

.single-products .mainarea .left .caution {
    font-size: .8rem;
}

.single-products .mainarea .left .annotation>p.annotate-text {
    font-size: 13px;
}

.single-products .mainarea .left dl {
    margin-bottom: 0;
}

.single-products .mainarea .left dl dt,
.single-products .mainarea .left dl dd {
    border: 1px solid #fff;
    float: left;
    margin-bottom: 0;
    padding: .5rem 1rem;
    width: 8rem;
}

.single-products .mainarea .left dl:nth-child(even) dt,
.single-products .mainarea .left dl:nth-child(even) dd {
    background-color: #eee2cd;
}

.single-products .mainarea .left dl:nth-child(odd) dt,
.single-products .mainarea .left dl:nth-child(odd) dd {
    background-color: #f0f0f0;
}

.single-products .mainarea .left .annotation .annotate-text {
    color: #e60012;
    margin-bottom: 0;
}

.single-products .mainarea .left .annotation .date {
    font-size: 13px;
}

.annotate-note {
    color: #ff0000;
}

.single-products .mainarea .right {
    padding: 0 .5rem;
}

.single-products .mainarea .right .info .detail1 {
    background-color: #ad9261;
    color: #fff;
    padding: .3rem 0;
    text-align: center;
    width: 100%;
    margin-bottom: .5rem;
}

.single-products .mainarea .right .info .detail2 {
    font-size: medium;
    margin-bottom: .5rem;
}

.single-products .mainarea .right .info .name-en {
    font-size: 48px;
    line-height: .8em;
}

.single-products .mainarea .right .info .name-en>span {
    display: block;
    font-size: 70%;
}

.single-products .mainarea .right .info .vol-wrap {
    border-top: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
    padding: .5rem 0;
    margin-bottom: .5rem;
}

.single-products .mainarea .right .info .vol-wrap .name-jp {
    font-size: .9rem;
    font-weight: bold;
    margin-bottom: .3rem;
}

.single-products .mainarea .right .info .vol-wrap .name-jp>span {
    display: block;
}

.single-products .mainarea .right .info .vol-wrap .days {
    margin-bottom: 0;
}

.single-products .mainarea .right .info .vol-wrap .days>span {
    display: block;
    text-indent: 4.7rem;
}

.single-products .mainarea .right .info .materials {
    border: 1px solid #ad9261;
    border-radius: 1em;
    letter-spacing: -0.01em;
    margin-bottom: 2rem;
    padding: .3rem;
    text-align: center;
}

.single-products .mainarea .right .buy section {}

.single-products .mainarea .right .buy .head {
    background-color: #989898;
    color: #fff;
    font-size: small;
    padding: .5rem;
}

.single-products .mainarea .right .buy .form-group {
    display: flex;
    align-items: flex-end;
    margin-bottom: .7rem;
}

.single-products .mainarea .right .buy .form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .2rem .2rem .2rem 1.4rem;
    width: 3.5rem;
}

.single-products .mainarea .right .buy .trial-set {
    margin-bottom: 0;
}

.single-products .mainarea .right .buy .trial-set .normal {
    padding-bottom: .5rem;
    position: relative;
    margin-bottom: 1.8rem;
}

.single-products .mainarea .right .buy .trial-set .normal:after {
    display: block;
    width: 0;
    height: 0;
    border-top: .8rem solid #e60012;
    border-right: .5rem solid transparent;
    border-bottom: .8rem solid transparent;
    border-left: .5rem solid transparent;
    position: absolute;
    left: 48%;
    bottom: -2rem;
}

.single-products .mainarea .right .buy .normal {
    margin-top: 1.5rem;
}

.single-products .mainarea .right .buy .trial-set .normal .price-right .price {
    text-decoration: line-through;
    color: #e60012;
}

.single-products .mainarea .right .buy .trial-set .normal .price-right .price span {
    color: #333;
}

.single-products .mainarea .right .buy .form-group label {
    margin-bottom: 0;
}

.single-products .mainarea .right .buy .form-group .price {
    font-size: large;
    margin-bottom: 0;
}

.single-products .mainarea .right .buy form button {
    background-color: #e60012;
    border-color: #e60012;
    box-shadow: 0px 0px 6px 1px #aaa;
    -moz-box-shadow: 0px 0px 6px 1px #aaa;
    -webkit-box-shadow: 0px 0px 6px 1px #aaa;
    margin: .5rem 0;
    width: 100%;
}

.single-products .mainarea .right .buy form button:hover {
    opacity: 0.8;
}

.single-products .mainarea .right .buy form button .cart-image {
    width: 1.3rem;
    height: 1.3rem;
    float: left;
}

.single-products .mainarea .right .buy form button>p {
    margin-left: auto;
    margin-bottom: 0;
}

.single-products .mainarea .right .buy form .txt-note {
    margin-top: 10px;
    color: red;
    font-weight: bold;
}

.single-products .mainarea .right .buy .about-teiki {
    margin-bottom: 0;
}

.single-products .mainarea .right .hr {
    border-bottom: 1px solid #a0a0a0;
}

.single-products .mainarea .right .another {
    border: 3px solid #1b1f8b;
    box-shadow: 0px 0px 6px 1px #aaa;
    -moz-box-shadow: 0px 0px 6px 1px #aaa;
    -webkit-box-shadow: 0px 0px 6px 1px #aaa;
    margin: 1.5rem auto;
    max-width: 18rem;
}

.single-products .mainarea .right .another>a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-products .mainarea .right .another:hover {
    opacity: 0.7;
}

.single-products .mainarea .right .another p {
    color: #1b1f8b !important;
    font-weight: bold;
    margin-bottom: 0;
    padding: .5rem;
    text-align: center;
}

.single-products .mainarea .right .another .main-wrap {
    width: 90%;
    padding: 0 .5rem;
}

.single-products .mainarea .right .main-wrap .another-title {
    border-bottom: 1px solid #1b1f8b;
    padding: .5rem;
}

.single-products .mainarea .right .another .arrow-wrap {
    text-align: center;
    width: 10%;
}

.single-products .mainarea>section .section-title {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    line-height: 1.5em;
    padding: .5rem 0;
    text-align: center;
}

.single-products .mainarea>section {
    padding-bottom: 1rem;
}

.single-products .mainarea .story .inner {
    padding: 0 0 1rem 1rem;
    margin-bottom: 1rem;
}

.single-products .mainarea .story .inner .body .story-text {
    font-size: 14px;
    line-height: 1.8em;
}

.single-products .mainarea .story .inner .body .story-image-wrap {
    padding: 1rem;
}

.single-products .mainarea .story .bottom {
    position: relative;
}

.single-products .mainarea .story .bottom a {
    position: absolute;
    top: 0;
}

.single-products .mainarea .story .bottom a.link1,
.single-products .mainarea .story .bottom a.link2 {
    width: 18rem;
    height: 8.5rem;
}

.single-products .mainarea .story .bottom a.link1 {
    left: 15%;
}

.single-products .mainarea .story .bottom a.link2 {
    left: 51.5%;
}

.single-products .mainarea .story .bottom a.link3 {
    width: 29rem;
    height: 9rem;
    top: 70%;
    left: 21%;
}

.single-products .mainarea .story .blue.bottom a {
    width: 16rem;
    height: 8.5rem;
}

.single-products .mainarea .story .blue.bottom a.link1 {
    left: 5%;
}

.single-products .mainarea .story .blue.bottom a.link2 {
    left: 37%;
    width: 15rem;
}

.single-products .mainarea .story .blue.bottom a.link3 {
    left: 67%;
    top: 0;
}

.single-products .mainarea .story .blue.bottom a.link4,
.single-products .mainarea .story .blue.bottom a.link5 {
    top: 70%;
    width: 22rem;
}

.single-products .mainarea .story .blue.bottom a.link4 {
    left: 29%;
}

.single-products .mainarea .story .blue.bottom a.link5 {
    left: 48%;
}

.single-products .mainarea .recommend .boxes {
    margin-top: 3rem;
}

.single-products .mainarea .recommend .boxes>div {
    position: relative;
    margin-bottom: 1.5rem;
    overflow: visible;
}

.single-products .mainarea .recommend .boxes .box {
    background-image: url(/user_data/packages/default/wp_files/images/bg_paper.jpg);
    box-shadow: 0px 0px 12px 2px #ccc;
    -moz-box-shadow: 0px 0px 12px 2px #ccc;
    -webkit-box-shadow: 0px 0px 12px 2px #ccc;
    height: 8rem;
    padding: 1rem;
    position: relative;
}

.single-products .mainarea .recommend .boxes .box .recommend-text {
    border-bottom: 3px solid #858590;
    display: inline-block;
    font-size: medium;
    padding-left: 1.5rem;
    text-indent: -1.5rem;
}

.single-products .mainarea .recommend .boxes .box .recommend-text:before {
    content: url(/user_data/packages/default/wp_files/images/checkbox.png);
    margin-right: .5em;
    vertical-align: middle;
    width: 1em;
    height: 1em;
}

.single-products .mainarea .recommend .boxes .recommend-image {
    position: absolute;
    bottom: 0;
    right: 1rem;
}

.single-products .mainarea .amount {
    background-color: #eee2cd;
    padding: 2rem;
    position: relative;
}

.single-products .mainarea .amount .table-target {
    margin-bottom: .2rem;
}

.single-products .mainarea .amount .both .cat-table {
    margin-left: 1rem;
}

.single-products .mainarea .amount .table-caption-wrap {
    display: inline-block;
    width: 48%;
}

@media (min-width: 768px) {
    .single-products .mainarea .amount .table-caption-wrap:nth-child(2) {
        margin-right: 2%;
    }
}

.single-products .mainarea .amount .table thead {
    background-color: #ad9261;
    color: #fff;
    font-weight: normal;
}

.single-products .mainarea .amount .table td,
.single-products .mainarea .amount .table th {
    background-color: transparent;
    border-top: 1px solid #ad9261;
    border-bottom: 1px solid #ad9261;
    padding: .2rem 1rem;
    text-align: right;
}

.single-products .mainarea .amount .table td:nth-child(2),
.single-products .mainarea .amount .table th:nth-child(2) {
    padding: .2rem 0;
}

.single-products .mainarea .amount .table-caption-wrap {
    margin-left: 2%;
    vertical-align: top;
}

.single-products .mainarea .amount .table-caption-wrap .box {
    border: 2px solid #ad9261;
    padding: 1rem;
}

@media (max-width: 767px) {
    .single-products .mainarea .amount .table-caption-wrap .box {
        margin-bottom: 1rem;
    }
}

.single-products .mainarea .amount .table-caption-wrap .box .caption {
    line-height: 1.8em;
    margin-bottom: 0;
}

.single-products .mainarea .amount .day-dog {
    position: absolute;
    bottom: -1.5rem;
    right: -2rem;
    width: 125px;
}

.single-products .mainarea .deal .guideline {
    margin-bottom: 3rem;
    padding: 0 1rem;
}

.single-products .mainarea .deal .guideline .cautions {
    list-style: none;
    padding-left: 0;
}

.single-products .mainarea .deal .guideline .cautions {}

.single-products .mainarea .deal .guideline .caution {
    border-left: 5px solid #eee;
    font-size: 14px;
    padding: .5rem 1rem;
    margin: 0 1rem .5rem 0;
}

.single-products .mainarea .deal .guideline .process {
    padding-left: 0;
}

.single-products .mainarea .deal .guideline .process .process-item .top {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6rem;
    position: relative;
}

.single-products .mainarea .deal .guideline .process .process-item .top .circle-num {
    background-color: #858590;
    border-radius: 50%;
    color: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    position: absolute;
    top: .5rem;
    left: .5rem;
    width: 1.3rem;
    height: 1.3rem;
}

.single-products .mainarea .deal .guideline .process .process-item .top>img {
    margin: auto;
}

.single-products .mainarea .deal .guideline .caption {
    font-size: .7rem;
    padding-left: 1rem;
    text-indent: -1rem;
}

.single-products .caution-image {
    width: 1.3rem;
    height: 1.3rem;
    margin-right: .3rem;
}

.single-products .mainarea .deal table caption {
    background-color: #ad9261;
    caption-side: top;
    color: #fff;
    font-size: .9rem;
    padding-left: .75rem;
}

.single-products .mainarea .deal table th {
    width: 20%;
    text-align: center;
    vertical-align: middle;
}

.single-products .mainarea .deal table tr:nth-child(odd) th,
.single-products .mainarea .deal table tr:nth-child(odd) td {
    background-color: #eee2cd;
}

.single-products .mainarea .deal .table-bordered {
    border: none;
}

.single-products .mainarea .deal .table-bordered th,
.single-products .mainarea .deal .table-bordered td {
    border-color: #fff;
}

.single-products .mainarea .relate {
    margin-bottom: 0;
    padding-bottom: 0;
}

.single-products .mainarea .relate .relate-products {
    padding-left: 0;
}

.single-products .mainarea .relate .relate-products .product .details {
    margin-top: .5rem;
}

.single-products .mainarea .relate .relate-products .product .details .detail2 {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: .3rem;
    margin-bottom: 0;
}

.single-products .mainarea .relate .relate-products .product .details .detail2.blue-wrap>span {
    margin-left: 1em;
}

.single-products .mainarea .relate .relate-products .product .details .product-title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    height: 3rem;
}

.single-products .mainarea .relate .relate-blue {}


/* トライアルセット */

.single-products .firstview {
    margin-bottom: 2rem;
}

.single-products .firstview .belt {
    background-color: #ad9261;
    padding: 1rem;
}

.single-products .firstview .belt .title {
    font-size: 56px;
    margin-bottom: 0;
}

.single-products .firstview .belt .title>span {
    font-size: 90%;
}

.single-products .firstview .belt .title-jp {
    color: #fff;
    display: block;
    font-size: large !important;
    font-weight: normal;
}

.single-products .firstview .fv-image {
    width: 100%;
}

.single-products .trial-wrap,
.single-products .trial {
    max-width: 72.9em;
    margin: 0 auto;
}

.single-products .beginer {
    margin-bottom: 2rem;
}

.single-products .beginer .beginer-title {
    margin-bottom: 2rem;
}

.single-products .beginer .beginer-title>span {
    padding: .5rem;
    border-bottom: 2px solid #333;
}

.single-products .beginer .description {
    max-width: 42.9em;
    margin: 0 auto 2.5rem;
    line-height: 1.8em;
}

.single-products .beginer .illust-wrap {
    display: flex;
    justify-content: center;
}

.single-products .beginer .illust {
    display: block;
    margin: 0 auto 2.5rem;
}

.single-products .beginer .illust>img {
    color: #f0f0f0;
}

.single-products .special .inner {
    background-color: #ad9261;
    padding: 1rem;
}

.single-products .special .title {
    display: flex;
}

.single-products .special .title .title-text {
    color: #fff;
    display: inline-block;
    font-size: 40px;
    width: 80%;
}

.single-products .special .title-text .title-jp>span {
    display: block;
    font-size: 80%;
    margin-bottom: .5rem;
}

.single-products .special .title .title-text .title-en {
    color: #333;
    display: block;
    font-size: 54px;
}

.single-products .special .title .title-text .title-en>span {
    font-size: 70%;
}

.single-products .special .title .circle {
    background-color: #fff100;
    border-radius: 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 7rem;
    height: 7rem;
}

.single-products .special .title .circle>p {
    line-height: 1.2em;
    text-align: center;
}

.single-products .special .title .circle .circle-text {
    font-size: large;
    font-weight: bold;
    margin: .2rem 0;
}

.single-products .special .title .circle .caution {
    margin-bottom: 0;
}

.single-products .special .set .items {
    display: flex;
}

.single-products .special .set .item {
    width: calc(96%/3);
}

.single-products .special .set .item:not(:first-child) {
    margin-left: 2%;
}

.single-products .special .set .item .item-image-wrap {
    display: flex;
    position: relative;
    height: 240px;
}

.single-products .special .set .item .item-image-wrap>img {
    margin: auto auto auto 0;
}

.single-products .special .set .item .circle {
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    width: 3rem;
    height: 3rem;
}

.single-products .special .set .item .circle>p {
    margin-bottom: 0;
    font-weight: bold;
}

.single-products .special .set .item .texts .trial-detail {
    display: flex;
    align-items: flex-end;
    font-size: medium;
    height: 3rem;
    margin-bottom: .5rem;
}

.single-products .special .set .item .texts .set-title {
    font-size: 32px;
}

.single-products .special .set .item .texts .set-title .name-en {
    font-size: 32px;
    line-height: .7em;
}

.single-products .special .set .item .texts .set-title-jp {
    display: block;
    font-size: .9rem;
    ;
}

.single-products .special .set .item .texts.cat .set-title {
    font-size: 26px;
}

.single-products .special .set .item .texts.cat .set-title .set-title-jp {
    font-size: .8rem;
}

.single-products .special .set .item .texts.cat .set-title.blue .set-title-jp {
    margin-top: 1.6rem;
}

.single-products .special .set .item .texts .materials {
    border: 1px solid #fff;
    border-radius: .7rem;
    color: #fff;
    margin-bottom: .3rem;
    padding: .1rem;
    text-align: center;
}

.single-products .special .set .item .texts.cat .materials {
    font-size: x-small;
    padding: .2rem;
}

.single-products .special .set .item .texts .item-link {
    font-size: .8rem;
}

.single-products .special .set .item .texts .item-link>a {
    color: #fff;
    text-decoration: underline;
}

.single-products .special .set .set-name {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: xx-large;
    line-height: 1.5em;
    padding: .5rem;
    text-align: center;
}

.single-products .special .set .set-name>small {
    font-size: 60%;
}

.single-products .special .set .set-name-dog {
    color: #fff;
    font-size: medium;
    margin-bottom: 0;
}

.single-products .special .set .sale {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .5rem;
}

.single-products .special .set .sale .normal>p {
    margin-bottom: 0;
}

.single-products .special .set .sale .normal .price {
    font-size: 34px;
}

.single-products .special .set .sale .normal .price .yen {
    font-size: medium;
}

.single-products .special .set .sale .normal .price .line {
    font-weight: bold;
    background-image: url(/user_data/packages/default/wp_files/images/double.png);
    background-repeat: repeat-x;
    background-position: center;
}

.single-products .special .set .sale .normal .price .tax {
    font-size: small;
}

.single-products .special .set .sale .arrow {
    margin: 0 1.5rem;
}

.single-products .special .set .sale .discount>p {
    display: inline-block;
}

.single-products .special .set .sale .discount .discount-text {
    font-size: x-large;
    height: 100%;
    line-height: 1em;
    margin-bottom: 0;
    text-align: center;
}

.single-products .special .set .sale .discount .discount-text>span {
    letter-spacing: 1em;
    margin-left: 1em;
}

.single-products .special .set .sale .discount .price {
    color: #d90011;
    font-size: 65px;
    margin-bottom: 0;
}

.single-products .special .set .sale .discount .price .tax {
    color: #333;
    font-size: small;
}

.single-products .special .set .bonus {
    padding-left: 0;
}

.single-products .special .set .bonus .bonus-item {
    background-color: #fff;
    list-style: none;
    position: relative;
}

.single-products .special .set .bonus .bonus-item:first-child {
    margin-bottom: 1.5rem;
}

.single-products .special .set .bonus .bonus-item .top {
    border-bottom: 2px solid #ad9261;
    padding: .5rem 1rem;
    position: relative;
}

.single-products .special .set .bonus .bonus-item .top>img {
    position: absolute;
    left: -.5rem;
}

.single-products .special .set .bonus .bonus-item .top>h3 {
    color: #ad9261;
    font-size: xx-large;
    margin: 0 0 0 6rem;
}

.single-products .special .set .bonus .bonus-item .bottom {
    padding: 1rem;
}

.single-products .special .set .bonus .bonus-item .bottom>p {
    margin-bottom: 0;
}

.single-products .special .set .bonus .bonus-item .bottom .text-m {
    font-size: medium;
}

.single-products .special .set .bonus .bonus-item .bottom .text-l {
    font-size: x-large;
}

.single-products .special .set .bonus .bonus-item .bottom .text-s {
    font-size: small;
}

.single-products .special .set .bonus .free .bonus-image {
    position: absolute;
    bottom: 1.5rem;
    right: 1rem;
}

.single-products .special .set .bonus .cap .text-l {
    float: left;
}

.single-products .special .set .bonus .cap .bonus-image {
    /*position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);*/
    float: right;
}

.single-products .mainarea .right .buy .trial-set .form-group .price-right {
    font-weight: bold;
}

.single-products .mainarea .right .buy .trial-set .special .price-right {
    color: #e60012;
}


/* ------------------------------------
  ブッチとは
------------------------------------ */

.page-about .main p,
.page-about li {
    font-size: 14px;
    letter-spacing: .05rem;
    line-height: 1.8em;
}

.page-about .fv {
    background-image: url(/user_data/packages/default/wp_files/images/about_fv.jpg);
    background-position: 10%;
    margin-bottom: 3rem;
}

.page-about .fv .title {
    border-bottom: 1px solid #fff;
    color: #fff;
    padding-bottom: .5rem;
}

.page-about .intro {
    margin-bottom: 1rem;
}

.page-about .links {
    background-color: #eeeeee;
    padding: 3rem 0;
    text-align: center;
}

.page-about .section-title {
    border-bottom: 2px solid #333;
    display: inline-block;
    padding-bottom: .5rem;
    margin-bottom: 2rem;
}

.page-about .links .items {
    max-width: 66em;
    margin: 0 auto;
}

.page-about .links .items .item {
    display: inline-block;
    padding: .5rem;
    width: 32%;
}

.page-about .links .items .item>a {
    position: relative;
}

.page-about .links .items .item>a>p {
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

.page-about .double-line {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    font-size: large;
    margin-bottom: 1.5rem;
    padding: .5rem 0;
    text-align: center;
}

.page-about .wrapper {
    margin: 0 auto;
    max-width: 62.9em;
}

.page-about .wrapper section:last-child {
    margin-bottom: 0;
}

.page-about .color-primary {
    border-color: #ad9261;
    color: #ad9261;
}

.page-about .btn-wrap {
    margin-bottom: 3rem;
    text-align: center;
}

.page-about .btn-wrap:after {}

.page-about .btn-wrap>a {
    border: 1px solid #333;
    width: 20rem;
    position: relative;
}

.page-about .btn-wrap>a:after {
    content: url(/user_data/packages/default/wp_files/images/about_arrow_right.png);
    position: absolute;
    top: 55%;
    right: 1rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page-about .paper {
    margin-bottom: 2rem;
}


/* 1分でわかるブッチの違い */

.page-about .diff,
.page-about .change,
.page-about .feature,
.page-about .safety,
.page-about .beast,
.page-about .history {
    padding: 3rem 0 0;
}

.page-about .diff .head {
    background-image: url(/user_data/packages/default/wp_files/images/about_diff_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0px -200px 100px -100px #fff inset;
    -moz-box-shadow: 0px -200px 100px -100px #fff inset;
    -webkit-box-shadow: 0px -200px 100px -100px #fff inset;
    height: 537px;
    text-align: center;
}

.page-about .diff .head h3 {
    position: relative;
}

.page-about .diff .head h3:before {
    content: url(/user_data/packages/default/wp_files/images/about_glass.jpg);
    position: absolute;
    left: -2rem;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.page-about .diff .content1,
.page-about .diff .content2 {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    text-align: left;
}

.page-about .diff .content1>div {
    width: 50%;
}

.page-about .diff .content1>div:last-child {
    text-align: center;
}

.page-about .diff .content2>div:first-child {
    width: 30%;
    text-align: center;
}

.page-about .diff .content2>div:last-child {
    width: 70%;
}

.page-about .diff .content1>div:first-child,
.page-about .diff .content2>div:first-child {
    padding-right: 1rem;
}

.page-about .diff .content1>div:last-child,
.page-about .diff .content2>div:last-child {
    padding-left: 1rem;
}


/*.page-about .diff .paper {
  background-image: url(/user_data/packages/default/wp_files/images/about_paper01.png);
  background-size: contain;;
  background-repeat: no-repeat;
  height: 658px;
  position: relative;
}*/

.page-about .diff .paper .title-wrap {
    margin-bottom: 5%;
}

.page-about .diff .paper h4 {
    margin-top: 11%;
    position: absolute;
    top: 2%;
    left: 39%;
}

.page-about .diff .paper p {
    padding-left: 12%;
    width: 58%;
}

.page-about .diff .paper .visible-pc p {
    top: 27%;
    position: absolute;
    font-size: 15px;
    text-align: justify;
    letter-spacing: 0.02em;
}

.page-about .diff .premium {
    background-image: url(/user_data/packages/default/wp_files/images/about_diff_bg2.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 669px;
}

.page-about .diff .premium .about-king {
    display: block;
    margin: 0 auto .5rem;
}

.page-about .diff .premium h4 {
    border-top: 1px solid;
    display: inline-block;
    font-size: 72px;
    padding-top: .3rem;
}

.page-about .diff .premium .sub-title {
    border-top: 1px solid #ad9261;
    display: inline-block;
    font-size: 20px;
    margin-top: -.5rem;
    padding-top: .5rem;
}

.page-about .diff .premium .inner {
    background-color: #fff;
    padding: 1.5rem 2.5rem;
    text-align: left;
}

.page-about .diff .premium .inner ul {
    list-style: none;
    padding-left: 0;
}

.page-about .diff .premium .inner .caution {
    font-size: small;
}

.page-about .diff .premium .inner .box {
    border: 2px solid #ad9261;
    padding: .5rem;
    text-align: center;
}

.page-about .diff .premium .inner .box>p {
    margin-bottom: 0;
}


/* こんな変化があります */

.page-about .change .head {
    margin-bottom: 4rem;
    text-align: center;
}

.page-about .change .head h3 {
    position: relative;
}

.page-about .change .head h3:before {
    content: url(/user_data/packages/default/wp_files/images/about_icon01.png);
    position: absolute;
    left: -2rem;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.page-about .head .head-image {
    width: 100%;
}

.page-about .change .content {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.page-about .change .content .wrap {
    text-align: left;
}

.page-about .change .content .wrap:first-child {
    padding-right: 1rem;
}

.page-about .change .content .wrap:last-child {
    padding-left: 1rem;
}

.page-about .change .content .wrap .icon {
    display: block;
    margin-bottom: .5rem;
}

.page-about .change .content .wrap .icon-bottom {
    display: block;
    margin-left: auto;
}

.page-about .change .content .wrap h5 {
    margin-bottom: 1rem;
}

.page-about .change .content .wrap p {
    margin-bottom: 0;
}


/* ミートフードの特長 */

.page-about .feature,
.page-about .beast {
    margin-top: -2rem;
    padding-top: 0;
}

.page-about .feature .head {
    background-image: url(/user_data/packages/default/wp_files/images/about_feature_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px -200px 100px -100px #fff inset;
    -moz-box-shadow: 0px -200px 100px -100px #fff inset;
    -webkit-box-shadow: 0px -200px 100px -100px #fff inset;
    height: 698px;
    margin-bottom: 1rem;
    text-align: center;
}

.page-about .feature .head h3 {
    margin-top: 3rem;
    margin-right: -3rem;
    position: relative;
}

.page-about .feature .head h3:before {
    content: url(/user_data/packages/default/wp_files/images/about_icon30.png);
    position: absolute;
    left: -3rem;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.page-about .section-inner {
    margin: 0 auto;
    max-width: 49.9em;
    padding: 0 1rem;
    text-align: left;
}

.page-about .section-inner>p,
.page-about .section-inner>img {
    margin-bottom: 2rem;
}


/*.page-about .feature .paper {
  background-image: url(/user_data/packages/default/wp_files/images/about_paper03.png);
  background-size: contain;;
  background-repeat: no-repeat;
  height: 804px;
  position: relative;
}*/

.page-about .feature .paper h4 {
    margin-top: 15%;
    left: 32%;
}

.page-about .feature .paper .text1 {
    top: 21%;
    left: 38%;
    font-size: 1.1rem;
}

.page-about .feature .paper .text2 {
    top: 38%;
    left: 38.5%;
    text-align: center;
}

.page-about .feature .paper .text3 {
    top: 55%;
    left: 19%;
    line-height: 1.2em;
    text-align: center;
}

.page-about .feature .paper .text4 {
    top: 55%;
    left: 39%;
    line-height: 1.2em;
    text-align: center;
}

.page-about .feature .paper .text5 {
    top: 54%;
    left: 68.5%;
    line-height: 1.2em;
    text-align: center;
}

.page-about .feature .paper .text5-2 {
    top: 67.8%;
    left: 42%;
}

.page-about .feature .paper .text6 {
    color: #fff;
    font-size: 1.1rem;
    top: 71.3%;
    left: 38.5%;
}

.page-about .feature .paper .text7 {
    top: 80%;
    left: 19.5%;
}

.page-about .paper .row2,
.page-about .paper .row3,
.page-about .paper .row4 {
    margin-bottom: .5rem;
}

.page-about .paper .row3 .box {
    background-color: #e0d6c5;
    border-radius: 1.5rem;
    margin: 0 auto;
    padding: 1rem 0;
    width: 34%;
}

.page-about .paper .row3 p {
    margin-bottom: 0;
}

.page-about .paper .row4 {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0 auto .5rem;
    width: 50%;
}

.page-about .paper .row5 {
    display: flex;
    justify-content: space-around;
    margin: 0 auto .5rem;
    width: 80%;
}

.page-about .paper .row5 .box {
    border: 2px solid #ad9261;
    border-radius: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    height: 5rem;
}

.page-about .paper .row5 .box>p {
    line-height: 1.2rem;
    margin-bottom: 0;
}

.page-about .paper .row6 {
    display: flex;
    justify-content: space-around;
    width: 80%;
    margin: 0 auto .5rem;
}

.page-about .paper .row7 .text {
    margin-bottom: .2rem;
}

.page-about .paper .row7 .box {
    background-color: #ad9261;
    border-radius: 1.5rem;
    color: #fff;
    font-size: large;
    margin: 0 auto 1.5rem;
    width: 60%;
}

.page-about .safety .icon40 {
    margin-right: 1.5rem;
}

.page-about .safety .head h3 {
    position: relative;
}

.page-about .safety .head h3:before {
    content: url(/user_data/packages/default/wp_files/images/about_icon40.png);
    position: absolute;
    left: -3rem;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.page-about .safety .head,
.page-about .history .head {
    margin-bottom: 3rem;
}

.page-about .beast .head {
    background-image: url(/user_data/packages/default/wp_files/images/about50.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px -200px 100px -100px #fff inset;
    -moz-box-shadow: 0px -200px 100px -100px #fff inset;
    -webkit-box-shadow: 0px -200px 100px -100px #fff inset;
    height: 722px;
    margin-bottom: 1rem;
    text-align: center;
}

.page-about .beast .head h3 {
    border-color: #fff;
    color: #fff;
    margin-top: 5rem;
    margin-right: -3rem;
    position: relative;
}

.page-about .beast .head h3:before {
    content: url(/user_data/packages/default/wp_files/images/about_icon50.png);
    position: absolute;
    left: -3rem;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/*.page-about .beast .paper {
  background-image: url(/user_data/packages/default/wp_files/images/about_paper05.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 804px;
  position: relative;
  margin-bottom: 2rem;
}*/

.page-about .beast figure img {
    margin-bottom: .5rem;
}

.page-about .beast figcaption {
    font-size: 14px;
}

.page-about .beast .paper .title-wrap {
    margin-left: -5%;
}

.page-about .beast .paper .title-wrap:before {
    background: url(/user_data/packages/default/wp_files/images/about_icon51.png);
    background-size: contain;
    background-repeat: no-repeat;
    content: " ";
    display: inline-block;
    margin-right: 3%;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
}

.page-about .beast .paper h4 {
    margin-bottom: 1.5rem;
    position: absolute;
    left: 46%;
    top: 11.5%;
}

.page-about .beast .paper p {
    left: 16%;
    width: 70.5%;
}

.page-about .beast .paper .text1 {
    top: 18.5%;
}

.page-about .beast .paper .text2 {
    top: 62%;
}

.page-about .beast .paper .body {
    margin: 0 auto;
    text-align: left;
    width: 72%;
}

.page-about .beast .paper .body>p,
.page-about .beast .paper .body>img {
    margin-bottom: 1rem;
}


/* ブッチの歴史 */

.page-about .history .head h3 {
    position: relative;
}

.page-about .history .head h3:before {
    content: url(/user_data/packages/default/wp_files/images/about_icon60.png);
    position: absolute;
    left: -3rem;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.page-about .history .section-inner p,
.page-about .history .section-inner figure {
    margin-bottom: 1.5rem;
}

.page-about .history .section-inner figure figcaption {
    font-weight: bold;
}


/*.page-about .history .paper {
  background-image: url(/user_data/packages/default/wp_files/images/about_paper06.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 658px;
  position: relative;
  margin-bottom: 2rem;
}*/

.page-about .history .paper .title-wrap {
    margin-left: -15%;
}

.page-about .history .paper .title-wrap:before {
    background: url(/user_data/packages/default/wp_files/images/about_icon61.png);
    background-size: contain;
    background-repeat: no-repeat;
    content: " ";
    display: inline-block;
    margin-right: 5%;
    vertical-align: middle;
    width: 4rem;
    height: 2.5rem;
}

.page-about .history .paper h4 {
    margin-top: 10%;
    margin-bottom: 1.5rem;
    top: 2%;
    left: 47%;
}


/*.page-about .history .paper .body {
  margin: 0 auto;
  text-align: left;
  width: 72%;
}
/*.page-about .history .paper .body>p:first-child {
  margin-bottom: .5rem;
}
.page-about .history .paper .body>p,
.page-about .history .paper .body>div {
  margin-bottom: 1rem;
}
.page-about .history .paper .body .image-wrap {
  position: relative;
  padding-top: 2rem;
}
.page-about .history .paper .body .about64 {
  width: 100%;
}
.page-about .history .paper .body .about65 {
  position: absolute;
  top: -1rem;
  right: -2rem;
}*/

.page-about .history .paper p {
    left: 21%;
    width: 58.5%;
}

.page-about .history .paper .text1 {
    top: 22.5%;
}

.page-about .history .paper .text2 {
    top: 68.5%;
}

.page-about .paper {
    position: relative;
}

.page-about .paper h4 {
    position: absolute;
}

.page-about .paper p {
    position: absolute;
    color: #666;
    text-align: justify;
}


/* ------------------------------------
  お買い物ガイド
------------------------------------ */

.page-guide .guide .head {
    text-align: center;
}

.page-guide .sidebar .widget ul {
    margin-bottom: 3rem;
}

.page-guide .sidebar .widget ul li a {
    padding-right: 1.8rem;
}

.page-guide p {
    line-height: 1.8em;
}

.page-guide h2 {
    padding-bottom: .5rem;
    border-bottom: 1px solid #333;
    display: inline-block;
    margin-bottom: 1.5rem;
}

.page-guide h3 {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-bottom: 0;
    padding: .5rem 0;
    text-align: center;
}

.page-guide .intro .intro-text {
    text-align: center;
    margin-bottom: 0;
}

.page-guide .intro {
    margin-bottom: 2rem;
}

.page-guide .main {
    max-width: none;
}

.page-guide .inner {
    margin: 0 auto;
    padding: 0 3rem;
    text-align: left;
}

.page-guide .flows .flow {
    position: relative;
    background: #fff;
    margin-bottom: 1.5rem;
    padding: 1rem;
}

.page-guide .flows .flow:not(:last-child) {
    border-bottom: 1px solid #333;
}

.page-guide .flow:not(:last-child):after,
.page-guide .flow:not(:last-child):before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.page-guide .flow:not(:last-child):after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 14px;
    margin-left: -14px;
}

.page-guide .flow:not(:last-child):before {
    border-color: rgba(51, 51, 51, 0);
    border-top-color: #333;
    border-width: 15px;
    margin-left: -15px;
}

.page-guide .flows .flow .clearfix {
    display: flex;
    align-items: center;
}

.page-guide .flows .flow .left {
    float: left;
    text-align: center;
    width: 20%;
}

.page-guide .flows .flow .right {
    display: flex;
    align-items: center;
    flex-direction: column;
    float: left;
    padding-left: 1rem;
    width: 80%;
}

.page-guide .flows .flow .right .text-s {
    line-height: 1.3em;
    margin-right: auto;
}

.page-guide .flows .flow .right small {
    font-size: 12px;
}

.page-guide .payment .inner {
    display: flex;
    max-width: none;
    padding: 1rem 1rem 2rem;
}

.page-guide .payment .inner .wrap {
    width: 50%;
    padding: 0 1rem;
}

.page-guide .payment .left {
    border-right: 1px dashed #a0a0a0;
}

.page-guide .payment .right {}

.page-guide .payment .inner .box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.page-guide .payment .inner .box .image-wrap {
    margin: .3rem .3rem 0 0;
}

.page-guide .payment .inner .box .list {
    width: 80%;
}

.page-guide .payment .inner .box>img {
    float: left;
    margin-right: 5%;
}

.page-guide .payment .inner .left .box .image-wrap>img {
    width: 3.5rem;
}

.page-guide .payment .inner .right .box .image-wrap>img {
    width: 2.5rem;
}

.page-guide .payment .inner .wrap h4 {
    background-color: #858590;
    color: #fff;
    font-size: 14px;
    float: left;
    padding: 1rem;
    text-align: center;
    width: 100%;
}

.page-guide .payment .inner .wrap ul {
    list-style: none;
}

.page-guide .payment .inner .text {
    margin-bottom: 1.5rem;
}

.page-guide li {
    font-size: 14px;
}

.page-guide .payment ul {
    padding-left: 0;
    margin-bottom: 1.5rem;
}

.page-guide .payment ul li:not(:last-child) {
    margin-bottom: .5rem;
}

.page-guide .payment ul li>span {
    display: block;
    font-size: 12px;
    padding-left: 1.7rem;
}

.page-guide .payment .inner .wrap ul li:before {
    content: "●";
    margin-right: 1em;
}

.page-guide .payment h5 {
    border: 1px solid #333;
    border-radius: 1em;
    font-size: 14px;
    padding: .3rem;
    text-align: center;
}

.page-guide .payment .inner .right .box {
    margin-bottom: .5rem;
}

.page-guide .payment .credit {
    margin-bottom: 1.5rem;
}

.page-guide .payment .credit>p {
    text-align: center;
}

.page-guide .payment .credit .kind {
    letter-spacing: 0;
    font-size: 13px;
    margin-bottom: .5rem;
}

.page-guide .payment .cash>p {
    text-align: center;
}

.page-guide .payment .right .table-wrap {
    display: table;
    margin-top: auto;
    width: 100%;
}

.page-guide .payment .right .cash {
    margin-bottom: 3rem;
}

.page-guide .payment .right .table-wrap .caption {
    margin-bottom: 0;
}

.page-guide .payment .right .table-wrap .tbody {
    background-color: #eeeeee;
    border-radius: 1em;
    padding: 0 1rem;
}

.page-guide .payment .right .table-wrap .tr {
    display: flex;
}

.page-guide .payment .right .table-wrap .tr:not(:last-child) {
    border-bottom: 1px solid #333;
}

.page-guide .payment .right .table-wrap .th,
.page-guide .payment .right .table-wrap .td {
    width: 50%;
    background-color: inherit;
    padding: .5rem;
    text-align: center;
    margin-bottom: 0;
}

.page-guide .delivery .head {
    width: 74%;
    margin: 0 auto 1rem;
    display: flex;
    align-items: center;
}

.page-guide .delivery .head .left {
    margin-right: 0;
    width: 30%;
}

.page-guide .delivery .head .top {
    /* display: flex; */
    justify-content: space-between;
    margin-left: auto;
    margin-bottom: .5rem;
}

.page-guide .delivery .head .top-left .cool,
.page-guide .delivery .head .top-right .postage {
    background-color: #858590;
    color: #fff;
    display: flex;
    align-items: center;
    padding: .2rem;
}

.page-guide .delivery .head .top-left {}

.page-guide .delivery .head .top-left .cool {
    margin: 8px 0;
}

.page-guide .delivery .head .top-left .cool>img {
    margin-left: .5rem;
}

.page-guide .delivery .head .top-left .cool>p {
    padding: 0 .2rem;
    width: 65%;
    text-align: center;
    display: block;
}

.page-guide .delivery .head .top .postage .inner-box {
    background-color: #fff;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0.25rem;
    margin: 0.5rem 0 0.5rem 1rem;
}

.page-guide .delivery .head .top .postage .text {
    display: flex;
    width: 100%;
}

.page-guide .delivery .head .top .postage .text p:first-child {
    width: 35%;
}

.page-guide .delivery .head .top .postage .text p:last-child {
    padding: 0 0.25rem;
}

.page-guide .delivery .head .top .postage .text>p {
    text-align: center;
    padding: 0 .6rem;
    margin: 0 auto;
}

.page-guide #deli-bottom {
    padding: 0.2rem;
}

.page-guide #deli-bottom p {
    letter-spacing: .025rem;
}

.page-guide .delivery .head .right {
    width: 65%;
}

.page-guide .delivery .head .top .postage .text .txt02,
.page-guide .delivery .head .top .postage .text .txt03 {
    margin: 0;
}

.page-guide .delivery .head .top .postage .shipping {
    text-align: center;
}

.page-guide .delivery .bottom {
    background-color: #858590;
    color: #fff;
    margin-bottom: 0;
    padding: .5rem;
    width: 100%;
}

.page-guide .delivery .bottom>p {
    text-align: center;
}

.page-guide .delivery .bottom em.emphasis-em {
    color: #fff000;
    font-size: 20px;
    font-style: normal;
}

.page-guide .caution-box {
    background-color: #eeeeee;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    padding: 1rem;
    margin-bottom: 2rem;
}

.page-guide .caution-box .image-wrap {
    margin-right: 1rem;
    text-align: center;
    width: 15%;
}

.page-guide .caution-box>p {
    width: 85%;
}

.page-guide .delivery .body {
    margin-bottom: 3rem;
}

.page-guide .cancel .main-image {
    margin-bottom: 2rem;
}


/* ------------------------------------
  PECOLA TOPページ
------------------------------------ */

.pecola .title-belt,
.page-pecola .title-belt {
    /*background: rgb(207, 105, 0) url('images/DSC_0410.jpg') right center no-repeat;*/
    background-size: 40% auto;
    font-family: 'arial black';
}

.pecola .title-belt .container,
.page-pecola .title-belt .container {
    position: relative;
    padding: 4rem 0;
}

.pecola .title-belt .container h2,
.page-pecola .title-belt .container h2 {
    color: #fff;
    position: absolute;
    top: 3rem;
    left: 2rem;
}

.pecola .mainarea .single,
.page-pecola .mainarea .single {
    margin-bottom: 5%;
}

.pecola .new-colum,
.page-pecola .new-column,
.pecola .recommend-column,
.page-pecola .recommend-column {
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.pecola .new-column span,
.page-pecola .new-column span,
.pecola .recommend-column span,
.page-pecola .recommend-column span {
    padding-left: 5px;
    font-size: 20px;
}

.pecola .new-column:before,
.page-pecola .new-column:before {
    content: url(/user_data/packages/default/wp_files/images/icon_column_title.png);
    vertical-align: middle;
}

.pecola .recommend-column:before,
.page-pecola .recommend-column:before {
    content: url(/user_data/packages/default/wp_files/images/icon_recommend_title.png);
    vertical-align: middle;
}

.single-pecola .list-text {
    padding-top: .5rem !important;
    height: 4em;
}

.taxonomy-pecola .list-text,
.page-pecola .list-text {
    border: 1px solid #bfbfbf;
    display: flex;
    flex-direction: column;
    padding: .7rem;
    height: 13.25rem;
    position: relative;
}

.taxonomy-pecola .list-text .top,
.page-pecola .list-text .top {
    height: 11rem;
    overflow: hidden;
}

.pecola .list .post_ttl,
.page-pecola .list .post_ttl {
    color: #1d2088;
    margin: 0 0 0.25rem;
    height: auto;
}

p.pecola-excerpt {
    margin-bottom: 0 !important;
}

.pecola .list p.pecola-excerpt+p {
    height: 2.2rem;
}

.pecola .terms-wrap,
.page-pecola .terms-wrap {
    padding-top: 5px;
}

.pecola .terms-wrap:before,
.page-pecola .terms-wrap:before {
    content: "";
    display: inline-block;
    width: 1rem;
    height: .8rem;
    background: url(/user_data/packages/default/wp_files/images/icon-terms.png) no-repeat;
    background-size: 1.5em;
    vertical-align: middle;
}

.pecola .terms-wrap ul,
.page-pecola .terms-wrap ul {
    display: inline;
    font-size: 11px;
    list-style: none;
    padding-left: 0;
}

.pecola .terms-wrap ul>li,
.page-pecola .terms-wrap ul>li {
    display: inline;
}

.pecola .pecola-terms,
.page-pecola .pecola-terms {
    display: inline-block;
    vertical-align: middle;
}

.page-pecola .readmore-wrap {
    margin-bottom: 2rem;
}

.pecola .back-links,
.page-pecola .back-links {
    margin-bottom: 30px;
}


/*------------------------------------
  PECOLA 固定ページテンプレート （sidebar）
------------------------------------*/

.pecola .sidebar .widget ul li .thumbnail,
.page-pecola .sidebar .widget ul li .thumbnail {
    width: 50px !important;
    height: 50px !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.pecola .sidebar .widget ul li a,
.page-pecola .sidebar .widget ul li a {
    font-size: .8rem;
    padding: .5rem 0;
}

.pecola .sidebar .widget ul li a:after,
.page-pecola .sidebar .widget ul li a:after {
    content: none;
}

.pecola .sidebar .widget .pecola-taxonomy-list>li>a,
.page-pecola .sidebar .widget .pecola-taxonomy-list>li>a {
    padding: 1rem .5rem;
}

.pecola .sidebar .widget .pecola-taxonomy-list>li>a:after,
.page-pecola .sidebar .widget .pecola-taxonomy-list>li>a:after {
    content: "";
}

.pecola .sidebar .widget .pecola-taxonomy-list>li>a .item-count,
.page-pecola .sidebar .widget .pecola-taxonomy-list>li>a .item-count {
    color: #666;
}


/* ------------------------------------
  PECOLA 記事ページ
------------------------------------ */

.pecola .fv,
.page-pecola .fv {
    background-image: url(/user_data/packages/default/wp_files/images/pecola_fv.jpg);
    background-position: 85%;
}

.pecola .fv .page-title>span,
.page-pecola .fv .page-title>span {
    border-top: 1px solid #fff;
    display: block;
    font-size: 4rem;
    font-weight: normal;
    margin-top: .5rem;
}

.pecola .intro,
.page-pecola .intro,
.page-voice .intro,
.voice .intro,
.tax-voice_cat .intro {
    font-size: .9rem;
    line-height: 2em;
    margin: 2.5rem auto;
    text-align: center;
}

.single-pecola .entry-title {
    text-indent: -1em;
    padding-left: 1em;
}

.pecola .share:first-child,
.page-voice .share,
.voice .share,
.tax-voice_cat .share {
    text-align: right;
}

.pecola .share:first-child a,
.page-voice .share:first-child a,
.voice .share:first-child a,
.tax-voice_cat .share:first-child a {
    padding: .3em .7em;
}

.pecola .comment-box {
    margin-top: 3rem;
}

.pecola .easy_share .share {
    margin-bottom: 0;
}

.single-pecola .pager {
    padding: 0 1rem;
}

.pecola .sidebar .widget ul li a {
    font-size: .8rem;
    padding: .5rem 0;
}

.pecola .sidebar .widget ul li a:after {
    content: none;
}

.pecola .sidebar .widget ul li .thumbnail {
    width: 50px !important;
    height: 50px !important;
}


/*------------------------------------
  PECOLA 記事ページ （sidebar）
------------------------------------*/

.pecola-recommend-list,
.pecola-mostPopular-list,
.pecola-taxonomy-list {
    margin-bottom: 3rem;
}

.widget .pecola-recommend-list>li>.cat-item-link,
.widget .pecola-mostPopular-list>li>.cat-item-link {
    display: block;
    overflow: hidden;
}

.widget .pecola-recommend-list>li .thumbnail,
.widget .pecola-mostPopular-list>li .thumbnail {
    display: inline-block;
}

.widget .pecola-recommend-list>li .side-title,
.widget .pecola-mostPopular-list>li .side-title {
    margin: 0 0 0 1%;
    display: inline-block;
    vertical-align: top;
    width: 70%;
}

.pecola .sidebar .widget .pecola-taxonomy-list>li>a {
    padding: 1rem .5rem;
    color: #1d2088;
}

.pecola .sidebar .widget .pecola-taxonomy-list>li>a:after {
    content: "";
}

.pecola .sidebar .widget .pecola-taxonomy-list>li>a .item-count {
    color: #666;
}


/* ------------------------------------
  支援活動ページ
------------------------------------ */

.support {
    color: #333;
}

.support .intro {
    padding: 0 5%;
    margin-bottom: 2rem;
}

.support .wrapper .box-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    font-size: 20px;
    margin: 0 auto 5rem;
    max-width: 62em;
}

@media screen and (max-width: 1240px) {
    .support .wrapper .box-items {
        font-size: 1rem;
    }
}

.support .wrapper .box {
    width: 12.4em;
    height: 12.4em;
}

.support .wrapper .box.width2 {
    width: 24.8em;
}

.support .wrapper .box.height2 {
    height: 24.8em;
}

.support .wrapper .ml-1box {
    margin-left: 12.4em;
}

.support .wrapper .ml-2box {
    margin-left: 24.8em;
}

.support .wrapper .ml-3box {
    margin-left: 37.2em;
}

.support .box-row .box:not(.content-box) {
    padding: 0;
}

.support .content-box {
    padding: .5rem;
}

.support .content-box .box-inner {
    border: 1px solid;
    height: 100%;
}

.support .content-box1 {
    background-color: #fff;
}

.support .content-box1>h3 {
    border-bottom: 1px;
}

.support .content-box1 .news-head {
    border-bottom: 1px solid;
    margin-bottom: 0;
    padding: .5rem 0;
}

.support .content-box1 .news-contents {
    font-size: small;
    overflow: scroll;
    padding: .7rem;
}

.support .content-box1 .news-contents .date {
    margin-bottom: .2rem;
}

.support .content-box1 .box-inner,
.support .content-box1 .news-head {
    border-color: #ccc;
}

.support .content-box2 .box-inner,
.support .content-box3 .box-inner {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 1rem;
}

.support .content-box2 {
    background-color: #fffa66;
}

.support .content-box2 .box-inner {
    border-color: #71c6c6;
}

.support .content-box3 {
    background-color: #71c6c6;
}

.support .content-box3 .box-inner {
    border-color: #fff;
}

.support .content-box3 .box-head {
    color: #fff;
}

.support .content-box .box-head {
    font-size: medium;
    margin-bottom: 0;
}

.support .content-box .box-head:after {
    content: '>';
    margin-left: 1rem;
}

.support .content-box .circle-image {
    height: 70% !important;
    margin-bottom: 1rem;
}

.support .slide-image {
    width: 100%;
}

.support,
.support-cat {
    background-image: url(/user_data/packages/default/wp_files/images/pattern_top.png), url(/user_data/packages/default/wp_files/images/pattern_btm.png);
    background-position: top, bottom;
    background-repeat: repeat-x, repeat-x;
    background-color: #fffa66;
    height: 100%;
    padding-bottom: 1.3rem;
}

.support-cat {
    padding-top: 2rem;
}

.support-cat .mainarea {
    margin-bottom: 1rem;
}

.support-cat .breadcrumbs {
    color: #333;
}

.support-cat .intro {
    margin: 0 auto 2.5rem;
    max-width: 47.9em;
}

.support-cat .intro-body {
    color: #333;
    font-size: .8rem;
    line-height: 1.5rem;
}

.support-cat .main-inner {
    background-color: #fff;
    margin-bottom: 3rem;
    padding: 1.5rem 1rem;
}


/* 支援の仕組み */

.page-support-mechanism .main-inner {
    background-color: inherit;
    padding-top: 0;
}

.page-support-mechanism h3 {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    line-height: 1.5em;
    padding: .5rem 0;
    text-align: center;
}

.page-support-mechanism p {
    font-size: 14px;
    letter-spacing: .05em;
    line-height: 1.7em;
}

.page-support-mechanism .caption {
    text-align: center;
}

.page-support-mechanism .report-item {
    border: none;
}

.page-support-mechanism .inner {
    margin: 0 auto;
    padding: 1rem;
}

.page-support-mechanism .left,
.page-support-mechanism .right {
    width: 50%;
    float: left;
    padding: 0 .5rem;
}

.report-item {
    border-bottom: 1px dashed #666;
}

.info-box {
    border: 2px solid #1d2088;
    margin: 0 0 1rem 0;
    padding: 1rem;
}

.info-box .info-thumb {
    height: 150px;
}

.info-box .info-details .info-name {
    font-weight: bold;
}

.info-box .info-details .info-item .info-description {
    font-weight: normal;
}

.info-box .info-details .info-item:before {
    content: '■';
    margin-right: 2px;
}

.info-box .info-details .info-item:last-child {
    margin-bottom: 0;
}

.info-box .share {
    display: inline-block;
}

.info-box #item-share {
    margin-bottom: .5rem;
}

.image-inner {
    padding: 1rem;
}

.post-title {
    background-color: inherit;
    border-bottom: 1px dashed #666;
    font-size: large;
    line-height: 1.2em;
    margin-bottom: 2rem;
    padding-bottom: .3rem;
    position: relative;
}

.post-title:before {
    background-image: url(/user_data/packages/default/wp_files/images/svg/column_blue.svg);
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 1rem;
    width: 1rem;
    margin-right: .5rem;
}

.post-title:after {
    position: absolute;
    margin-top: -7px;
    top: 100%;
    left: 1.5rem;
    content: '';
    height: 1rem;
    width: 1rem;
    border-bottom: 1px dashed #666;
    border-right: 1px dashed #666;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    background-color: #fff;
}

.recent-entry {
    padding: 0 2rem;
}

.recent-entry .recent-title {
    border-bottom: 1px dashed #666;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.recent-entry .recent-items .recent-text {
    font-size: medium;
    padding: 0 .2rem;
}

.recent-entry .recent-item {
    display: inline-block;
    padding: 0 1rem 0 0;
}

.recent-entry .recent-items .item-link:last-child .recent-item {
    padding-right: 0;
}

.recent-entry .recent-item .recent-trim {
    height: 160px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto .5rem;
    position: relative;
}

.recent-entry .recent-item .recent-trim>img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: none !important;
    width: 100% !important;
    height: 100% !important;
}

.recent-entry .recent-item .recent-trim .thumb-image {
    width: 230px;
    height: 150px;
    background-size: cover;
}

.recent-entry .recent-icon {
    vertical-align: top;
    margin-top: 1px;
    margin-right: .5rem;
}

.recent-entry .recent-body {
    font-size: medium;
}

.comment-box {
    background-color: #f0f0f0;
    margin: 1rem 1rem 2rem 1rem;
    padding: 1rem;
}

.comment-box .comment {
    font-size: 12px !important;
    margin-bottom: 0;
}

.back-links {
    margin-bottom: 2rem;
}

.support-cat .back-links {
    margin-bottom: 3rem;
}

.back-top-text,
.back-home-text {
    display: inline;
}

.back-home-image {
    margin-right: .5rem;
}

.back-top-wrap {
    text-align: right;
}

.back-top-image {
    margin-left: .5rem;
}

.share-wrap {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    line-height: 1.1;
}

.fb-like-wrap {
    align-items: center;
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 5px;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: .9rem;
    justify-content: space-around;
    margin-left: auto;
    max-width: 47.9em;
    padding: 1rem;
}

.fb-like-wrap .fb-like-text {
    margin: 0;
    padding: 0 1rem;
}

.share-wrap .fb-like-image {
    margin-left: 1rem;
    margin-right: auto;
    width: 80px !important;
}


/* ------------------------------------
// お客様の声
------------------------------------ */

.tax-voice_cat .fv,
.page-voice .fv,
.voice .fv {
    background-image: url(/user_data/packages/default/wp_files/images/voice_fv.jpg);
    background-position: 30%;
}

.page-voice .intro,
.voice .intro,
.tax-voice_cat .intro {
    max-width: 36.9em;
}

.tax-voice_cat .mainarea .post-wrap,
.page-voice .mainarea .post-wrap,
.voice .mainarea .post-wrap {
    background-color: #eee;
    border-top: .5rem solid #1d2088;
    padding: 0 1rem;
}

.tax-voice_cat .fv .page-title,
.page-voice .fv .page-title,
.voice .fv .page-title {
    border-bottom: 1px solid #fff;
    padding-bottom: .5rem;
}

.tax-voice_cat .entry-title,
.page-voice .entry-title,
.voice .entry-title {
    padding: 1em 0 1em 1em;
    text-indent: -1em;
    line-height: 1.3em;
}

.tax-voice_cat .ttl_h:after,
.page-voice .ttl_h:after,
.voice .ttl_h:after {
    background-color: #eee;
    margin-top: -10.2px;
    height: 1.4rem;
    width: 1.4rem;
}

.tax-voice_cat .mainarea .ttl_h:before,
.page-voice .mainarea .ttl_h:before,
.voice .mainarea .ttl_h:before {
    background-image: url(/user_data/packages/default/wp_files/images/dog_blue.png);
    height: 1em;
    width: 1em;
}

.tax-voice_cat .post_body .profile-box,
.page-voice .post_body .profile-box,
.voice .post_body .profile-box {
    background-color: #fff;
    border: 2px solid #1d2088;
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    padding: 1rem;
}

.tax-voice_cat .post_body .profile-box .main-contents,
.page-voice .post_body .profile-box .main-contents,
.voice .post_body .profile-box .main-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: 100%;
}

.tax-voice_cat .post_body .profile-box .image-wrap,
.page-voice .post_body .profile-box .image-wrap,
.voice .post_body .profile-box .image-wrap {
    margin-right: 1rem;
}

.tax-voice_cat .post_body .profile-box .owner-name,
.page-voice .post_body .profile-box .owner-name,
.voice .post_body .profile-box .owner-name {
    font-size: large;
    font-weight: bold;
}

.tax-voice_cat .post_body .profile-box .details>p,
.page-voice .post_body .profile-box .details>p,
.voice .post_body .profile-box .details>p {
    margin-bottom: .5rem;
}

.tax-voice_cat .post_body .profile-box .category-list,
.page-voice .post_body .profile-box .category-list,
.voice .post_body .profile-box .category-list {
    display: flex;
    align-items: baseline;
    justify-content: space-around;
    margin: 0 0 auto auto;
}

.page-voice .post_body .profile-box .category-list {
    display: block;
    padding: 0;
}

.page-voice .post_body .profile-box .category-list .category-name {
    display: inline-block;
}

.tax-voice_cat .post_body .profile-box .category-name,
.page-voice .post_body .profile-box .category-name,
.voice .post_body .profile-box .category-name {
    background-color: #eee;
    list-style: none;
    padding: .2rem .5rem;
    text-align: center;
    width: 4rem;
}

.tax-voice_cat .post_body .profile-box .category-name:not(:last-child),
.page-voice .post_body .profile-box .category-name:not(:last-child),
.voice .post_body .profile-box .category-name:not(:last-child) {
    margin-right: 1rem;
}

.page-voice .post-wrap .share,
.tax-voice_cat .post-wrap .share,
.voice .post-wrap .share {
    padding-top: 1rem;
}


/* ------------------------------------
// お問い合わせ
------------------------------------ */


/* ------------------------------------
// wp
------------------------------------ */

.aligncenter {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.alignright {
    float: right;
    margin-left: 1.5em !important;
    margin-bottom: 1em !important;
}

.alignleft {
    float: left;
    margin-right: 1.5em !important;
    margin-bottom: 1em !important;
}

.attachment-post-thumbnail,
.ttl_h1+img {
    margin-bottom: 1em;
}

.attachment-post-thumbnail {
    width: 100%;
}

.wp-caption,
.wp-caption-text,
.gallery-caption {
    font-size: small;
    max-width: 100%;
    height: auto;
}

.sticky .list-title {
    font-weight: bold;
}

.bypostauthor {
    font-weight: bold;
}

.form-allowed-tags {
    font-size: small;
}

.searchform_nav {
    margin-top: 1rem;
}

.searchform {
    position: relative;
}

.searchform .search-text {
    border-color: transparent transparent rgba(119, 119, 119, 0.1) transparent;
}

.searchform .btn {
    position: absolute;
    top: 1px;
    right: 1px;
    background: #fff;
    color: #333;
    border: 0 none;
}

.searchform * {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


/* ------------------------------------
// cse-search
------------------------------------ */

#cse-search-box input[name="q"] {
    width: 74%;
}


/* ------------------------------------
// wpcf7
------------------------------------ */

.widget .wpcf7 {
    padding: 1rem;
    background-color: rgba(119, 119, 119, 0.1);
}

.wpcf7 .personal {
    border: 1px solid #666;
    border-radius: 5px;
    height: 15em;
    margin-bottom: 1rem;
    overflow-y: scroll;
    padding: 1em;
}


/* course complete page */

.page-course-complete .container {
    padding: 40px 70px 20px;
    background: #ae9262;
}

.page-course-complete .btnc {
    position: absolute;
    top: 30%;
    left: 37%;
    width: 28%;
}

.page-course-complete p {
    margin: 0;
}


/* ------------------------------------
// @media
------------------------------------ */

@media (max-width: 74.9em) {
    .list_big .post_links .post_thumb span {
        height: 193px;
    }
    /* 商品一覧 */
    .page-products .trial .banner .right {
        width: 20rem;
    }
    .page-products .items .item .item-box {
        height: 15.5rem;
    }
    .page-products .items .item .item-box .days {
        font-size: small;
    }
    .single-products .mainarea .amount .table td,
    .single-products .mainarea .amount .table th {
        padding: .2rem .5rem;
        ;
    }
    .single-products .mainarea .relate .relate-blue .product .details .detail2:not(.blue-wrap) {
        /*margin-top: 26px;*/
    }
    .single-products .mainarea .relate .relate-products .product .details .detail2.blue-wrap>span {
        margin-left: 0;
    }
    .single-products .mainarea .story .bottom a.link1,
    .single-products .mainarea .story .bottom a.link2 {
        width: 16rem;
        height: 7.5rem;
    }
    .single-products .mainarea .story .bottom a.link1 {
        left: 0;
    }
    .single-products .mainarea .story .bottom a.link2 {
        left: 52%;
    }
    .single-products .mainarea .story .blue.bottom a.link1 {
        left: 0;
    }
    .single-products .mainarea .story .blue.bottom a.link2 {
        left: 37%;
        width: 13rem;
    }
    .single-products .mainarea .story .blue.bottom a.link3 {
        left: 70%;
        width: 13rem;
    }
    .single-products .mainarea .story .blue.bottom a.link4,
    .single-products .mainarea .story .blue.bottom a.link5 {
        top: 72%;
        width: 48%;
    }
    .single-products .mainarea .story .blue.bottom a.link4 {
        left: 0;
    }
    .single-products .mainarea .story .blue.bottom a.link5 {
        left: 49%;
    }
    .page-guide .delivery .head {
        width: 95%;
    }
    .page-guide .delivery .head .top .postage .inner-box {
        margin: 0;
    }
    /* 支援活動報告 */
    .recent-entry .recent-item .recent-trim {
        height: 130px;
    }
}

@media (min-width: 62em) {
    .navbar-nav>li:not(.logo) {
        padding: 2.5em .5em;
    }
    #text-6 {
        padding-left: 0;
    }
    #text-8 {
        padding-right: 0;
    }
    .order-in-box .settlement-info-box.col-lg-6 {
        width: 48%;
    }
    .order-in-box .settlement-info-box.col-lg-6:first-child {
        margin-right: 1%;
    }
    .order-in-box .settlement-info-box.col-lg-6:nth-child(2) {
        margin-left: 1%;
    }
    footer .widget_text.col-sm-2 {
        height: 12rem;
    }
    .page-products .gift_box_set .sentence {
        margin-bottom: 0;
    }
    .single-products .beginer .description {
        font-size: small;
    }
    .page-faq .panel-title .question-image {
        margin-top: -.2rem;
    }
    .page-products .items .item {
        width: 33.2%;
    }
}

@media (max-width: 61.9em) {
    .logo {
        height: 50px;
        width: 125px;
    }
    .catch-copy h3 {
        font-size: 2.5vw;
    }
    .list_big .post_links .post_thumb span {
        height: 140px;
    }
    .follow .share a {
        font-size: 1em;
    }
    .dc-link .dc-box .dc-box-inner .dc-txt {
        font-size: 3rem;
    }
    .item-lists .item-info .item-info-center::before {
        height: 1.5rem;
        width: 1.5rem;
    }
    .beginer .boxes .box,
    .reading .boxes .box {
        margin-bottom: 1rem;
    }
    .footer-container-02 {
        background-color: #f0f0f0;
    }
    .footer-in-box {
        width: 100%;
        background-color: transparent;
        padding: 15px 0 0;
    }
    .footer-in-box:after {
        right: 0;
    }
    .footer-nav .textwidget {
        display: none;
    }
    .order-in-box .col-lg-6:first-child {
        margin-bottom: 10px;
    }
    .sidebar .widget .ttl {
        padding: .5rem;
    }
    /* 商品一覧 */
    .page-products .category-header {
        background-position: 70%;
    }
    .page-products .category-header .inner {
        width: 70%;
    }
    .page-products .category-header .inner .category-text {
        font-size: 65px;
    }
    .page-products .category-header .inner .category-text>span {
        font-size: small;
        margin-top: -.5rem;
    }
    .page-products .trial .banner {
        flex-direction: column;
    }
    .page-products .trial .banner .left {
        width: 100% !important;
        height: 160px !important;
    }
    .page-products .trial .banner .right {
        width: 100%;
    }
    .page-products .trial .banner .right .trial-head>span {
        display: inline;
        margin-left: .5rem;
        font-size: large;
    }
    .page-products .dogfood .trial .banner .right .contents-list .content>span {
        display: inline;
        margin-left: 1rem;
    }
    .page-products .items {
        display: block;
    }
    .page-products .items .item .item-box {
        height: 14.5rem;
    }
    .page-products .items .item .item-box .product-name {
        font-size: 1.3rem;
    }
    /* 商品詳細 */
    .single-products .mainarea .right .buy form button>p {
        font-size: .9rem;
    }
    .single-products .mainarea .deal .guideline .process .process-item .top .circle-num {
        top: 0;
        left: 0;
    }
    .single-products .mainarea .deal table th {
        width: 25%;
    }
    .single-products .mainarea .relate .relate-products .product .details .detail2>span {
        display: block;
    }
    .single-products .mainarea .relate .relate-products .product .details .product-title {
        font-size: .9rem;
    }
    .single-products .special .set .item .texts.cat .set-title .name-en {
        font-size: 28px;
    }
    .single-products .special .set .set-name {
        font-size: x-large;
    }
    .single-products .special .set .bonus .bonus-item .bottom .caution>span {
        display: block;
    }
    .single-products .mainarea .story .bottom a.link3 {
        width: 25rem;
        height: 8rem;
        top: 71%;
        left: 9%;
    }
    .single-products .mainarea .story .blue.bottom a {
        width: 11rem;
        height: 5.5rem;
    }
    .single-products .mainarea .story .blue.bottom a.link1 {
        left: 0;
    }
    .single-products .mainarea .story .blue.bottom a.link2 {
        left: 37%;
        width: 11rem;
    }
    .single-products .mainarea .story .blue.bottom a.link3 {
        left: 70%;
        width: 10rem;
    }
    .single-products .mainarea .story .blue.bottom a.link4,
    .single-products .mainarea .story .blue.bottom a.link5 {
        top: 72%;
        width: 48%;
    }
    .single-products .mainarea .story .blue.bottom a.link4 {
        left: 0;
    }
    .single-products .mainarea .story .blue.bottom a.link5 {
        left: 49%;
    }
    /* ブッチとは*/
    .page-about .diff .paper .visible-pc p {
        font-size: 14px;
    }
    .page-about .feature .paper h4 {
        margin-top: 13%;
        margin-bottom: .5rem;
    }
    .page-about .history .paper .body .image-wrap {
        padding-top: 1rem;
    }
    .page-about .history .paper .body .about65 {
        top: -.5rem;
    }
    /* 支援活動 */
    .support .wrapper .image-box {
        -webkit-order: 1;
        order: 1;
        width: calc(100% / 3);
        height: 100%;
    }
    .support .wrapper .image-box.width2 {
        width: calc(100%*2 / 3);
    }
    .support .wrapper .content-box1 {
        -webkit-order: 3;
        order: 3;
        height: 100%;
        width: 100%;
    }
    .support .wrapper .content-box1 .news-contents {
        height: 9rem;
    }
    .support .wrapper .content-box2 {
        -webkit-order: 4;
        order: 4;
        height: auto;
        width: 50%;
    }
    .support .wrapper .content-box3 {
        -webkit-order: 5;
        order: 5;
        height: auto;
        width: 50%;
    }
    .support .wrapper .ml-1box {
        margin-left: 0;
    }
    .support .wrapper .content-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
    }
    .support .wrapper .height2>img {
        height: 50% !important;
    }
    .support .wrapper .box-items>div:not(.sm1):not(.sm2):not(.sm3):not(.sm4):not(.sm5):not(.content-box) {
        display: none;
    }
    .support .wrapper .box-items .sm1 {
        display: inline;
        -webkit-order: 1;
        order: 1;
    }
    .support .wrapper .box-items .sm2 {
        display: inline;
        -webkit-order: 2;
        order: 2;
    }
    .support .wrapper .box-items .sm3 {
        display: inline;
        -webkit-order: 6;
        order: 6;
    }
    .support .wrapper .box-items .sm4 {
        display: inline;
        -webkit-order: 7;
        order: 7;
    }
    .support .wrapper .box-items .sm5 {
        display: inline;
        -webkit-order: 8;
        order: 8;
    }
    .recent-entry .recent-item .recent-trim {
        height: 100px;
    }
    .widget .ttl-footer-nav:before {
        color: #232584;
        content: '>';
        font-size: 16px;
        margin-left: .5rem;
        margin-right: 1rem;
    }
    .widget .open.ttl-footer-nav:before {
        display: inline-block;
        transform: rotate(90deg);
    }
    .page-guide .delivery .head {
        width: 100%;
    }
    .page-guide .delivery .head .left img {
        width: 80%;
    }
    .page-guide .delivery .head .top .postage .inner-box {
        margin: 0;
    }
    .page-guide .delivery .head .top-right .postage .text>p {
        padding: 0 .5rem;
    }
    .page-guide .payment .inner {
        flex-direction: column;
        padding: 1rem;
    }
    .page-guide .payment .inner .wrap {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .page-guide .payment .inner .left {
        border-right: none;
        border-bottom: 1px dashed #a0a0a0;
        padding-bottom: 1rem;
        margin-bottom: 2rem;
    }
    .page-guide .payment .right .cash {
        margin-bottom: 2rem;
    }
    /* PECOLA TOP */
    .taxonomy-pecola .list .post_links .post_thumb span,
    .page-pecola .list .post_links .post_thumb span {
        height: 130px;
    }
    .taxonomy-pecola .list-text,
    .page-pecola .list-text {
        height: 13rem;
    }
    .taxonomy-pecola .list-text .list-title,
    .page-pecola .list-text .list-title {
        font-size: .9rem;
    }
    .single-pecola .share a {
        padding: .5em .7em;
    }
    /* お客様の声 */
    .page-voice .post_body .profile-box .category-list,
    .tax-voice_cat .post_body .profile-box .category-list,
    .voice .post_body .profile-box .category-list {
        flex-direction: column;
        padding-left: 0;
    }
    .page-voice .post_body .profile-box .category-name:not(:first-child),
    .tax-voice_cat .post_body .profile-box .category-name:not(:first-child),
    .voice .post_body .profile-box .category-name:not(:first-child) {
        margin-top: 1rem;
    }
    .page-voice .post-wrap .share a,
    .tax-voice_cat .post-wrap .share a,
    .voice .post-wrap .share a {
        padding: .3em .7em;
    }
}

@media screen and (min-width: 991px) {
    footer .footer-container-01 .footer-nav:first-child {
        padding-left: .5rem;
    }
    footer .footer-container-01 .footer-nav:nth-child(2) {
        width: 17.6666% !important;
    }
    /*footer .footer-container-01 .widget-5 .footer-nav-list li:nth-child(5) {
    border-top: 1px solid #666;
    margin-top: .5rem;
    padding-top: .5rem;
  }*/
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
    .widget .settlement-info-box {
        padding: .3rem;
    }
    .widget .contact-box.row>div:first-child {
        padding-right: 0;
    }
}

@media screen and (max-width: 990px) {
    .footer-container-01 {
        margin-bottom: 5rem;
    }
    .footer-container-01 .footer-nav-list>li {
        background-color: #fcfcfc;
        border-bottom: 1px solid #fff;
    }
    .footer-container-01 .footer-nav-list>li>a {
        display: block;
        font-size: small;
        padding: 1rem 0 1rem 1rem;
    }
    footer .footer-nav {
        margin-bottom: 0 !important;
        padding: 0;
    }
    footer .footer-nav:first-child .ttl-footer-nav {
        /*border-top: thin solid #ccc !important;*/
    }
    footer .footer-nav .ttl-footer-nav {
        border-bottom: thin solid #ccc !important;
        margin-bottom: 0 !important;
        padding: 1em;
        position: relative;
    }
    footer .footer-nav .ttl:after {
        content: "";
        background-image: url(/user_data/packages/default/wp_files/images/svg/footprint_gray.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 1.2rem;
        right: 1rem;
        width: 1.5rem;
        height: 1.5rem;
    }
}

@media screen and (min-width: 47.9em) and (max-width: 61.9em) {
    .pecola .list .post_ttl,
    .page-pecola .list .post_ttl {
        height: 2rem;
        overflow: hidden;
    }
    .taxonomy-pecola .list-text,
    .page-pecola .list-text {
        height: 11rem;
    }
    .header-wrap .container {
        max-width: 56rem;
    }
    .navbar-nav a {
        font-size: .7rem !important;
    }
    .navbar-nav>li:not(.logo) {
        padding: 2em .5em;
    }
    .item-lists .item-info .item-ttl-jp {
        font-size: small;
    }
    .beginer .boxes .box .box-bottom-txt,
    .reading .boxes .box .box-bottom-txt {
        font-size: .9em;
    }
    .beginer .boxes .box .box-inner,
    .reading .boxes .box .box-inner {
        padding: .7rem;
    }
    .beginer .boxes .box .box-ttl,
    .reading .boxes .box .box-ttl {
        font-size: small;
    }
    .beginer .boxes .box .box-text-wrap,
    .reading .boxes .box .box-text-wrap {
        height: 2.5rem;
    }
    .beginer .boxes .box .box-text,
    .reading .boxes .box .box-text {
        font-size: 1em;
    }
    .reading .box .box-btn {
        font-size: x-small;
    }
    .reading .box-img-wr {
        width: 180px;
    }
    .reading .box-inner .thumbnail {
        width: 180px;
    }
    .info-box .thumb-image {
        padding: 0 .5rem 0 1.5rem;
    }
    .tax-voice_cat .post_body .profile-box .detail,
    .page-voice .post_body .profile-box .detail,
    .voice .post_body .profile-box .detail {
        padding-right: .5rem;
    }
    .tax-voice_cat .post_body .profile-box .category-name:not(:last-child),
    .page-voice .post_body .profile-box .category-name:not(:last-child),
    .voice .post_body .profile-box .category-name:not(:last-child) {
        margin-right: 0;
    }
    .single-products .mainarea .amount .table td,
    .single-products .mainarea .amount .table th {
        padding: .2rem;
    }
    .single-products .mainarea .amount .table-responsive,
    .single-products .mainarea .amount .table-caption-wrap {
        width: 46%;
    }
    .single-products .mainarea .amount .table-caption-wrap .box {
        padding: .8rem;
    }
    .single-products .mainarea .amount .table-caption-wrap .box .caption {
        line-height: 1.6em;
    }
    .single-products .mainarea .recommend .boxes .recommend-image {
        zoom: 0.7;
    }
    .single-products .mainarea .recommend .boxes .box .recommend-text {
        font-size: small;
    }
    .single-products .mainarea .amount .day-dog {
        right: -1rem;
        width: 110px;
    }
    .single-products .special .set .item .texts .trial-detail {
        font-size: small;
        height: 2rem;
        margin-bottom: .3rem;
    }
    .single-products .special .set .item .texts.cat .materials {
        font-size: 8px;
        margin-bottom: .2rem;
    }
    .single-products .special .set .item:last-child .texts.cat .materials {
        margin-top: 1.5rem;
    }
    .single-products .special .set .item .texts.cat .item-link {
        font-size: .6rem;
    }
    .single-products .mainarea .relate .relate-blue .product .details p:not.blue-wrap {
        margin-top: 26px;
    }
    .page-guide .delivery .head .top-left .cool>p {
        font-size: 11px;
    }
    .page-guide .delivery .head .top-right .postage .text>p {
        font-size: 13px;
    }
    .page-guide .delivery .bottom>p {
        font-size: 12px;
    }
    .page-course .main-contents .merit4 .box-row .left {
        padding-right: 1rem;
    }
    .page-course .main-contents .merit4 .box-row .right .text1 {
        font-size: 18px;
    }
    .page-course .main-contents .merit4 .box-row .right .image-wrap {
        width: 28%;
    }
    .page-course .main-contents .merit4 .box-row .right .case p {
        font-size: 20px;
    }
    .page-course .main-contents .merit4 .box-row .right .case em {
        font-size: 24px;
    }
    .page-course .main-contents .merit4 .bottom {
        background-position: 4% 53%, 95% center;
    }
    .page-course .main-contents .merit4 .bottom {
        height: 22.5rem;
    }
    .page-course .main-contents .easy h3 {
        font-size: 45px;
    }
    .page-course .main-contents .easy section h4:before {
        left: -12%;
    }
    .page-course .main-contents .box .item .teiki p em.size-l {
        font-size: 30px;
    }
    .page-course .main-contents .box .item .teiki p em>span {
        font-size: 50px;
    }
    .page-course .main-contents .title-belt {
        background-size: 22%;
    }
}

@media screen and (min-width: 47.9em) {
    .nav-wrap .logo-sp {
        display: none;
    }
    .navbar-nav .menu-item .sub-menu {
        background-color: #232584;
        padding: .5rem 0;
        text-align: center;
    }
    .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .navbar-nav .dropdown .dropdown-menu .dropdown-item>a {
        color: #fff !important;
        display: inline-block;
        padding: 1rem;
    }
    .menu-item-144>a {
        cursor: pointer;
    }
    .info-box {
        padding-left: 0;
        padding-right: 0;
    }
    .info-box .info-thumb {
        position: relative;
        border-right: 1px solid #1d2088;
    }
    .info-box .thumb-image {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .line-account-wrap .line-account-sp {
        display: none;
    }
    .page-products .sidebar .category .cat-item>a>span,
    .single-products .sidebar .category .cat-item>a>span {
        display: block;
    }
    .page-about .diff .paper .title-wrap {
        margin-bottom: 0;
    }
}


/* Small devices (landscape phones, less than 48em) */

@media (max-width: 47.9em) {
    .br-pc {
        display: none;
    }
    .header-wrap .headline .container {
        flex-direction: column;
    }
    .header-wrap .headline .container .headline-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        padding-right: .5rem;
    }
    .header-wrap .navbar-wrap {
        margin-top: 1rem;
    }
    .navbar-toggle:not(.collapsed) {
        background-color: #fff;
    }
    .navbar .nav-wrap {
        position: relative;
    }
    .navbar .nav-wrap .logo-sp {
        height: 50px;
        width: 125px;
    }
    .navbar .nav-wrap .navbar-header {
        display: inline-block;
        position: absolute;
        top: 25px;
        right: 10%;
    }
    .navbar {
        padding: 0;
    }
    .navbar .menu-item a {
        border-bottom: 1px solid rgba(119, 119, 119, 0.1);
        padding: .5rem 0;
    }
    .navbar-nav {
        display: block;
        padding: .2rem 0;
    }
    .navbar-nav .logo {
        display: none;
    }
    .navbar-nav .menu-item a {
        display: block;
    }
    /* icons */
    .navbar-nav .menu-item.i-list a:before {
        background-image: url(/user_data/packages/default/wp_files/images/svg/item_list.svg);
    }
    .navbar-nav .menu-item.i-about a:before {
        background-image: url(/user_data/packages/default/wp_files/images/svg/about.svg);
    }
    .navbar-nav .menu-item.i-beginer a:before {
        background-image: url(/user_data/packages/default/wp_files/images/svg/beginer.svg);
    }
    .navbar-nav .menu-item.i-faq a:before {
        background-image: url(/user_data/packages/default/wp_files/images/svg/faq.svg);
    }
    .navbar-nav .menu-item.i-mypage a:before {
        background-image: url(/user_data/packages/default/wp_files/images/svg/mypage.svg);
    }
    .navbar-nav .menu-item.i-cart a:before {
        background-image: url(/user_data/packages/default/wp_files/images/svg/cart.svg);
    }
    .navbar-nav .sub-menu {
        border: none;
    }
    .sns-button {
        margin-right: .5rem;
    }
    .dropdown-menu {
        position: static;
    }
    .dropdown-item {
        display: block;
    }
    .logo-sp-wrap {
        display: block;
        text-align: center;
        margin: .5rem auto 0;
        width: 125px;
    }
    .sidebar .banner-pc {
        display: none;
    }
    .sidebar .banner-sp {
        display: block;
    }
    .info-box .share {
        width: 100%;
    }
    .info-box .share.text-left {
        padding-left: 2rem;
    }
    .info-box .thumb-image {
        margin-bottom: 1rem;
    }
    .info-box .info-thumb {
        border-bottom: 1px solid #1d2088;
        margin-bottom: 1rem;
    }
    .recent-text {
        text-align: center;
    }
    /*.home .fb-page,
  .home .twitter-timeline {
    display: none !important;
  }*/
    /*.sp-facebook-btn,
  .sp-twitter-btn {
    display: block;
  }*/
    .sp-facebook-btn a:hover,
    .sp-twitter-btn a:hover {
        background: none;
    }
    .sp-facebook-btn .replace-svg,
    .sp-twitter-btn .replace-svg {
        width: 130px;
        height: 130px;
        margin-bottom: 15px;
    }
    .sp-facebook-btn .replace-svg path {
        color: #3b5998;
        fill: currentColor;
    }
    .sp-twitter-btn .replace-svg path {
        color: #5ea9dd;
        fill: currentColor;
    }
    .sp-btn-tltle {
        display: block;
        font-size: 1rem;
    }
    .image-inner div:not(:first-child) img {
        margin-top: 1rem;
    }
    .fb-like-wrap {
        flex-direction: column;
    }
    .fb-like-wrap .fb-like-text {
        margin-bottom: .5rem;
    }
    .line-account-wrap .line-account {
        display: none;
    }
    .beginer .box,
    .reading .box {
        max-width: 32em;
        margin: 0 auto 1rem;
    }
    /* お問い合わせ */
    .page-contact .inner .frequency h3 {
        margin-left: 10%;
    }
    .page-contact .inner .contents .questions li {
        padding-left: 3rem;
    }
    .page-contact .inner .buisiness .body {
        margin-left: 4rem;
    }
    .page-contact .inner .contents .body .tel:before {
        left: -4rem;
    }
    /* よくある質問 */
    .page-faq .panel-title>a {
        padding-right: 4rem;
    }
    /* 商品一覧 */
    .page-products .category-header {
        background-position: 74%;
    }
    .page-products .category-header .inner .category-text {
        font-size: 50px;
    }
    .page-products .category-header .inner .category-text>span {
        font-size: x-small;
        margin-top: 0;
    }
    .page-products .items .item .item-box .thumb-wrap>img {
        max-height: 100px !important;
    }
    .page-products .trial .banner .right .trial-head {
        font-size: x-large;
    }
    .page-products .trial .banner .right .boxes .box {
        font-size: .8rem;
    }
    .page-products .trial .banner .right .contents-list>p {
        font-size: .9rem;
    }
    .single-products .mainarea .left,
    .single-products .story .body {
        padding: 0 1.8rem;
    }
    .single-products .mainarea .recommend .boxes>div {
        margin-bottom: 3rem;
    }
    .single-products .mainarea .amount .dog-table,
    .single-products .mainarea .amount .cat-table,
    .single-products .mainarea .amount .table-caption-wrap {
        display: block;
        width: 90%;
    }
    .single-products .mainarea .amount .both .cat-table {
        margin-left: 0;
    }
    .single-products .mainarea .amount .table-caption-wrap {
        margin-left: 0;
    }
    .single-products .mainarea .amount .table td,
    .single-products .mainarea .amount .table th {
        padding: .2rem 1rem .2rem .2rem;
    }
    .single-products .mainarea .recommend .boxes>div:first-child .recommend-image.fish-cat {
        height: 130% !important;
    }
    /* トライアルセット */
    .single-products .firstview .belt .title-jp {
        font-size: .75rem !important;
    }
    .single-products .beginer .beginer-title {
        /*zoom: 0.8;*/
    }
    .single-products .beginer .description {
        padding: 0 1rem;
    }
    .single-products .trial-wrap .special {
        /*zoom: 0.4;*/
    }
    .single-products .special .inner {
        padding: .8rem;
    }
    .single-products .special .title {
        margin-bottom: 1.5rem;
    }
    .single-products .special .title .title-text {
        font-size: 20px;
    }
    .single-products .special .title .title-text .title-en {
        font-size: 36px;
    }
    .single-products .special .title .circle {
        width: 4.5rem;
        height: 4.5rem;
    }
    .single-products .special .title .circle .circle-text {
        font-size: 12px;
    }
    .single-products .special .title .circle .caution {
        font-size: 10px;
    }
    .single-products .special .set .items {
        display: block;
    }
    .single-products .special .set .item {
        display: flex;
        justify-content: center;
        margin-bottom: 1.5rem;
        width: 100%;
    }
    .single-products .special .set .item .texts.cat .set-title.blue .set-title-jp {
        margin-top: 0;
    }
    .single-products .special .set .item .item-image-wrap {
        height: 150px;
        margin-right: 2.5rem;
        width: 32%;
    }
    .single-products .special .set .item .circle {
        right: 0rem;
        bottom: 0rem;
        width: 2.5rem;
        height: 2.5rem;
    }
    .single-products .special .set .set-name {
        font-size: medium;
    }
    .single-products .special .set .item .texts {
        width: 15rem;
    }
    .single-products .special .set .item .texts .trial-detail {
        font-size: small;
        margin-bottom: .5rem;
        height: auto;
    }
    .single-products .special .title .title-text {
        font-size: 3.9vw;
    }
    .single-products .special .set .item .texts .set-title {
        height: auto;
    }
    .single-products .special .set .item .texts .set-title.blue .set-title-jp {
        margin-top: 0;
    }
    .single-products .special .set .item .texts .materials {
        font-size: x-small;
        height: auto;
        margin-bottom: .3rem;
        padding: .2rem;
        text-align: center;
        width: 100%;
    }
    .single-products .special .set .item .texts .item-link {
        font-size: .7rem;
        margin-bottom: 0;
    }
    .single-products .special .set .sale .arrow {
        margin: 0 .5rem;
    }
    .single-products .special .set .sale .normal .price {
        font-size: 24px;
    }
    .single-products .special .set .sale .discount .price {
        font-size: 45px;
    }
    .single-products .special .set .sale .discount .price .tax {
        white-space: nowrap;
    }
    .single-products .special .set .sale .discount .discount-text {
        font-size: medium;
    }
    .single-products .special .set .bonus .bonus-item .top>img {
        width: 4rem;
    }
    .single-products .special .set .bonus .bonus-item .top>h3 {
        font-size: medium;
        margin: 0 0 0 3rem;
    }
    .single-products .special .set .bonus .bonus-item .bottom .text-m {
        font-size: small;
    }
    .single-products .special .set .bonus .bonus-item .bottom .text-l {
        font-size: medium;
    }
    .single-products .special .set .bonus .bonus-item .bottom .caution {
        padding-left: 1em;
        text-indent: -1em;
        width: 66%;
    }
    .single-products .mainarea .relate .relate-blue .product .details .detail2:not(.blue-wrap) {
        margin-top: 0;
    }
    .single-products .mainarea .relate .relate-products .product .details .detail2.blue-wrap>span {
        display: inline;
        margin-left: 1em;
    }
    .single-products .mainarea .story .blue.bottom a.link1 {
        left: 2%;
    }
    .single-products .mainarea .story .blue.bottom a {
        width: 30% !important;
        height: 17vw;
    }
    .single-products .mainarea .story .blue.bottom a.link4,
    .single-products .mainarea .story .blue.bottom a.link5 {
        width: 48% !important;
    }
    .page-legal dl dt {
        padding-left: 0
    }
    .page-privacy-policy .main dl dt {
        padding: 0 2rem;
    }
    .page-sitemap .left,
    .page-sitemap .right {
        width: 100%;
    }
    /* ブッチとは */
    .page-about .paper .br-pc {
        display: block;
    }
    .page-about .diff .content1,
    .page-about .diff .content2 {
        flex-direction: column;
    }
    .page-about .diff .content1>div,
    .page-about .diff .content2>div {
        padding: 0 !important;
        width: 100% !important;
    }
    .page-about .diff .content1>div:first-child {
        order: 2;
        margin-top: 1rem;
    }
    .page-about .diff .content2>div:first-child {
        margin-bottom: 1rem;
    }
    /*.page-about .diff .paper {
    background-image: url(/user_data/packages/default/wp_files/images/about_paper01_sp.png);
    height: 570px;
  }*/
    .page-about .diff .head {
        box-shadow: 0px -150px 100px -100px #fff inset;
        -moz-box-shadow: 0px -150px 100px -100px #fff inset;
        -webkit-box-shadow: 0px -150px 100px -100px #fff inset;
        height: 450px;
    }
    .page-about .diff .paper h4 {
        font-size: 1rem;
        left: 37%;
    }
    .page-about .diff .paper p {
        font-size: .8rem;
        width: 56%;
    }
    .page-about .diff .paper .visible-pc p {
        font-size: 11.2px;
    }
    .page-about .diff .premium {
        height: 850px;
    }
    .page-about .change .content {
        flex-direction: column;
    }
    .page-about .change .content .wrap {
        margin-bottom: 1rem;
    }
    .page-about .change .content .wrap .icon {
        display: inline-block;
        margin-right: .5rem;
    }
    .page-about .feature .head {
        box-shadow: 0px -200px 100px -100px #fff inset;
        -moz-box-shadow: 0px -200px 100px -100px #fff inset;
        -webkit-box-shadow: 0px -100px 100px -100px #fff inset;
        height: 400px;
    }
    .page-about .feature .paper h4 {
        font-size: .9rem;
    }
    .page-about .feature .paper p {
        font-size: 10px;
    }
    .page-about .feature .paper .text1,
    .page-about .feature .paper .text6 {
        font-size: 12px;
    }
    .page-about .feature .paper .text5 {
        top: 53.5%;
    }
    .page-about .beast .head {
        box-shadow: 0px -200px 100px -100px #fff inset;
        -moz-box-shadow: 0px -200px 100px -100px #fff inset;
        -webkit-box-shadow: 0px -100px 100px -100px #fff inset;
        height: 500px;
    }
    .page-about .beast .paper .title-wrap {
        margin-left: -9%;
    }
    .page-about .beast .paper .title-wrap:before {
        width: 1.5rem;
        height: 1.5rem;
    }
    .page-about .beast .paper h4 {
        font-size: 1.1rem;
        padding-bottom: .2rem;
        top: 1%;
    }
    .page-about .beast .paper p {
        font-size: 12px;
    }
    .page-about .beast .paper .visible-pc p.text1 {
        top: 17%;
    }
    .page-about .history .paper h4 {
        top: 1%;
        font-size: 1.1rem;
    }
    .page-about .history .paper p {
        font-size: .75rem;
    }
    .page-about .paper h4 {
        font-size: 3vw;
        margin-top: 11%;
        margin-bottom: .8rem;
    }
    .page-about .paper p {
        font-size: 2.3vw;
        line-height: 1.5em;
    }
    .page-about .beast .paper .body>p,
    .page-about .beast .paper .body>img,
    .page-about .history .paper .body>p {
        margin-bottom: .5rem;
    }
    /*.page-about .history .paper {
    background-image: url(/user_data/packages/default/wp_files/images/about_paper06_sp.png);
    height: 520px;
  }*/
    .page-about .history .paper .body>div {
        margin-bottom: 1rem;
    }
    .page-about .history .paper .body .about65 {
        top: -.1rem;
        width: 38%;
    }
    .page-guide .inner {
        padding: 0 2rem;
    }
    .page-guide .delivery .head {
        margin: 0 auto;
        justify-content: space-between;
    }
    .page-guide .delivery .head .left {
        text-align: center;
        width: 30%;
    }
    .page-guide .delivery .head .left img {
        width: 6rem;
    }
    .page-guide .delivery .head .top {
        flex-direction: column;
    }
    .page-guide .delivery .head .top p {
        font-size: 12px;
    }
    .page-guide .delivery .head .top .postage .text {
        width: 90%;
    }
    .page-guide .delivery .head .top .postage .text>p {
        padding: 1rem 0.25rem;
    }
    .page-guide .delivery .head .top .postage .text .txt03 {
        padding: 1rem 0.25rem !important;
    }
    .page-guide .delivery .head .right {
        width: 75%;
    }
    .page-guide .delivery .head .top-left {
        margin-bottom: .5rem;
    }
    .page-guide .delivery .head .top-left .cool {
        justify-content: space-around;
    }
    .page-guide .delivery .bottom {
        margin-bottom: 1rem;
    }
    .page-guide .cancel .main-image {
        width: 70%;
    }
    /* 定期 */
    .page-course .merit .contents .four .box-outer {
        width: 100%;
        margin-left: 0;
    }
    .page-course .merit .contents .four .box .box-inner {
        height: 120px;
    }
    .page-course .merit .bottom-image.visible-pc {
        display: none;
    }
    .page-course .merit .bottom-image.visible-xs {
        display: block;
    }
    .page-course .main-contents .belt {
        font-size: 20px;
    }
    .page-course .main-contents .belt>img {
        width: 60px;
    }
    .page-course .main-contents .belt>span {
        margin-left: 62px;
    }
    .page-course .main-contents .head {
        padding: 0;
        height: 100px;
    }
    .page-course .main-contents .head .merit-icon {
        margin-right: 1rem;
        width: 70px;
    }
    .page-course .main-contents .title-belt {
        background-image: none;
        height: auto;
    }
    .page-course .main-contents .box .item {
        padding: .5rem;
        height: 11rem;
    }
    .page-course .main-contents .box .item .normal {
        width: 50%;
        flex-direction: column;
        justify-content: center;
    }
    .page-course .main-contents .box .item .normal p {
        font-size: 12px;
    }
    /*.page-course .main-contents .box .item .normal .item-image {
    width: 85%;
    float: none;
  }*/
    .page-course .main-contents .box .item .normal .price {
        font-size: 22px;
    }
    .page-course .main-contents .box .item .normal .info {
        width: 85%;
    }
    .page-course .main-contents .easy .box .item .teiki .arrow {
        width: 1rem;
        margin-right: 1rem;
    }
    .page-course .main-contents .box .item .teiki em.size-l {
        font-size: 20px;
    }
    .page-course .main-contents .box .item .teiki em.size-l>span {
        font-size: 30px;
    }
    .page-course .main-contents .box .item .teiki .tax {
        text-align: right;
    }
    .page-course .main-contents .title-belt h4 em {
        font-size: 35px;
    }
    .page-course .main-contents .title-belt h4 em>span {
        font-size: 40px;
    }
    .page-course .main-contents .merit2 .box .select .circle {
        width: 4rem;
        height: 4rem;
        margin-top: -1rem;
    }
    .page-course .main-contents .merit2 .box .select .circle p {
        font-size: 12px;
    }
    .page-course .main-contents .merit2 .box .bottom .em-box {
        margin-left: 0;
        margin-right: 0;
    }
    .page-course .main-contents .merit2 .box .bottom .baloon {
        width: 10rem;
        height: 3.5rem;
    }
    .page-course .main-contents .merit2 .box .bottom .bottom-images>img {
        width: 48%;
    }
    .page-course .main-contents .merit2 .box p {
        font-size: 16px;
    }
    .page-course .main-contents .merit2 .box p>em {
        font-size: 18px;
    }
    .page-course .main-contents .merit4 .box-row .left,
    .page-course .main-contents .merit4 .box-row .right {
        float: none;
    }
    .page-course .main-contents .merit4 .box-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        height: auto;
    }
    .page-course .main-contents .merit4 .box-row .left,
    .page-course .main-contents .merit4 .box-row .right {
        width: 100%;
    }
    .page-course .main-contents .merit4 .box-row .left {
        display: block;
        margin-bottom: 1rem;
        min-height: 34vw;
        order: 2;
        margin-top: 2rem;
    }
    .page-course .main-contents .merit4 .box-row .left.regular {
        order: 1;
    }
    .page-course .main-contents .merit4 .box-row .right {
        display: block;
    }
    .page-course .main-contents .merit4 .box-row .right .text1 {
        font-size: 16px;
        margin-top: auto;
    }
    .page-course .main-contents .merit4 .box-row .right .case .text2 {
        font-size: 20px;
    }
    .page-course .main-contents .merit4 .box-row .right .case em {
        font-size: 22px;
    }
    .page-course .main-contents .merit4 .box-row .right .case .text2 {
        font-size: 14px;
    }
    .page-course .main-contents .merit4 .box-row .right .text-bottom {
        width: 100%;
    }
    .page-course .main-contents .merit4 .bottom .main-text .more {
        font-size: 26px;
    }
    .page-course .main-contents .merit4 .bottom .main-text em {
        line-height: 1.8em;
    }
    .show-pc {
        display: none;
    }
    .show-sp {
        display: block;
    }
    .page-course .main-contents .merit4 .bottom .main-text em>span {
        font-size: 46px;
    }
    .page-course .main-contents .merit4 .bottom {
        height: 16.5rem;
        background-position: 6% 90%, 90% bottom;
        background-position: 2% center, 97% center;
        background-size: 5rem, 4rem;
        padding: 1.5rem .5rem .5rem;
    }
    .page-course .main-contents .merit4 .bottom .main-text {
        font-size: 18px;
        margin-bottom: 0;
    }
    .page-course .main-contents .easy {
        padding: 1rem;
    }
    .page-course .main-contents .easy h3 {
        font-size: 26px;
        padding: 0 .5rem .5rem;
    }
    .page-course .main-contents .easy-head .sub-text {
        font-size: 16px;
    }
    .page-course .main-contents .easy-head .text {
        font-size: 14px;
    }
    .page-course .main-contents .easy section h4 {
        width: 80%;
    }
    .page-course .main-contents .easy section h4::before {
        left: -25%;
    }
    .page-course .main-contents .easy .box .teiki .buy {
        width: 100%;
    }
    .page-course .main-contents .easy .price em {
        font-size: 22px;
        text-align: center;
    }
    .page-course .main-contents .easy .price em>span {
        font-size: 33px;
    }
    .page-course .main-contents .easy .box a.btn,
    .buy .fix_submit {
        padding: .5rem;
        width: 100%;
    }
    .page-course .main-contents .easy .box .item .teiki .btn p {
        white-space: normal;
        padding-left: 1.5em;
    }
    .page-course .main-contents .box .item .teiki {
        width: 50%;
    }
    .page-course .main-contents .box .item:nth-child(2) .normal .item-image>img {
        width: 80%;
    }
    /* 支援活動 */
    .support .content-box2 .box-inner,
    .support .content-box3 .box-inner {
        height: 227px;
        padding: .5rem;
    }
    .support .content-box .circle-image {
        height: 60% !important;
    }
    .recent-entry .recent-item .recent-trim>img {
        width: auto !important;
    }
    /* PECOLA TOPページ */
    .pecola .list .post_ttl,
    .page-pecola .list .post_ttl {
        margin: 0 0 .5rem;
    }
    .taxonomy-pecola .list-text,
    .page-pecola .list-text {
        height: 9rem;
    }
    .taxonomy-pecola .list-text .top p:nth-child(3),
    .page-pecola .list-text .top p:nth-child(3) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }
    .page-support-mechanism .left,
    .page-support-mechanism .right {
        float: none;
        width: 100%;
        padding: 0;
    }
    .page-support-mechanism .inner {
        padding: .5rem;
    }
    .page-support-mechanism .main-inner {
        margin-bottom: 0;
    }
    .single-products .special .title .circle .caution.change_text {
        font-size: 9px;
    }
}


/* Extra small devices (portrait phones, less than 34em) */

@media (max-width: 33.9em) {
    .br-xs {
        display: block;
    }
    .visible-pc {
        display: none;
    }
    .visible-xs {
        display: block;
    }
    .icon-arrow-right2:before {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }
    .icon-arrow-left2:before {
        width: 20px;
        height: 20px;
        margin-left: 10px;
    }
    .list .post_links {
        margin-bottom: .5rem;
    }
    .list .post_time,
    .list .post_cat {
        font-size: x-small;
    }
    .list .post_links .post_thumb {
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
    }
    .list .post_links .post_thumb span {
        width: 80px;
        height: 120px;
    }
    .list_big .post_links .post_thumb {
        background-size: 100% auto;
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -o-background-size: 100% auto;
        -ms-background-size: 100% auto;
    }
    .list_big .post_links .post_thumb span {
        width: 100%;
        height: 120px;
    }
    .alignright {
        float: none;
        margin-left: 0 !important;
        margin-bottom: 0 !important;
    }
    .alignleft {
        float: none;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }
    .navbar-nav a {
        border-left: 0 none !important;
        border-right: 0 none !important;
    }
    .navbar .menu-item {
        float: none !important;
    }
    .navbar .sub-menu {
        padding-left: 1rem;
    }
    .main h3 {
        font-size: large;
    }
    .breadcrumb {
        font-size: small;
    }
    .share a {
        font-size: x-small;
        padding: .5em .7em;
    }
    .col-xs-min-gutter {
        padding: 0 .1rem;
    }
    #menu-item-1515 .sub-menu #menu-item-1516 {
        margin-left: 0 !important;
    }
    h1 {
        font-size: 2rem;
    }
    h2 {
        font-size: 1.4rem;
    }
    .hero,
    .hero_img {
        height: 60px;
        line-height: 60px;
    }
    .lang {
        margin-bottom: .5rem;
    }
    .btn-side-img {
        max-width: 20% !important;
    }
    .all-item-wr .all-item-button {
        margin: 0 3%;
        padding: .8rem 1.3rem;
    }
    .item-lists .item-info .item-ttl {
        font-size: 1.5em;
    }
    .about {
        background: url(/user_data/packages/default/wp_files/images/dogcat_symbol90.png) right 18% no-repeat;
    }
    .about .section-body {
        font-size: 12px !important;
        text-align: left;
        margin-left: 10%;
        width: 58%;
    }
    /* お問い合わせ */
    .page-contact .inner {
        padding: 2.5rem 1rem;
    }
    .page-contact .inner .frequency h3 {
        margin-left: 20%;
    }
    .page-contact .main .text-wrap {
        padding: 0 1rem;
    }
    .page-contact .main .form ul {
        padding: 0 1rem;
    }
    .page-contact div.wpcf7 {
        padding: 0 1rem;
    }
    /* 商品一覧 */
    .page-products .goods .category-header {
        background-position: 58%;
    }
    .page-products .goods .category-header .inner {
        width: 65%;
    }
    .page-products .category-header .inner .category-text {
        font-size: 40px;
    }
    .page-products .goods .category-header .inner .category-text {
        font-size: 50px;
    }
    .page-products .trial .banner .left .circle {
        width: 4rem;
        height: 4rem;
    }
    .page-products .trial .banner .left .circle .circle-top {
        height: 2rem;
        font-size: x-small;
    }
    .page-products .trial .banner .left .circle .circle-bottom {
        border-radius: 0 0 1.8rem 1.8rem;
        font-size: small;
        height: 1.8rem;
        width: 3.8rem;
    }
    .page-products .catfood .trial .banner .left .circle .circle-bottom {
        padding-top: 0;
    }
    .page-products .catfood .trial .banner .left .circle .circle-bottom>p {
        font-size: small;
    }
    .page-products .trial .banner .right .boxes .box {
        line-height: 1.1;
    }
    .page-products .dogfood .trial .banner .right .contents-list .content>span {
        display: block;
        margin-left: 0;
    }
    .page-products .row.items .item {
        padding: 0 .5rem;
    }
    .page-products .items .item .item-box {
        height: 13.5rem;
    }
    .page-products .items .item .item-box .product-name {
        font-size: 1.2rem;
    }
    .page-products .items .item .item-box .thumb-wrap>img {
        max-height: 87px !important;
    }
    .page-products .items .item .item-box .thumb-wrap .vol-circle {
        width: 3rem;
        height: 3rem;
    }
    .page-products .items .item .item-box .days {
        font-size: .7rem;
    }
    .page-products .items .item .item-text .product-name-jp,
    .page-products .items .item .item-text .price {
        font-size: small;
    }
    .single-products .mainarea .main-section .right {
        margin-bottom: .5rem;
    }
    .single-products .mainarea .story .inner {
        padding: 0;
    }
    .single-products .mainarea .story .figure {
        display: flex;
    }
    .single-products .mainarea .story .figure figure {
        width: calc(100%/3);
    }
    .single-products .mainarea .story .figure figure:not(:first-child) {
        margin-left: .5rem;
    }
    .single-products .mainarea .amount {
        padding: 1rem;
        margin-bottom: 5rem;
    }
    .single-products .mainarea .amount .dog-table,
    .single-products .mainarea .amount .table-caption-wrap {
        width: 100%;
    }
    .single-products .mainarea .amount .day-dog {
        bottom: -3.5rem;
        right: -1rem;
    }
    .single-products .mainarea .deal .guideline {
        padding: 0;
    }
    .single-products .mainarea .deal table th {
        width: 30%;
    }
    /* トライアルセット */
    .single-products .firstview .belt .title>span {
        display: block;
        font-size: 80%;
        margin-top: -.5rem;
        margin-bottom: .5rem;
    }
    .single-products .special .title .title-text {
        font-size: 4.9vw;
    }
    .single-products .special .title .title-text .title-en {
        font-size: 24px;
    }
    .single-products .special .title .circle .circle-text {
        margin-bottom: .1rem;
    }
    .single-products .special .set .item .texts .set-title {
        font-size: x-large;
    }
    .single-products .special .set .item .texts .set-title-jp {
        font-size: .7rem;
    }
    .single-products .special .set .item .item-image-wrap {
        margin-right: 1.5rem;
        width: 10rem;
    }
    .single-products .special .set .set-name {
        font-size: small;
        margin-bottom: 0;
    }
    .single-products .special .set .set-name-dog {
        font-size: small;
    }
    .single-products .special .set .sale .normal .price {
        font-size: medium;
    }
    .single-products .special .set .sale .normal .price .yen {
        font-size: x-small;
    }
    .single-products .special .set .sale .normal .price .tax {
        font-size: x-small;
    }
    .single-products .special .set .sale .arrow {
        width: 1rem;
    }
    .single-products .special .set .sale .discount .discount-text {
        font-size: .7rem;
    }
    .single-products .special .set .sale .discount .price {
        font-size: 25px;
    }
    .single-products .special .set .sale .discount .price .yen {
        font-size: 80%;
    }
    .single-products .special .set .sale .discount .price .tax {
        font-size: 30%;
    }
    .single-products .special .set .bonus .bonus-item .bottom {
        padding: .5rem;
    }
    .single-products .special .set .bonus .bonus-item .bottom .text-m {
        font-size: small;
    }
    .single-products .special .set .bonus .bonus-item .bottom .text-s {
        font-size: xx-small;
    }
    .single-products .special .set .bonus .bonus-item .top>img {
        margin-top: -.2rem;
        /*zoom: 1.3;*/
    }
    .single-products .special .set .bonus .free .bonus-image {
        width: 5.5rem;
    }
    .single-products .special .set .bonus .cap .bonus-image {
        top: 62%;
        width: 5rem;
    }
    .single-products .special .set .bonus .cap .bottom .text-l {
        font-size: small;
        width: 67%;
    }
    .single-products .special .bottom-text {
        font-size: .7rem;
        text-align: left !important;
    }
    .single-products .mainarea .right {
        padding: 0 1rem;
    }
    .single-products .mainarea .relate .relate-products .product {
        padding-top: 1.8rem;
    }
    .single-products .mainarea .relate .relate-products .product:nth-child(even) {
        background-color: #f0f0f0;
        padding-left: 0;
        padding-right: 0;
        width: 91%;
        margin: 0 4.5%;
    }
    .single-products .mainarea .story .bottom a.link1,
    .single-products .mainarea .story .bottom a.link2 {
        width: 48%;
        height: 21vw;
    }
    .single-products .mainarea .story .bottom a.link3 {
        width: 74vw;
        height: 22vw;
        top: 71%;
        left: 9%;
    }
    /* ブッチとは */
    .page-about .paper .br-pc {
        display: none;
    }
    .page-about .links .items .item {
        padding: .2rem;
    }
    .page-about .links .items .item>a>p {
        font-size: 10px;
        padding: 0 .3rem;
    }
    .page-about .diff .wrapper .wrap p {
        padding: 0 1rem;
    }
    .page-about .diff .paper p {
        font-size: 2.3vw;
    }
    .page-about .diff .premium .title {
        font-size: 52px;
    }
    .page-about .diff .premium .sub-title {
        font-size: 16px;
    }
    .page-about .diff .premium .inner {
        padding: 1rem;
    }
    .page-about .diff .premium .inner li {
        font-size: 12px;
    }
    .page-about .diff .premium .inner .caution {
        font-size: x-small;
    }
    .page-about .diff .premium .inner .box p {
        font-size: 9px;
    }
    /* 変化 */
    .page-about .change .content .wrap p {
        padding: 0 1rem;
    }
    /* ミートフードの特長 */
    .page-about .feature .paper h4 {
        font-size: 9px;
        margin-top: 12%;
        margin-bottom: .8rem;
    }
    .page-about .main .feature .paper p {
        font-size: 3vw;
        line-height: 1.3em;
    }
    .page-about .feature .paper .row1 p {
        margin-bottom: 0;
    }
    .page-about .feature .paper .row2,
    .page-about .feature .paper .row3,
    .page-about .feature .paper .row4,
    .page-about .feature .paper .row5,
    .page-about .feature .paper .row6 {
        margin-bottom: .3rem;
    }
    .page-about .paper .row3 .box {
        border-radius: .7rem;
        padding: .3rem 0;
    }
    .page-about .paper .row5 .box {
        border-radius: 1em;
        height: 3rem;
    }
    .page-about .paper .row5 .box>p {
        line-height: 1.2em;
    }
    .page-about .paper .row5 {
        margin-bottom: .3rem;
    }
    .page-about .paper .row7 .box {
        margin-bottom: .5rem;
    }
    .page-about .beast .paper .body>p,
    .page-about .history .paper .body>p {
        font-size: 2.5vw;
    }
    .page-about .history .paper .title-wrap:before {
        width: 2rem;
        height: 1rem;
    }
    .page-about .history .paper .body .image-wrap {
        padding-top: 1rem;
    }
    .page-about .diff .paper h4 {
        font-size: 3.5vw;
        top: 0;
        left: 33%;
    }
    .page-about .feature .paper h4 {
        font-size: 3.5vw;
        top: 2%;
        left: 20%;
    }
    .page-about .beast .paper h4,
    .page-about .history .paper h4 {
        font-size: 3.5vw;
        top: 2%;
        left: 46%;
    }
    .page-about .paper .text1,
    .page-about .paper .text2 {
        left: 14%;
        font-size: 3vw !important;
        max-width: 22em;
    }
    .page-about .diff .paper .text1 {
        left: 3%;
        max-width: 25.5em;
        width: auto;
    }
    .page-about .diff .paper .text1 {
        top: 15.5%;
    }
    .page-about .feature .paper .text1 {
        top: 14%;
        left: 34%;
    }
    .page-about .feature .paper .text2 {
        top: 37%;
        left: 30%;
        text-align: center;
    }
    .page-about .feature .paper .text3 {
        top: 54.5%;
        left: 12.5%;
        text-align: center;
    }
    .page-about .feature .paper .text4 {
        top: 53.2%;
        left: 38%;
    }
    .page-about .feature .paper .text5-2 {
        top: 71.8%;
        left: 36%;
    }
    .page-about .feature .paper .text5 {
        top: 53.3%;
        left: 67%;
    }
    .page-about .feature .paper .text6 {
        color: #fff;
        top: 76.5%;
        left: 30%;
        font-size: 3.5vw !important;
    }
    .page-about .feature .paper .text7 {
        top: 82%;
        left: 14%;
        width: 72%;
    }
    .page-about .beast .paper .text1 {
        top: 13%;
    }
    .page-about .beast .paper .text2 {
        top: 55%;
    }
    .page-about .history .paper p {
        left: 14%;
        width: auto;
    }
    .page-about .history .paper .text1 {
        top: 18%;
    }
    .page-about .history .paper .text2 {
        top: 75%;
    }
    /* お買い物ガイド */
    .page-guide .inner {
        padding: 0 0.5rem;
    }
    .page-guide .flows .flow {
        padding-left: 0;
        padding-right: 0;
    }
    .page-guide .flows .flow .clearfix {
        display: block;
    }
    .page-guide .flows .flow .left {
        display: block;
        margin-bottom: 1rem;
        text-align: center;
        width: 100%;
    }
    .page-guide .flows .flow .right {
        padding-left: 0;
        text-align: justify;
        width: 100%;
    }
    .page-guide .delivery .head .left img {
        width: 5rem;
    }
    .page-guide .delivery .head .right .bottom {
        margin-top: 1rem;
        width: 100%;
    }
    .page-guide .caution-box {
        flex-direction: column;
    }
    .page-guide .caution-box .image-wrap {
        margin-bottom: 1rem;
    }
    .page-guide .caution-box>p {
        width: 100%;
    }
    /* 定期 */
    .page-course em {
        font-size: 26px;
    }
    .page-course em>span {
        font-size: 40px;
    }
    .page-course em.size-l {
        font-size: 32px;
    }
    .page-course em.size-l>span {
        font-size: 50px;
    }
    .page-course .main-contents .head {
        height: 38vw;
    }
    .page-course .main-contents .title-belt h4 {
        font-size: 24px;
    }
    .page-course .main-contents .box .item .normal .info {
        width: 100%;
    }
    .page-course .main-contents .head>img:nth-child(2) {
        width: 14rem;
    }
    .page-course .main-contents .merit4 .box-row .right .case p {
        font-size: 23px;
    }
    .page-course .main-contents .merit4 .bottom {
        height: 21rem;
        background-position: 6% 55%, 76% 56%;
        background-size: 8rem, 4rem;
    }
    .page-course .main-contents .merit4 .bottom .bottom-text {
        padding-top: 20%;
        text-align: left;
    }
    .page-course .main-contents .box .item .teiki .arrow {
        margin-right: .5rem;
    }
    .page-course .main-contents .easy .box a.btn,
    .buy .fix_submit {
        width: 7.5rem;
    }
    .page-course .main-contents .easy .price em {
        display: block;
    }
    .page-course .main-contents .box .item .teiki .tax {
        display: block;
    }
    .page-course .main-contents .easy .box .item .teiki p {
        text-align: center;
    }
    .page-course .main-contents .easy .box .item .teiki .btn p {
        font-size: 12px;
    }
    .page-course .main-contents .easy .box .item .teiki .btn .cart-image {
        margin-top: .5rem;
    }
    .page-course .main-contents .merit4 .box-row .right .image-wrap {
        width: 37%;
    }
    /*その他 */
    .page-privacy-policy .main dl dt {
        font-size: 12px;
        padding: 0 .5rem;
    }
    .page-privacy-policy .main dl dd>p {
        font-size: 12px;
    }
    .page-corporate .intro {
        padding: 0 1rem;
    }
    .page-law .inner {
        padding: 0 1rem;
    }
    /* よくある質問 */
    .page-faq .panel-title>a {
        padding-right: 3rem;
    }
    .page-faq .panel-title .question-image,
    .page-faq .panel-collapse .answer-image {
        margin: .5rem 1rem;
    }
    .page-faq .panel-collapse .answer {
        font-size: 12px;
    }
    /* 支援活動 */
    .support .wrapper .image-box,
    .support .wrapper .content-box2,
    .support .wrapper .content-box3 {
        width: 50% !important;
    }
    .support .wrapper .image-box.width2 {
        width: 100% !important;
    }
    .support .wrapper .content-box3 {
        -webkit-order: 5;
        order: 5;
    }
    .support .wrapper .box-items>div:not(.xs1):not(.xs2):not(.xs3):not(.xs4):not(.content-box) {
        display: none;
    }
    .support .wrapper .box-items .xs1 {
        display: inline;
        -webkit-order: 1;
        order: 1;
    }
    .support .wrapper .box-items .xs2 {
        display: inline;
        -webkit-order: 2;
        order: 2;
    }
    .support .wrapper .box-items .xs3 {
        display: inline;
        -webkit-order: 6;
        order: 6;
    }
    .support .wrapper .box-items .xs4 {
        display: inline;
        -webkit-order: 7;
        order: 7;
    }
    .support .wrapper .image-box.width2 {
        overflow: hidden;
        position: relative;
        padding-top: 50%;
        width: 50% !important;
    }
    .support .wrapper .width2>img {
        height: 100% !important;
        max-width: none !important;
        width: auto !important;
        position: absolute;
        -webkit-transform: translate(-25%, -100%);
        -ms-transform: translate(-25%, -100%);
        transform: translate(-25%, -100%);
    }
    .support-cat .share .share-icon-text,
    .page-voice .share .share-icon-text,
    .voice .share .share-icon-text,
    .single-pecola .share .share-icon-text {
        display: none;
    }
    .page-voice .share a,
    .voice .share a,
    .tax-voice_cat .share a {
        font-size: small;
        padding: .5em .8em;
    }
    .support-cat .post-title .share a {
        font-size: small;
        padding: .7em .8em;
    }
    .single-pecola .share a {
        font-size: small;
        padding: .5em .8em !important;
        margin-right: .7em;
    }
    /* PECOLA TOPページ */
    .pecola .terms-wrap,
    .page-pecola .terms-wrap {
        padding-top: 0;
    }
    .pecola .mainarea .list {
        margin-bottom: 1rem;
    }
    .taxonomy-pecola .list-text,
    .page-pecola .list-text {
        height: 13rem;
    }
    .pecola .list .post_ttl,
    .page-pecola .list .post_ttl {
        height: 3.25rem;
        overflow: hidden;
    }
    .taxonomy-pecola .list-text .top p:nth-child(3),
    .page-pecola .list-text .top p:nth-child(3) {
        white-space: normal;
    }
    /* お客様の声 */
    .page-voice .post_body .profile-box,
    .voice .post_body .profile-box,
    .tax-voice_cat .post_body .profile-box {
        flex-direction: column;
    }
    .page-voice .post_body .profile-box .main-contents,
    .voice .post_body .profile-box .main-contents,
    .tax-voice_cat .post_body .profile-box .main-contents {
        flex-direction: column;
        margin-bottom: 1rem;
    }
    .page-voice .post_body .profile-box .category-list,
    .voice .post_body .profile-box .category-list,
    .tax-voice_cat .post_body .profile-box .category-list {
        flex-direction: row;
        padding-left: 0;
        margin: 0 auto;
        width: 100%;
    }
    .page-voice .post_body .profile-box .main-contents {
        align-items: initial;
    }
    .page-voice .post_body .profile-box .main-contents .image-wrap {
        text-align: center;
    }
    .page-voice .post_body .profile-box .category-list .category-name {
        margin-bottom: 0.75rem;
        margin-right: 0.5rem;
    }
    .page-voice .post_body .profile-box .category-name:not(:first-child),
    .voice .post_body .profile-box .category-name:not(:first-child),
    .tax-voice_cat .post_body .profile-box .category-name:not(:first-child) {
        margin-top: 0;
    }
    .tax-voice_cat .post_body .profile-box .image-wrap,
    .page-voice .post_body .profile-box .image-wrap,
    .voice .post_body .profile-box .image-wrap {
        margin: 0 0 1rem 0;
    }
    /* course complete page */
    .page-course-complete .container {
        padding: 5%;
    }
    .page-course-complete .btnc {
        position: absolute;
        top: 31%;
        left: 30%;
        width: 40%;
    }
}


/* ------------------------------------
// ワンダフルトラベルニャンペーン
------------------------------------ */

.cpn_wrapper .content02,
.cpn_wrapper .content06,
.cpn_wrapper .content07,
.cpn_wrapper .content08,
.cpn_wrapper .content09,
.cpn_wrapper .content10,
.cpn_wrapper .content11 {
    position: relative;
}

.cpn_wrapper .content02 .content-text {
    position: absolute;
    top: 36%;
    left: 0;
    right: 0;
    max-width: 500px;
    margin: auto;
}

.cpn_wrapper .content02 .content-text p {
    font-size: 1em;
    text-align: center;
}

.cpn_wrapper .content02 .content-text .cpn-period {
    border: 1px solid #ae9262;
}

.cpn_wrapper .content02 .content-text .period-text {
    font-size: 1.2em;
}

.cpn_wrapper .content02 .content-text .bottom-text {
    text-align: right;
}

.cpn_wrapper .content06 .content-text {
    position: absolute;
    width: 38%;
    top: 36%;
    right: calc(10%);
    color: #fff;
}

.cpn_wrapper .content07 .content-text {
    position: absolute;
    width: 38%;
    top: 50%;
    left: calc(12%);
    text-align: center;
    color: #fff;
}

.content07 .ambassador {
    position: inherit;
    right: 0;
    width: 170px;
}

.cpn_wrapper .content08 .cpnbox-01 {
    position: absolute;
    top: 42%;
    left: 0;
    right: 0;
    max-width: 60%;
    margin: auto;
}

.cpn_wrapper .content08 .cpnbox-01 .box01,
.cpn_wrapper .content08 .cpnbox-01 .box02,
.cpn_wrapper .content08 .cpnbox-01 .box03 {
    float: left;
    width: calc(100%/3);
}

.cpn_wrapper .content08 .cpnbox-02 {
    position: absolute;
    top: 87%;
    left: 0;
    right: 0;
    max-width: 500px;
    margin: auto;
}

.cpn_wrapper .content08 .cpnbox-02 .box04,
.cpn_wrapper .content08 .cpnbox-02 .box05 {
    float: left;
    width: calc(100%/2);
}

.cpn_wrapper .content09 .content-btn {
    position: absolute;
    top: 73%;
    left: 0;
    right: 0;
    max-width: 62%;
    margin: auto;
}

.cpn_wrapper .content10 .content-btn {
    position: absolute;
    display: inline-block;
    top: 60%;
    left: 0;
    right: 0;
    max-width: 45%;
    margin: 0 auto;
}

.cpn_wrapper .content10 .content-btn img {
    width: calc(100%/2.5);
}

.cpn_wrapper .content11 .content-text {
    position: absolute;
    top: 0px;
    margin: 0 140px;
}

.cpn_wrapper .content12 {
    position: static;
}

.cpn_wrapper hr {
    margin: 0.5rem 0;
}

.cpn-btn01,
.cpn-btn02,
.cpn-btn03 {
    float: left;
    width: calc(100%/3);
}

.cpn_wrapper h3.cpn-title {
    background-color: #ae9262;
    border: none;
    color: #fff;
    font-weight: 500;
    margin-bottom: 1rem;
}

.color-cpn {
    color: #ae9262;
    font-weight: bolder;
}


/* Extra small devices (portrait phones, less than 34em) */

@media (max-width: 33.9em) {
    .cpn_wrapper .content02 .content-text {
        top: 26%;
        padding: 0 5%;
    }
    .cpn_wrapper .content02 .content-text p {
        font-size: 1em;
        text-align: center;
        letter-spacing: 0;
        margin-bottom: 0.3rem;
    }
    .cpn_wrapper .content02 .content-text h3 {
        margin-bottom: 0.3rem;
    }
    .cpn_wrapper .content06 .content-text {
        width: 27em;
        top: 11%;
        right: 0;
        left: 0;
        margin: auto;
    }
    .cpn_wrapper .content07 .content-text {
        width: 27em;
        top: 10%;
        left: 0;
        right: 0;
        margin: auto;
    }
    .content07 .ambassador {
        position: initial;
        width: initial;
    }
    .cpn_wrapper .content08 .cpnbox-01,
    .cpn_wrapper .content08 .cpnbox-02 {
        position: initial;
    }
    .cpn_wrapper .content08 .cpnbox-01 .box01 {
        position: absolute;
        float: none;
        width: 56%;
        top: 13%;
        left: 40%;
    }
    .cpn_wrapper .content08 .cpnbox-01 .box02 {
        position: absolute;
        float: none;
        width: 56%;
        top: 32%;
        left: 40%;
    }
    .cpn_wrapper .content08 .cpnbox-01 .box03 {
        position: absolute;
        float: none;
        width: 56%;
        top: 51%;
        left: 40%;
    }
    .cpn_wrapper .content08 .cpnbox-02 .box04 {
        position: absolute;
        float: none;
        width: 56%;
        top: 68%;
        left: 40%;
    }
    .cpn_wrapper .content08 .cpnbox-02 .box05 {
        position: absolute;
        float: none;
        width: 56%;
        top: 86%;
        left: 40%;
    }
    .cpn_wrapper .content09 .content-btn {
        position: initial;
    }
    .cpn_wrapper .content09 .content-btn .cpn-btn01 {
        position: absolute;
        float: none;
        width: initial;
        top: 24%;
    }
    .cpn_wrapper .content09 .content-btn .cpn-btn02 {
        position: absolute;
        float: none;
        width: initial;
        top: 53%;
    }
    .cpn_wrapper .content09 .content-btn .cpn-btn03 {
        position: absolute;
        float: none;
        width: initial;
        top: 83%;
    }
    /*
.cpn_wrapper .content09 .content-btn .cpn-btn #dog-tri{
    position: absolute;
    float: none;
    width: initial;
    top: 24%;
} */
    .cpn_wrapper .content10 .content-btn {
        max-width: 80%;
    }
    .cpn_wrapper .content11 .content-text {
        margin: 0 7%;
    }
    .cpn_wrapper .content11 .content-text p {
        font-size: 0.8rem;
    }
}


/* iPhone5 応急処置 */

@media (max-width: 320px) {
    .cpn_wrapper .content02 .content-text h3 {
        margin-bottom: 0.2rem;
        padding: 0.2rem;
    }
    .cpn_wrapper .content02 .content-text .bottom-text {
        text-align: left;
    }
    .cpn_wrapper .content06 .content-text,
    .cpn_wrapper .content07 .content-text {
        width: 17rem;
    }
    .cpn_wrapper .content06 .content-text p,
    .cpn_wrapper .content07 .content-text p {
        font-size: 12px;
        margin-bottom: 0;
    }
    .cpn_wrapper .content08 .cpnbox-01 p,
    .cpn_wrapper .content08 .cpnbox-02 p {
        font-size: 12px;
    }
    .cpn_wrapper .content09 .content-btn>div {
        left: 0;
        right: 0;
        margin: 0 3rem;
    }
    .cpn_wrapper .content11 img.visible-xs {
        height: 1550px !important;
    }
}

@media (max-width: 520px) {
    .page-course .main-contents .merit4 .bottom {
        height: 23rem;
    }
}

@media (max-width: 414px) {
    .page-course .main-contents .merit4 .bottom {
        height: 21rem;
    }
}


/*phuong edit_11_09*/

.only_pc {
    display: block;
}

.only_sp {
    display: none;
}

.only_765 {
    display: none;
}

.only_pcs {
    display: block;
}

@media screen and (max-width: 1024px) {
    .only_pc {
        display: none;
    }
    .only_sp {
        display: block;
    }
}

@media screen and (max-width: 765px) {
    .only_765 {
        display: block;
    }
    .only_pcs {
        display: none;
    }
}

#carousel-generic .carousel-inner {
    height: calc(100vh - 100px);
}


/*#carousel-generic .carousel-inner{
    height: 93vh;
  }*/


/* @media only screen  and (max-width : 1680px) {
#carousel-generic .carousel-inner{
    height: 91vh;
  }
}
@media only screen  and (max-width : 1400px) {
#carousel-generic .carousel-inner{
    height: 76vh;
  }
}
@media only screen  and (max-width : 1366px) {
#carousel-generic .carousel-inner{
    height: 100vh;
  }
}
@media screen and (max-width: 1366px) and (max-height: 1024px) {

#carousel-generic .carousel-inner{
    height: 74vh;
  }
}
@media only screen  and (max-width : 1280px) {
#carousel-generic .carousel-inner{
    height: 93vh;
  }
}

@media screen and (max-width: 1024px){
  #carousel-generic .carousel-inner{
    height: 100%;
  }
}*/

.catch-copy .btn_slider a {
    font-size: 1vw;
    padding: 0.5vw 1vw 0.5vw 0;
    border-bottom: 2px solid #fff;
    color: #fff !important;
    display: inline-block;
    position: relative;
}

.catch-copy .btn_slider a:hover {
    opacity: 0.7;
}

.catch-copy .btn_slider a:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: -0.2rem;
}

.catch-copy .btn_slider {
    text-align: center;
}

.section-title-dclink {
    text-align: center;
    margin: 1.5rem auto 2.5rem;
}

.section-title-dclink-span {
    border-bottom: 1px solid;
    font-size: medium;
    padding: .5rem 1rem;
}

.ul_link ul {
    display: block;
    text-align: center;
    list-style: none;
    margin-bottom: 1.5rem;
    padding-left: 0;
}

.ul_link ul li {
    display: inline-block;
    margin-right: 15px;
}

.ul_link ul li:last-child {
    margin-right: 0;
}

.ul_link ul li a:hover {
    background: rgba(119, 119, 119, 0.1);
}

.btn-down {
    text-align: center;
}

.btn-down a {
    display: inline-block;
    line-height: 20px;
}

.bounce-arrow {
    -webkit-animation: bounce-arrow 2s infinite;
    animation: bounce-arrow 2s infinite;
}

.bounce-arrow:hover {
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

@-webkit-keyframes bounce-arrow {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-10px);
    }
    60% {
        -webkit-transform: translateY(-5px);
    }
}

@keyframes bounce-arrow {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

.about_box_sup {
    max-width: 48rem;
    margin: 2rem auto 0;
}

.about_box_sup .box {
    width: 31.8em;
    height: 31.8em;
    padding: 4.5rem;
    float: left;
}

.about_box_sup .box.box_01 {
    background-color: #fffa66;
}

.about_box_sup .box.box_01 .box-head {
    color: #000;
}

.about_box_sup .box.box_02 .box-head {
    color: #fff;
}

.about_box_sup .box.box_02 {
    background-color: #71c6c6;
}

.about_box_sup .box .box-inner {
    border-color: #fff;
}

.about_box_sup .box .box-inner .circle-image {
    height: 70% !important;
    margin-bottom: 1rem;
}

.about_box_sup .box .box-inner .box-head {
    font-size: medium;
    margin-bottom: 0;
    /* color: #fff;*/
}

.about_box_sup .box .box-inner .box-head:after {
    content: '>';
    margin-left: 1rem;
}

.page-course .merit .contents .four .box .box-inner.box_inner_spec {
    padding: .25rem;
}

.page-course .merit .contents .four .box .box-inner.box_inner_spec sup {
    font-size: 100%;
}

.pecola .intro,
.page-pecola .intro,
.page-voice .intro {
    font-size: 0.7rem;
}

@media screen and (max-width: 765px) {
    .about_box_sup .box {
        width: 50%;
        height: 17.5rem;
        padding: 2.5rem;
        float: left;
    }
    .about_box_sup .box .box-inner .circle-image {
        height: auto !important;
    }
    section.about_support {
        padding-right: .9375rem;
        padding-left: .9375rem;
    }
    #carousel-generic .carousel-inner {
        height: auto !important;
    }
}


/*course page - phuong_edit*/

.talkbubble {
    width: 140px;
    height: 56px;
    background: #ae9262;
    position: relative;
    text-align: center;
    color: #fff;
    vertical-align: middle;
    line-height: 56px;
    font-size: 1.4rem;
    font-weight: bold;
}

.talkbubble.talkbubble_02 {
    font-size: 0.9rem;
    line-height: 18px;
    padding-top: 10px;
}

.talkbubble:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-top: 28px solid transparent;
    border-left: 20px solid #ae9262;
    border-bottom: 28px solid transparent;
}

.box_example .talkbubble {
    float: left;
    margin: 30px;
}

.box_example p {
    float: left;
    margin: 40px 10px;
}

.box_knife {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.knife {
    float: left;
    align-self: flex-end;
    margin-right: 5%;
}

.knife:last-child {
    margin-right: 0;
}

.knife.sign,
.knife.knife_price {
    align-self: center;
    margin-top: 15px;
}

.page-course .sup-knife {
    font-size: 0.8rem;
    top: -3rem;
}

.page-course .main-contents .knife_price {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

.page-course .main-contents .knife_price small {
    font-size: 18px;
    font-weight: bold;
}

.page-course .main-contents .knife_small {
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.box_knife_02 .knife_top {
    align-self: center;
}

.box_knife_02 .knife {
    margin-right: 3%;
}

.box_knife_02 .knife:last-child {
    margin-right: 0;
}

.page-course .main-contents .knife_price.special {
    color: #d90012;
    font-size: 45px;
    line-height: 2.5rem;
}

.box_knife_02 .knife:last-child small {
    color: #333333;
}

.box_knife_02 .knife:last-child span {
    font-size: 25px;
}

.page-course .main-contents .merit4 .bottom {
    border-top: 1px solid #000;
}

.section-box.merit4 .bottom .bottom-text {
    text-align: left;
}

.section-box.merit4 .bottom-text {
    text-align: right;
}

.knife.all {
    display: none;
}

.page-course .main-contents .knife_price span {
    font-size: 18px;
}


/*edit page top*/

#menu-item-1515 .sub-menu #menu-item-1516 {
    margin-left: 24%;
}

@media (max-width: 47.9em) {
    .box_knife_02 .knife {
        margin-right: 2%;
    }
    .page-course .main-contents .merit4 .bottom {
        height: 19.5rem;
    }
    .page-course .main-contents .knife_small {
        font-size: 11px;
    }
    .box_example .talkbubble {
        margin: 30px auto;
        float: none;
    }
    .talkbubble {
        width: 95%;
        padding: 0.4rem;
        line-height: normal;
        height: auto;
    }
    .talkbubble:before {
        content: "";
        position: absolute;
        left: 44%;
        top: 100%;
        width: 0;
        height: 0;
        border-bottom: 0;
        border-left: 26px solid transparent;
        border-right: 26px solid transparent;
        border-top: 18px solid #ae9262;
    }
    .talkbubble.talkbubble_02 {
        font-size: 1.3rem;
        line-height: normal;
        height: auto;
    }
    .box_example p {
        float: none;
        margin: 0 2%;
    }
    .box_knife {
        width: 95%;
        margin: 0 auto;
    }
    .page-course .main-contents .knife_price small {
        font-size: 16px;
    }
    .knife {
        width: 25%;
    }
    .page-course .main-contents .knife_price {
        font-size: 20px;
    }
    .page-course .main-contents .knife_price small {
        font-size: 14px;
    }
    .knife.sign {
        width: 4%;
    }
    .box_knife.box_knife_02 {
        flex-flow: row wrap;
    }
    .knife.knife_price .knife_price small {
        font-size: 10px;
    }
    .knife.knife_price .knife_price span {
        font-size: 14px;
    }
    .box_knife_02 .knife.sign {
        width: 4%;
    }
    .box_knife_02 .knife {
        width: 25%;
    }
    .box_knife.box_knife_02 .sign.sign_last {
        -ms-transform: rotate(90deg);
        /* IE 9 */
        -webkit-transform: rotate(90deg);
        /* Safari 3-8 */
        transform: rotate(90deg);
        margin-left: 3%;
        margin-top: 5%;
        width: 6%;
    }
    .box_knife.box_knife_02 .knife:last-child {
        width: 100%;
    }
    .box_knife_02 .knife.knife_price .knife_price small {
        font-size: 18px;
    }
    .box_knife_02 .knife.knife_price .knife_price span {
        font-size: 20px;
    }
    .section-box.merit4 .bottom-text {
        margin-top: 3%;
    }
    .knife.all {
        display: block;
        width: 100%;
        margin: auto;
    }
    /*edit page top*/
    #menu-item-1516 .sub-menu #menu-item-1516 {
        margin-left: 0;
    }
}

@media (max-width: 33.9em) {
    .knife {
        float: left;
        align-self: flex-end;
        margin-right: 3%;
    }
    .page-course .main-contents .merit4 .bottom {
        height: 26.5rem;
        background-position: 6% 56%, 76% 53%;
    }
    .talkbubble.talkbubble_02 {
        font-size: 1.1rem;
        line-height: normal;
        height: auto;
    }
    .knife.knife_price .knife_price small {
        font-size: 9px;
    }
    .page-course .main-contents .knife_price {
        font-size: 17px;
    }
    #text-6,
    #text-8 {
        display: inline-block;
        width: 100%;
        padding: 0;
    }
    .sp-facebook-btn .replace-svg,
    .sp-twitter-btn .replace-svg {
        width: 100px;
        height: 100px;
    }
    .page-course .main-contents .box p {
        margin-bottom: 1rem;
    }
}


/*phuong edit page TOP*/

.about .section-title {
    font-size: 23px;
}

.about .section-body {
    font-size: 15px;
}

.about .about-button,
.all-item-wr .all-item-button {
    font-size: 17px;
}

.about .notice {
    font-size: 10px;
    padding: 1rem;
}

.section-title-dclink-span {
    font-size: 19px;
    font-weight: bold;
}

.cat-ttl .cat-ttl-en {
    font-size: 1.9375rem;
}

.item-head .cat-body {
    font-size: 15px;
    line-height: 2;
}

.item-info-head {
    font-size: 15px;
}

.item-lists .item-info .item-ttl-en {
    font-size: 27px;
}

.item-lists .item-info .item-ttl-jp {
    font-size: 12px;
}

.item-lists .item-info .item-sub {
    font-size: 12px;
}

.item-lists .item-info .item-under {
    font-size: 12px;
}

.news .news-ttl {
    font-size: 21px;
}

.news-contents {
    font-size: 12px;
}

footer .footer-in-box .ttl span {
    font-size: 17px;
}

.footer-contents-list {
    font-size: 14px;
}

.reading-wrapper .box-text-wrap a p {
    font-size: .9rem;
    margin-bottom: .3rem;
    line-height: 1.35;
}

.beginer .boxes .box .box-text-wrap,
.reading .boxes .box .box-text-wrap {
    height: 2.5rem;
}

.label {
    font-size: 12px;
}

#text-22 .textwidget {
    font-size: 14px;
}

footer .ttl span {
    padding: .25em 0;
}


/*about*/

.page-id-128 .firstview .intro-text {
    display: none;
}

.butch_wish .about_txt01 {
    margin-bottom: 40px;
}

.butch_wish .about_txt02 {
    margin-bottom: 70px;
}

.butch_wish {
    max-width: 1286px;
    margin: 0 auto;
    position: relative;
}

.wish:after {
    background: url(/user_data/packages/default/wp_files/images/3chan.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0%;
    bottom: 7%;
    z-index: 999;
    width: 104px;
    height: 133px;
}

.about_txt {
    max-width: 700px;
    margin: 0 auto;
}

.wish {
    max-width: 1286px;
    margin: 0 auto;
    position: relative;
}

.about_txt_end {
    text-align: right;
    margin-bottom: 70px;
}

.wish_btn_list {
    display: block;
}

.wish_btn_list .wish_btn_item {
    display: inline-block;
    position: absolute;
    bottom: 15%;
}

.wish_btn_list .wish_btn_item a {
    padding: 0.5rem 2rem 0.5rem 1rem;
    border-radius: 20px;
    border: 1px solid;
    display: inline-block;
    font-size: 1rem;
}

.wish_btn_list .wish_btn_item a:after {
    content: '';
    display: block;
    width: .4em;
    height: .4em;
    color: #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    margin-top: -.1em;
    top: 54%;
    right: 1.3em;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    -o-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}

.wish_btn_list .wish_btn_item.blue_btn {
    left: 17.5%;
}

.wish_btn_list .wish_btn_item.blue_btn a {
    border-color: #4684bd;
    color: #4684bd;
}

.wish_btn_list .wish_btn_item.blue_btn a:hover {
    background-color: #4684bd;
    color: #fff;
}

.wish_btn_list .wish_btn_item.blue_btn a:after {
    content: '';
    border-top: 1px solid #4684bd;
    border-right: 1px solid #4684bd;
}

.wish_btn_list .wish_btn_item.red_btn a {
    border-color: #d64251;
    color: #d64251;
}

.wish_btn_list .wish_btn_item.red_btn a:hover {
    background-color: #d64251;
    color: #fff;
}

.wish_btn_list .wish_btn_item.red_btn {
    left: 43%;
}

.wish_btn_list .wish_btn_item.red_btn a:after {
    content: '';
    border-top: 1px solid #d64251;
    border-right: 1px solid #d64251;
}

.wish_btn_list .wish_btn_item.green_btn a {
    border-color: #178c39;
    color: #178c39;
}

.wish_btn_list .wish_btn_item.green_btn a:hover {
    background-color: #178c39;
    color: #fff;
}

.wish_btn_list .wish_btn_item.green_btn {
    right: 19.5%;
}

.wish_btn_list .wish_btn_item.green_btn a:after {
    content: '';
    border-top: 1px solid #178c39;
    border-right: 1px solid #178c39;
}

.wish_btn_list .wish_btn_item a:hover:after {
    content: '';
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.about_img_addnew {
    position: relative;
}

.about_img_addnew:after {
    content: '';
    background: url(/user_data/packages/default/wp_files/images/bg_foot_dog.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: -16%;
    top: -34%;
    z-index: 999;
    width: 94px;
    height: 178px;
}

.wish_img {
    position: relative;
}

.wish_img:before {
    content: '';
    background: url(/user_data/packages/default/wp_files/images/3chan.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 8%;
    top: -16%;
    z-index: 999;
    width: 104px;
    height: 133px;
}

.wish_img:after {
    content: '';
    background: url(/user_data/packages/default/wp_files/images/3_2chan.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: -3%;
    bottom: 1%;
    z-index: 999;
    width: 104px;
    height: 133px;
}

.page-contact .about-button {
    background: rgb(35, 37, 132);
    color: #fff;
    font-size: 1rem;
    position: relative;
}

.page-contact .about-button:hover {
    background: rgb(70, 72, 154);
}

.page-contact .about-button:after {
    content: '';
    display: block;
    width: .4em;
    height: .4em;
    color: #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    margin-top: -.1em;
    top: 54%;
    right: 1.3em;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    -o-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}

.banner-top {
    text-align: center;
    bottom: 0;
    text-align: center;
    position: absolute;
    width: 100%;
    background: url(/user_data/packages/default/wp_files/images/1290_60_blue5_190905_2.png) center;
    background-color: #dff2fc;
    height: 60px;
    background-repeat: no-repeat;
}

.banner-top-pc {
    display: block;
}

.banner-top-sp {
    display: none;
}


/*.carousel-item:after{
    content:url(/user_data/packages/default/wp_files/images/1290_60_blue5_190905_2.png);
    position:absolute;
    width:100%;
    text-align:center;
    bottom:0;
    background-color:#dff2fc;
    
}*/

@media screen and (max-width: 1200px) {
    .wish_btn_list .wish_btn_item a {
        padding: 0.25rem 1.5rem 0.25rem 1rem;
        border-radius: 20px;
        border: 1px solid;
        display: inline-block;
        font-size: 1rem;
    }
    .wish_btn_list .wish_btn_item.red_btn {
        left: 43%;
    }
    .wish_btn_list .wish_btn_item.green_btn {
        right: 19.5%;
    }
    .wish_img:after {
        content: '';
        background: url(/user_data/packages/default/wp_files/images/3_2chan.png) no-repeat;
        background-size: cover;
        position: absolute;
        right: 0%;
        bottom: 1%;
        z-index: 999;
        width: 104px;
        height: 133px;
    }
}

@media screen and (max-width: 1024px) {
    .wish_btn_list .wish_btn_item.red_btn {
        left: 41%;
    }
    .wish_btn_list .wish_btn_item.green_btn {
        right: 18%;
    }
    .wish_btn_list .wish_btn_item.blue_btn {
        left: 16.5%;
    }
    .banner-top {
        bottom: 0;
    }
}

@media screen and (max-width: 978px) {
    .wish_btn_list .wish_btn_item a {
        padding: 0.25rem 1.5rem 0.25rem 1rem;
        border-radius: 20px;
        border: 1px solid;
        display: inline-block;
        font-size: 0.7rem;
    }
    .wish_btn_list .wish_btn_item.green_btn {
        right: 20%;
    }
    .wish_btn_list .wish_btn_item.red_btn {
        left: 42.5%;
    }
    .wish_btn_list .wish_btn_item.blue_btn {
        left: 17%;
    }
}

@media screen and (max-width: 950px) {
    .banner-top {
        background-size: 100%
    }
}

@media screen and (min-width: 769px) {
    .line-account-wrap .line-account-sp {
        display: none!important;
    }
    .show_spss {
        display: none!important;
    }
    .postid-3266.single-products .special .set .item {
        width: calc(96%/2);
    }
    .postid-3266.single-products .special .set .item .item-image-wrap>img {
        width: 60%;
        margin: 0 auto;
    }
    .product-category.goods .items .item:last-child .sentence {
        margin-bottom: -5px;
    }
}

@media screen and (max-width: 768px) {
    .banner_gift {
        text-align: center;
        margin-bottom: 15px;
    }
    .banner_gift a {
        display: inline-block;
    }
    .wish_btn_list .wish_btn_item.green_btn {
        right: 17.5%;
    }
    .wish_btn_list .wish_btn_item.red_btn {
        left: 41.5%;
    }
    .wish_btn_list .wish_btn_item.blue_btn {
        left: 16%;
    }
    .line-account-wrap .line-account {
        display: none!important;
    }
    .show_pcss {
        display: none!important;
    }
    #carousel-generic .carousel-inner {
        height: calc(73vh - 73px);
    }
    .mgt20 {
        margin-top: 20px;
        display: inline-block;
    }
}

@media screen and (max-width: 767px) {
    .widget .settlement-box-bottom>p {
        font-size: .9em;
        line-height: 0.9;
    }
    .banner-top {
        bottom: 0;
    }
    .item-05 .catch-copy {
        top: 55%;
        left: 50%;
        bottom: 1%;
        width: 96%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media screen and (max-width: 766px) {
    .banner-top-pc {
        display: none;
    }
    .banner-top-sp {
        display: block;
    }
    .banner-top {
        background: url(/user_data/packages/default/wp_files/images/728_90_blue_5.png) center bottom;
        background-size: 100% auto;
        background-repeat: no-repeat;
        height: 90px;
    }
}

@media screen and (max-width: 765px) {
    .butch_wish {
        max-width: 85%;
        margin: 0 auto;
    }
    .about_txt_end {
        margin-bottom: 2.5rem;
    }
    .butch_wish .about_txt02 {
        margin-bottom: 2rem;
    }
    .butch_wish .about_txt01 {
        margin-bottom: 1rem;
    }
    .wish_btn_list .wish_btn_item {
        width: 32%;
        left: 33%;
    }
    .wish_btn_list .wish_btn_item a {
        text-indent: 0;
        padding: 0;
        border-radius: 0;
        border: none;
    }
    .wish_btn_list .wish_btn_item.blue_btn {
        bottom: 56%;
        left: 33%;
    }
    .wish_btn_list .wish_btn_item.red_btn {
        left: 33%;
        bottom: 30%;
    }
    .wish_btn_list .wish_btn_item.green_btn {
        right: 35%;
        bottom: 4%;
    }
    .wish_btn_list .wish_btn_item.blue_btn a {
        border-color: transparent;
        color: transparent;
    }
    .wish_btn_list .wish_btn_item.red_btn a {
        border-color: transparent;
        color: transparent;
    }
    .wish_btn_list .wish_btn_item.green_btn a {
        border-color: transparent;
        color: transparent;
    }
    .wish_btn_list .wish_btn_item a:after {
        content: '';
        border-top: none;
        border-right: none;
    }
    .wish_btn_list .wish_btn_item.blue_btn a:after {
        content: '';
        border-top: none;
        border-right: none;
    }
    .wish_btn_list .wish_btn_item.red_btn a:after {
        content: '';
        border-top: none;
        border-right: none;
    }
    .wish_btn_list .wish_btn_item.green_btn a:after {
        content: '';
        border-top: none;
        border-right: none;
    }
    .wish_btn_list .wish_btn_item a:hover {
        opacity: 0.7;
    }
    .wish_btn_list .wish_btn_item.blue_btn a:hover {
        background-color: transparent;
        color: transparent;
    }
    .wish_btn_list .wish_btn_item.red_btn a:hover {
        background-color: transparent;
        color: transparent;
    }
    .wish_btn_list .wish_btn_item.green_btn a:hover {
        background-color: transparent;
        color: transparent;
    }
    .wish_img:after {
        content: '';
        background: url(/user_data/packages/default/wp_files/images/3_2chan.png) no-repeat;
        background-size: cover;
        position: absolute;
        right: -5%;
        bottom: -1%;
        z-index: 999;
        width: 48px;
        height: 65px;
    }
    .navbar.fixed {
        margin-top: 0;
        position: relative;
        top: 0;
    }
    .catch-copy .btn_slider a {
        border-bottom: 1px solid #fff;
    }
    #menu-item-142,
    #menu-item-1373,
    #menu-item-606 {
        border-top: 1px solid #232584;
    }
    #menu-item-242 a,
    #menu-item-1367 a,
    #menu-item-1372 a,
    #menu-item-1517 a {
        border-bottom: none;
    }
    .page-about .fv {
        background-position: 60%;
        margin-bottom: 2rem;
        background-size: 140%;
    }
    .page-course .fv {
        background-position: 40%;
        margin-bottom: 2rem;
        background-size: 140%;
    }
    .pecola .fv,
    .page-pecola .fv {
        background-position: 62%;
        background-size: 140%;
    }
    .tax-voice_cat .fv,
    .page-voice .fv,
    .voice .fv {
        background-position: 30%;
        background-size: 140%;
    }
    .page .fv,
    .single .fv,
    .archive .fv {
        height: 24vh;
    }
    .item-head .cat-body {
        padding: 0.75rem;
        letter-spacing: 0.275px;
    }
    .wish_img:before {
        content: '';
        background: url(/user_data/packages/default/wp_files/images/3chan.png) no-repeat;
        background-size: cover;
        position: absolute;
        left: 8%;
        top: -8%;
        z-index: 999;
        width: 104px;
        height: 133px;
    }
    .single-products .mainarea .right .buy form button.fix_spp {
        padding-top: 1em;
        padding-bottom: 1em;
    }
}

@media screen and (max-width: 414px) {
    .ul_link ul {
        padding-left: 0;
        margin: 0 auto 1.5rem;
    }
    .ul_link ul li {
        font-size: 11px;
        margin-right: 6px;
    }
    .catch-copy .btn_slider a {
        font-size: x-small;
    }
    .catch-copy h3 {
        font-size: 3.5vw;
    }
    .page-about .feature .head {
        height: 260px;
    }
    .page-about .beast .head {
        height: 270px;
    }
    .item-03 .catch-copy {
        right: -35%;
    }
    .item-01 .catch-copy {
        left: 28%;
    }
    #home #twitter-widget-0 {
        height: 250px !important;
    }
    .fb-page span {
        height: 250px !important;
    }
    .page-course .main-contents .merit4 .bottom {
        height: 25.5rem;
        background-position: 5% 44%, 76% 43%;
    }
    .item-head .cat-body {
        font-size: 12px;
    }
    .page-course .sup-knife {
        top: -2rem;
    }
    .wish_img:before {
        content: '';
        background: url(/user_data/packages/default/wp_files/images/3chan.png) no-repeat;
        background-size: cover;
        position: absolute;
        left: 2%;
        top: -8%;
        z-index: 999;
        width: 50px;
        height: 62px;
    }
    .about_img_addnew:after {
        content: '';
        background: url(/user_data/packages/default/wp_files/images/bg_foot_dog.png) no-repeat;
        background-size: contain;
        position: absolute;
        right: -7%;
        top: -21%;
        z-index: 999;
        width: calc(80/750*100vw);
        height: 90px;
    }
    .page-course .main-contents .box .item:nth-child(2) .normal .item-image>img {
        width: 90%;
    }
    .page-course .main-contents .box p {
        margin-bottom: 0.25rem;
    }
    .page-course .main-contents .easy .box .item .teiki .btn p {
        margin-bottom: 0;
    }
}

.notice_list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.notice_list li:not(:last-child) {
    margin-bottom: 10px;
}

.notice_list li img {
    display: inline-block;
    max-width: 39px!important;
    vertical-align: middle;
}

.notice_list li .over_text {
    font-size: 14px;
    letter-spacing: .05em;
    line-height: 1.7em;
    width: calc(100% - 39px);
    width: -moz-calc(100% - 39px);
    width: -webkit-calc(100% - 39px);
    width: -o-calc(100% - 39px);
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
}


/* .postid-1707 .flex-direction-nav,
.postid-1707 .flex-control-nav,
.postid-1715 .flex-direction-nav,
.postid-1715 .flex-control-nav,
.postid-1721 .flex-direction-nav,
.postid-1721 .flex-control-nav,
.postid-1724 .flex-direction-nav,
.postid-1724 .flex-control-nav{display:none!important;} */

.postid-2450 .flex-direction-nav,
.postid-2451 .flex-direction-nav,
.postid-2453 .flex-direction-nav,
.postid-2455 .flex-direction-nav {
    display: none!important;
}

.single-products .mainarea .right .info .name-en .ct_font {
    display: inline-block;
    font-size: 80%;
}

.yellow_line {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 75%, #FFFF82 0%) repeat scroll 0 0;
}


/*@media screen and (min-width: 1600px) {
    #carousel-generic .carousel-inner {
         height: calc(100vh - 100px); 
    }
}*/


/* Custom css */

.single-products .mainarea .amount .tables {
    display: flex;
    justify-content: space-between;
}

.table-caption-wrap-box {
    display: flex;
}

.table-caption-wrap-box .box-item {
    text-align: center;
}

.table-caption-wrap-box .box-item__title {
    padding: 0 1rem;
}

.table-caption-wrap-box br {
    display: none;
}

@media (min-width: 1201px) {
    .table-caption-wrap-box .box-item:first-child .box-item__title {
        margin-bottom: 38px;
    }
}

@media (max-width: 767px) {
    .single-products .mainarea .amount .tables {
        flex-wrap: wrap;
    }
    .table-caption-wrap-box .box-item:first-child .box-item__title {
        margin-bottom: 38px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .table-caption-wrap-box {
        flex-wrap: wrap;
        justify-content: center;
    }
    .table-caption-wrap-box .box-item__title {
        padding: 0;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .table-caption-wrap-box .box-item:first-child {
        margin-bottom: .75rem;
    }
    .table-caption-wrap-box .box-item__title {
        margin-bottom: .3rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .table-caption-wrap-box .box-item:first-child {
        margin-bottom: 1.25rem;
    }
    .table-caption-wrap-box .box-item__title {
        margin-bottom: .75rem;
    }
    .table-caption-wrap-box br {
        display: block;
    }
}