@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	/**/
.article ul,
.article ol,
.is-style-whiteboard1 ul.whiteboard1_list{
	padding-left:0px;
}

/**/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.article ul,
.article ol,
.is-style-whiteboard1 ul.whiteboard1_list{
	padding-left:0px;
}
}

/************************************
** 以下、コラム用スタイル
************************************/
/*リセット*/
ol,
ul {
    list-style: none;
    padding: 0;
}

a:hover {
    opacity: 0.8;
}
/*リセット*/
/*共通*/
.article p,
.blank-box.sticky,
.body .blank-box{
	margin-bottom:1rem;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}

:root {
    --main-color: #0088cc;
    --title-color: #fefefe;
}

html {
    font-size: 62.5%;
    box-sizing: border-box;
}


body {
    font-size: 1.4rem;
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    counter-reset: number 0;
    /*min-width: 150rem; 横幅問題*/
}
/**/
.article ul,
.article ol,
{
	padding-left:0;
}
.faq-question-content.faq-item-content.faq-question-content.faq-item-content{
	padding-right:2rem;
}
.wrapper-gaibu p{
	margin-bottom:0;
}
/**/

.no_scroll {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}

#blackout {
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 998;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    display: none;
}

.inner {
    width: 150rem;
    margin: 0 auto;
}

/*header*/
/*header {
    border-top: 5px solid var(--main-color);
    padding-top: 1rem;
}

h1.logo_h1 {
    display: contents;
}

h1 img {
    width: 100%;
    height: 100%;
}

h1 img.h1-img-pc {
    display: block;
}

h1 img.h1-img-sp {
    display: none;
}*/

/*ログイン前は非表示*/


/*header .flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.logo {
    height: 7rem;
    width: 100%;
    display: block;
    width: auto;
}

.logo img {
    height: 100%;
    width: 100%;
}

header .info img {
    height: 6rem;
    width: 100%;
    vertical-align: middle;
}*/
.header-container-in.hlt-top-menu .logo-header img {
    height:60px;
	max-width:100%;
	width:240px;
}

#top-btn {
    display: flex;
}

#top-btn li {
    margin-right: 1.5rem;
}

#top-btn li.icon_cart {
    display: none;
    position: relative;
}

#top-btn li.icon_mail {
    position: relative;
}

#top-btn li:last-child {
    margin-right: 0;
}

#top-btn li a {
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
}

#top-btn li a img {
    width: 3.5rem;
    height: 100%;
}

.quantity_icon {
    position: absolute;
    border-radius: 100%;
    width: 1.7rem;
    height: 1.7rem;
    line-height: 1.7rem;
    background-color: #f00;
    color: #fff;
    text-align: center;
}

.quantity_icon:empty {
    display: none;
}

.quantity_cart {
    bottom: 1.5rem;
    right: -0.5rem;
}

.quantity_mail {
    bottom: 1.5rem;
    right: 0;
}

/*ログイン前は非表示*/
header .inner {
    display: flex;
    flex-direction: column;
}

header .name-area {
    width: 100%;
    font-size: 1.2rem;
    text-align: right;
    margin-bottom: 0.5rem
        /*display: none;*/
}

header .name-area span {
    font-weight: bold;
}

/*ログイン後会員メニュー*/
ul.login_menu_items li {
    text-align: left;
    height: 6.4rem;
    border-bottom: 1px dotted #ccc;
    padding: 0.7rem 0 0.7rem 1rem;
}

ul.login_menu_items li img {
    vertical-align: middle;
    width: 5rem;
    margin-right: 2rem;
}

ul.login_menu_items li img.pc_disp {
    display: inline-block;
}

ul.login_menu_items li p {
    display: inline-block;
}

ul.login_menu_items li.txt span {
    color: #f00;
    font-weight: bold;
    font-size: 120%;
}

.sp_disp {
    display: none;
}

/*検索*/
/*カート*/

#secandline {
    background-color: #ddd;
    padding: 1rem 0;
    display: none;
}

#secandline .inner {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.search_container {
    height: 4.5rem;
}

#product_search {
    width: 72%;
}

dl.search1 {
    position: relative;
    margin: 0;
    text-align: center;
    width: 100%;
    padding: 0;
    border: none;
    height: 45px;
    border-radius: 0px;
    background: transparent;
    display: flex;
    justify-content: space-between;
}

dl.search1 dt {
    width: 80%;
}

dl.search1 dt input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-size: 18px;
    background-color: #fff;
    box-shadow: 1px 1px 1px #929292;
    padding: 0 0 0 2%;
    border-radius: 0.5rem 0 0 0.5rem;
}

dl.search1 dd {
    height: 100%;
    width: 20%;
}

dl.search1 dd button {
    font-size: 18px;
    width: 100%;
    height: 100%;
    padding: 5px;
    text-decoration: none;
    color: #FFF;
    background-color: var(--main-color);
    border: solid 2px #0095df;
    box-shadow: 1px 1px 1px #929292;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
}

dl.search1 dd button img {
    display: inline-block;
    height: 2rem;
    width: 2rem;
    vertical-align: middle;
    margin-right: 1rem;
}

.search-btn {
    padding: 1rem 2rem 1rem 4rem;
    background-image: url(https://yakuten-ichiba.com/images/search.webp);
    background-repeat: no-repeat;
    background-position: 5% 50%;
    background-size: 2.5rem 2.5rem;
    font-size: 2rem;
    font-weight: bold;
    background-color: var(--main-color);
    color: #fefefe;
    border: none;
    border-radius: 0.5rem;
}

.header_cart {
    width: 25%;
    height: 4.5rem;
    line-height: 4.5rem;
    font-size: 1.8rem;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 1px 1px 1px #929292;
    display: flex;
    justify-content: space-between;
}

.header_cart .imgbox {
    background-color: #ffffff;
    padding: 0 5px;
    height: 100%;
    position: relative;
    border-radius: 5px;
}

.header_cart .imgbox::after {
    content: "";
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    border-left: solid 10px #aaa;
    display: block;
    position: absolute;
    top: 12.5px;
    left: 55px;
}

.header_cart_icon {
    width: 3.5rem;
    height: 3.5rem;
    margin: 5px;
}

.header_cart a {
    display: flex;
    justify-content: space-between;
}

.header_cart .quantity {
    width: 30%;
    text-align: right;
    padding-right: 8px;
}

.header_cart .total_price {
    text-align: right;
    display: flex;
    justify-content: space-between;
    width: 70%;
}

.header_cart .total_price .total_price_num {
    padding-right: 5px;
    width: 60%;
}

.header_cart .total_price .btn_total_price {
    font-size: 15px;
    font-weight: bold;
    color: #FFF;
    background-color: #08c;
    border: solid 2px #0095df;
    box-shadow: 1px 1px 1px #929292;
    height: 100%;
    cursor: pointer;
    line-height: 15px;
    border-radius: 0px 5px 5px 0px;
}

/**/
.secandline_down {
    position: fixed;
    top: 0;
    z-index: 997;
    width: 100%;
    height: auto;
    padding: 12px 0;
    box-shadow: 0px 1px 10px #bbb;
}


.secandline_down #product_search {
    width: 50%;
}

.secandline_down .header_cart {
    width: 15%;
}

.secandline_down .header_cart a {
    width: 100%;
}

.secandline_down .header_cart .quantity {
    width: 50%;
}

.secandline_down .header_cart .total_price .total_price_num {
    width: 100%;
}

.secandline_down .quantity_mail {
    bottom: 0.5rem;
}

/**/


#secandline ul.icon_space {
    display: flex;
    justify-content: space-between;
    width: 20%;
}

#secandline .logo_space {
    display: block;
    height: 4.5rem;
}

#secandline .logo_space a {
    height: 100%;
}

#secandline .logo_space img {
    height: 100%;
    width: 100%;
}

#secandline ul.icon_space li {
    height: 4.5rem;
    position: relative;
}

#secandline ul.icon_space li a {
    height: 100%;
}

#secandline ul.icon_space li img {
    height: calc(100% - 1rem);
    margin: 0.5rem;
}

#secandline .logo_space.hidden_icon,
#secandline ul.hidden_icon {
    display: none;
}

.btn_shadow {
    display: none;
}

#secandline #menu_btn {
    display: none;
}

#secandline #menu_btn img {
    width: 45px;
    height: 45px;
}

#menu img {
    width: 100%;
    height: 100%;
}

/*カート*/
/* パンくずリスト ここから */
#breadcrumb {
    padding: 1rem 0;
}

#breadcrumb .breadcrumb-list {
    display: flex;
    align-items: center;
    overflow: auto;
}

#breadcrumb .breadcrumb-list li {
    display: flex;
    align-items: center;
    margin-left: 1rem;
    flex-shrink: 0;
}

#breadcrumb .breadcrumb-list li:first-child {
    margin-left: 0;
}

#breadcrumb .breadcrumb-list li::after {
    content: ">";
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    margin-left: 1rem;
}

#breadcrumb .breadcrumb-list li:last-child::after {
    content: none;
}

#breadcrumb .breadcrumb-list li a {
    /*color: var(--main-color);*/
    color: #1010ca;
}

/* パンくずリスト ここまで */
.shipping_announce {
    width: 100%;
    background: #f1f1f1;
    text-align: center;
    padding: 0.8rem 0;
    margin: 0 auto 2rem auto;
}

.shipping_announce p {
    margin: 0.5rem 1rem 0.8rem 1rem;
    padding: 0px 0px 0px 0px;
    font-size: 1.6rem;
    line-height: 1.3;
}

.shipping_announce p a {
    color: var(--main-color);
    font-weight: bold;
}

/*  ここから */
/*.wrap {
    width: 150rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}*/

/*aside {
    width: 30rem;
}*/

main {
    width: calc(100% - 35rem);
    font-size: 1.6rem;
}

/*  ここまで */

/* aside ここから */
#column_menu {}

#column_menu > li {}

#column_menu > li:last-child {
    margin-bottom: 0;
}

#column_menu .column_menu_title {
    font-size: 1.8rem;
    font-weight: bold;
    color: var(--title-color);
    background-color: var(--main-color);
    padding: 0.5rem 0 0.5rem 1rem;
    margin-bottom: 1rem;
}

#column_menu .small_menu {
    font-size: 1.6rem;
}

#column_menu .small_menu li {
    border: 1px solid #ccc;
    margin-bottom: 0.5rem;
}

#column_menu .small_menu li:last-child {}

#column_menu .small_menu a {
    color: #0a0a0a;
    padding: 4rem 1rem 0.5rem 1rem;
    position: relative;
}

#column_menu .category-menu .small_menu {}

#column_menu .category-menu .small_menu a {
    color: #0a0a0a;
    font-weight: bold;
    font-size: 2rem;
    padding: 0.5rem 1rem 0.5rem 1rem;
    position: static;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#column_menu .category-menu .small_menu img {
    width: 5rem;
    height: 5rem;
}

#column_menu .small_menu a:hover {
    box-shadow: 0px 1px 15px #e6e6e6;
}

#column_menu .column-category {
    position: absolute;
    top: -1px;
    left: 0;
    text-align: center;
    padding: 0.3rem 0.5rem;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fefefe;
    letter-spacing: 0.1rem;
    text-align: center;
    width: 100%;
    /*border: 1px solid #ddd;*/
}

#column_menu .column-category.ED {
    background-color: #003399;
}

#column_menu .column-category.PE {
    background-color: #70D78C;
}

#column_menu .column-category.AGA {
    background-color: #aaa;
}

#column_menu .column-category.DIET {
    background-color: #ff7f50;
}

#column_menu .column-category.DIURETIC {
    background-color: #5BB9E5;
}

#column_menu .column-category.ALLERGY {
    background-color: #b85ce6;
}

#column_menu .column-category.LIFESTYLE_HABIT {
    background-color: #d7c447;
}

#column_menu .column-category.INFECTION {
    background-color: #9b7cb6;
}

#column_menu .column-category.MENTAL_HEALTH_CARE {
    background-color: #56BCAD;
}

#column_menu .column-category.ANTIBIOTICS {
    background-color: #09db95;
}

#column_menu .column-category.SLEEP {
    background-color: #00958D;
}

#column_menu .column-category.HORMONE {
    background-color: #ff69b4;
}

#column_menu .column-category.PILL {
    background-color: #ffb6c1;
}

#column_menu .column-category.BEAUTY {
    background-color: #ffcc00;
}

#column_menu .column-category.STD {
    background-color: #e65cd1;
}

#column_menu .column-category.SOBRIETY {
    background-color: #f30100;
}
#column_menu .column-category.ANODYNE {
    background-color: #006835;
}
#column_menu .column-category.NO_SMOKING {
    background-color: #E83738;
} 
#column_menu .column-category.INSURANCE_MEDICAL {
    background-color: #12A77B;
}
#column_menu .column-category.WOMEN_WORRIES {
    background-color: #891b1c;
}
#column_menu .column-category.MEN_WORRIES {
    background-color: #1c548a;
}
#column_menu .column-category.RESPIRATORY_ILLNESS {
    background-color: #0380B1;
}

#column_menu .news .small_menu a::after {
    content: none;
}

#column_menu .news span {
    display: block;
    font-weight: bold;
    font-size: 1.2rem;
    color: #bbb;
}

#column_menu img {
    width: 100%;
    height: 100%;
}

#column_menu span.update {
    display: block;
    font-weight: bold;
    font-size: 1.2rem;
    color: #777;
    text-align: right;
}

/*aside .flex {
    display: none;
}*/

.column-t {
    font-weight: bold;
    color: #303030;
}

/* aside ここまで */

h1.column-t {
    font-size: 2.6rem;
    font-weight: bold;
    color: #303030;
    border-bottom: 3px solid var(--main-color);
    padding: 0 0 0.5rem 0.5rem;
    margin-bottom: 0.5rem;
}

.column-date {
    display: flex;
    margin-bottom: 2rem;
}

.column-date p {
    font-size: 1.4rem;
    font-weight: bold;
    color: #777;
    padding-left: 1.8rem;
    margin-right: 1rem;
    background-image: url(https://yakuten-ichiba.com/images/column/column-post.webp);
    background-size: 1.4rem 1.4rem;
    background-repeat: no-repeat;
    background-position: center left;
}

.column-date p:last-child {
    margin-right: 0;
    background-image: url(https://yakuten-ichiba.com/images/column/column-update.webp);
}

.column-date img {
    width: 1.4rem;
    height: 1.4rem;
}

/* 各ボタン ここから */
.each-btn-area {
    width: 50%;
    box-sizing: border-box;
    margin: 2rem auto;
    /*background-color: #cc0242;*/
    border-radius: 1rem;
    background: -moz-linear-gradient(to bottom, #f00, #a00);
    background: -webkit-linear-gradient(to bottom, #f00, #a00);
    background: linear-gradient(to bottom, #f00, #a00);
    box-shadow: 0px 3px 0px rgb(150, 0, 0, 1);
    transition: .5s;
}

.each-btn-area a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    padding: 0.5rem 2rem;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    color: #fefefe;
    line-height: 1.6;
}

.each-btn-area a span {
    display: block;
    font-size: 1.6rem;
}


.each-btn-area:hover {
    transform: translate3d(0, 3px, 0);
    box-shadow: none;
}

.each-btn-area a:hover {
    opacity: 1;
}

/* 各ボタン ここまで */
.column-thumbnail {}

.column-thumbnail img {
    display: block;
    width: 75%;
    height: 100%;
    margin: 0 auto 1rem auto;
}

/* メデマートコラム：トップ ここから */
.category-info {
    margin-bottom: 0.5rem;
}

.category-info h1,
.category-info h2 {
    font-size: 2.4rem;
    font-weight: bold;
    color: var(--main-color);
    text-shadow: 1px 2px 0px #eee;
}

.category-info h1,
.category-info h2 {
    margin-bottom: 2rem;
    background: none;
    border: none;
    padding: 0.5rem 1rem 0rem 4rem;
    border-top: 2px solid var(--main-color);
    position: relative;
}

.category-info h1::after,
.category-info h2::after {
    position: absolute;
    content: '';
    top: -2px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-right: 40px solid transparent;
    border-left: 40px solid var(--main-color);
    border-bottom: 40px solid transparent;
}

.category-info h2 span {
    font-size: 1.4rem;
    margin-left: 1rem;
    letter-spacing: 0.1rem;
    color: #666;
    text-shadow: 1px 1px 0px #aaa;
}

.category-info p {
    font-size: 1.6rem;
    padding-top: 0.5rem;
}

.column-top ul {
    display: flex;
    flex-wrap: wrap;
}

.column-top ul li {
    width: calc((100% / 3) - 2rem);
    border: 1px solid #ccc;
    margin: 0 1rem 1rem 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .25)
}

.column-top ul li img {
    display: block;
    width: 31rem;
    height: 15.5rem;
    margin: auto;
}

.column-top ul li a {
    position: relative;
    padding: 4rem 1rem 3rem 1rem;
    width: 100%;
    height: 100%;
}

.column-top ul.category-list {
    margin: auto;
    justify-content: flex-start;
}

.column-top ul.category-list li:nth-child(3n) {
    margin-right: 0;
}


.column-top ul.category-list a {
    padding: 2rem 1rem;
}

.column-top ul li p.column-t {
    margin-top: 1rem;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4;
    line-height: 1.4;
    color: #404040;
}

.column-top span.update {
    display: block;
    font-weight: bold;
    font-size: 1.4rem;
    color: #777;
    text-align: right;
    position: absolute;
    bottom: 0.5rem;
    right: 15px;
}

.column-top .popular {
    display: flex;
    overflow-x: scroll;
    padding: 1rem;
}

.column-top .popular ul {
    flex-wrap: nowrap;
}

.column-top .popular ul li {
    width: 37.1rem;
    height: 100%;
    margin: 0 1rem 0 0;
}

.column-top .popular ul li:last-child {
    margin-right: 0;
}

.column-top .column-category {
    position: absolute;
    top: -1px;
    left: 0;
    text-align: center;
    padding: 0.3rem 0.5rem;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fefefe;
    letter-spacing: 0.1rem;
    text-align: center;
    width: 100%;
    /*border: 1px solid #ddd;*/
}

.column-top .column-category.ED {
    background-color: #003399;
}

.column-top .column-category.PE {
    background-color: #70D78C;
}

.column-top .column-category.AGA {
    background-color: #aaa;
}

.column-top .column-category.DIET {
    background-color: #E1697D;
}

.column-top .column-category.DIURETIC {
    background-color: #5BB9E5;
}

.column-top .column-category.ALLERGY {
    background-color: #b85ce6;
}

.column-top .column-category.LIFESTYLE_HABIT{
    background-color: #d7c447;
}

.column-top .column-category.INFECTION{
    background-color: #9b7cb6;
}

.column-top .column-category.MENTAL_HEALTH_CARE {
    background-color: #56BCAD;
}

.column-top .column-category.ANTIBIOTICS {
    background-color: #09db95;
}

.column-top .column-category.SLEEP {
    background-color: #00958D;
}

.column-top .column-category.HORMONE {
    background-color: #ff69b4;
}

.column-top .column-category.PILL {
    background-color: #ffb6c1;
}

.column-top .column-category.BEAUTY {
    background-color: #ffcc00;
}

.column-top .column-category.STD {
    background-color: #e65cd1;
}

.column-top .column-category.SOBRIETY {
    background-color: #f30100;
}
.column-top .column-category.ANODYNE {
    background-color: #006835;
}
.column-top .column-category.NO_SMOKING {
    background-color: #E83738;
} 
.column-top .column-category.INSURANCE_MEDICAL {
    background-color: #12A77B;
} 
.column-top .column-category.WOMEN_WORRIES {
    background-color: #891b1c;
}
.column-top .column-category.MEN_WORRIES {
    background-color: #1c548a;
}
.column-top .column-category.RESPIRATORY_ILLNESS {
    background-color: #0380B1;
}

.column-top .more {
    text-align: center;
    border-radius: 0.5rem;
    width: 20%;
    margin: 2rem auto 0 auto;
}

.column-top .more a {
    font-size: 1.6rem;
    font-weight: bold;
    padding: 0.5rem 0;
    text-align: center;
    border-radius: 0.5rem;
    color: var(--title-color);
    background: linear-gradient(to bottom, #52a3cc, #0088cc);
    display: block;
    width: 100%;
    height: 100%;
    margin: 2rem auto 0 auto;
    text-decoration: none;
}

/* メデマートコラム：トップ ここまで */

/* メデマートコラム：カテゴリ ここから */

/* メデマートコラム：カテゴリ ここまで */


/* メデマートコラム：コラム内容ここから */
/* 目次 ここから */
.contents {
    width: 80%;
    margin: 0 auto 1rem auto;
    box-shadow: 0 1.5px 2.4px rgb(0 0 0 / 15%);
}

.contents-t {
    font-weight: bold;
    color: var(--title-color);
    background-color: var(--main-color);
    padding: 1rem 2rem;
    font-size: 2rem;
    text-align: center;
}

.contents ul.outline {
    padding: 2rem;
    background-color: #EBF7F7;
}

.contents ul li {
    margin-bottom: 1rem;
}

.contents ul li:last-child {
    margin-bottom: 0;
}

.contents ul li a {
    display: inline;
}

ul.each-contents {
    padding: 0;
    margin-top: 0.4rem;
    display: none;

}

ul.each-contents li {
    padding-left: 1rem;
}

ul.each-contents li a {
    position: relative;
    padding-left: 1.8rem;
    font-weight: bold;
    color: #141D1C;
    text-decoration: underline;
}

ul.each-contents li a::after {
    content: "";
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    background-image: url(https://yakuten-ichiba.com/images/arrow.webp);
    background-size: cover;
    position: absolute;
    top: 44%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.contents a.headline {
    font-weight: bold;
    color: #141D1C;
    text-decoration: underline;
}

.contents a:hover {
    color: #ff6b3a;
    opacity: 1;
}

span.contents-oc::before {
    color: var(--main-color);
    cursor: pointer;
    margin-left: 1rem;
    content: "[＋]";
    width: 1.8rem;
    height: 1.8rem;
    font-weight: bold;
}

span.contents-oc:hover::before {
    color: #ff6b3a;
}

span.contents-oc:active::before {
    color: #ff6b3a;
}

ul.each-contents.open {}

span.contents-oc.open::before {
    content: "[－]";
}

/* 目次 ここまで */

/* コラム内容 ここから */
section {
    line-height: 2;
    margin-bottom: 2rem;
}

section .inner {
    width: 96%;
    margin: 0 auto 2rem auto;
}

section .inner p {
    margin-bottom: 1rem;
}

section .inner p a {
    text-decoration: underline;
    font-weight: bold;
    color: var(--main-color);
    display: inline;
}

section .inner p:last-child {
    margin-bottom: 0;
}

ul.normal_list li {
    text-indent: -1.6rem;
    padding-left: 1.6rem;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.8;
}

ul.normal_list li:before {
    content: "・";
    font-size: 1.6rem;
}

.article h2{
    margin-bottom: 1rem;
    font-weight: bold;
    font-size: 2.2rem;
    padding: 0.5em;
    color: #0a0a0a;
    background-color: #E6F7FF;
    border-left: solid 5px var(--main-color);
    border-bottom: none;
}
.wp-block-heading.wp-block-heading::before{
	content:none;
}

.article h3 {
    font-size: 1.8rem;
    font-weight: bold;
    position: relative;
    border:none;
    border-bottom: 5px dotted var(--main-color);
    padding-left: 2.2rem;
    margin-bottom: 1rem;
}

.article h3::after {
    content: "";
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-image: url(https://yakuten-ichiba.com/images/arrow.webp);
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 0.4rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.article h4 {
    font-size: 1.6rem;
    font-weight: bold;
    position: relative;
    padding-left: 1.6rem;
    margin-bottom: 0;
}

.article h4::after {
    content: "";
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    background-image: url(https://yakuten-ichiba.com/images/arrow.webp);
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 0.4rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.column-product {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.column-product img {
    display: block;
    width: 30rem;
    height: 30rem;
}

.column-product a {
    display: inline;
    width: 30rem;
}

.column-product table {
    width: calc(100% - 35rem);
    height: fit-content;
}

td a {
    color: #1010ca;
    text-decoration: underline;
    text-align: center;
}

.column-product table th,
.column-product table td {
    border: 1px solid #aaa;
    padding: 1rem;
    vertical-align: middle;
}

.column-product table th {
    text-align: center;
    width: 25%;
    font-weight: bold;
    background-color: #E6F7FF;
}

.column-product table .each-btn-area {
    margin: 0.5rem auto;
    width: 90%;
}

.column-product table .each-btn-area a {
    display: block;
    width: 100%;
    font-size: 1.6rem;
}


.sticky {
    margin: 0 auto 2rem auto;
    padding: 1rem 1rem 1rem 1rem;
    position: relative;
    border-radius: 0.5rem;
    color: #263238;
    box-shadow: -1px 1px 1px rgb(0 0 0 / 15%);
}

.sticky:after {
    position: absolute;
    content: '';
    right: -3px;
    top: -3px;
    border-width: 0 33px 33px 0;
    border-style: solid;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}

.sticky p.sticky-t {
    padding: 0 1rem;
    margin: 0;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 0.5rem !important;
}
.wp-block-cocoon-blocks-sticky-box.sticky p {
    margin-bottom: 0;
}

.sticky img {
    width: 100%;
}

.sticky ul {
    margin-bottom: 1rem;
}

.sticky li {
    text-indent: -1.6rem;
    padding-left: 1.6rem;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.8;
}

.sticky li::before {
    content: "・";
    font-size: 1.6rem;
}

.sticky li span {
    color: #ff002b;
    margin: 0 0.1rem;
}
.sticky.normal li {
    font-weight: normal;
}

.sticky.normal li { font-weight: normal;}

.list-none li::before {
    content: none;
}

.sticky .flex {
    display: flex;
    justify-content: space-between;
}

.sticky .flex img {
    width: 50rem;
    height: 100%;
    margin: 0 3rem 0 auto;
}

.sticky.orange {
    background-color: #ffece6;
    border: 3px solid #ff6b3a;
}

.sticky.orange .sticky-t {
    border-bottom: 3px dotted #ff6b3a;
    margin-bottom: 0.5rem;
}

.sticky.orange:after {
    border-color: #ff6b3a #fff #ff6b3a;
}

.sticky.blue {
    border: 3px solid var(--main-color);
    background-color: #E6F7FF;
}

.sticky.blue .sticky-t {
    border-bottom: 3px dotted var(--main-color);
}

.sticky.blue:after {
    border-color: var(--main-color) #fff var(--main-color);
}

.sticky.green {
    border: 3px solid #77e39b;
    background-color: #f6fff9;
}

.sticky.green .sticky-t {
    border-bottom: 3px dotted #77e39b;
}

.sticky.green:after {
    border-color: #77e39b #fff #77e39b;
}

.sticky.red {
    border: 3px solid #ff3355;
    background-color: #ffccd5;
}

.sticky.red .sticky-t {
    border-bottom: 3px dotted #ff3355;
}

.sticky.red:after {
    border-color: #ff3355 #fff #ff3355;
}

.sticky.pink {
    border: 3px solid #FC9DB8;
    background-color: #ffe6fb;
}

.sticky.pink .sticky-t {
    border-bottom: 3px dotted #FC9DB8;
}

.sticky.pink:after {
    border-color: #FC9DB8 #fff #FC9DB8;
}

.sticky.yellow {
    border: 3px solid #FFC107;
    background-color: #FFEDBA;
}

.sticky.yellow .sticky-t {
    border-bottom: 3px dotted #FFC107;
}

.sticky.yellow:after {
    border-color: #FFC107 #fff #FFC107;
}
/* 付箋 ここまで */

/*ブロック入力付箋*/
.wp-block-cocoon-blocks-sticky-box.sticky:after {
    content: none;
}
.wp-block-cocoon-blocks-sticky-box.sticky p.sticky-t{
	border-bottom: 3px dotted var(--cocoon-x-pallid-text-color);
}
.wp-block-cocoon-blocks-sticky-box.st-yellow p.sticky-t{
	border-bottom: 3px dotted #FFA103;
}
.wp-block-cocoon-blocks-sticky-box.st-red p.sticky-t{
	border-bottom: 3px dotted #CD3740;
}
.wp-block-cocoon-blocks-sticky-box.st-blue p.sticky-t{
	border-bottom: 3px dotted #06c;
}
.wp-block-cocoon-blocks-sticky-box.st-green p.sticky-t{
	border-bottom: 3px dotted #028760;
}
.wp-block-cocoon-blocks-sticky-box.sticky ul{
	padding-left:0;
}
/*ブロック入力付箋*/


/* 文字強調ここから */
b.yellow {
    color: #FFE400;
}

b.red {
    color: #ff002b;
}

b.green {
    color: #00cc00;
}

b.blue {
    color: #0099ff;
}

b.pink {
    color: #FC9DB8;
}

b.orange {
    color: #ff6b3a;
}

/* 文字強調ここから */

/* アンダーライン ここから */
span.highlight {
    text-decoration: underline;
    text-decoration-thickness: 0.5em;
    text-underline-offset: -0.2em;
    text-decoration-skip-ink: none;
}

span.highlight.yellow {
    text-decoration-color: rgba(255, 228, 0, 0.4);
}

span.highlight.red {
    text-decoration-color: rgba(255, 0, 0, 0.4);
}

span.highlight.green {
    text-decoration-color: rgba(0, 204, 0, 0.4);
}

span.highlight.blue {
    text-decoration-color: rgba(0, 128, 255, 0.4);
}

span.highlight.pink {
    text-decoration-color: rgba(252, 157, 184, 0.4);
}

span.highlight.orange {
    text-decoration-color: rgba(255, 107, 58, 0.4);
}

/* アンダーライン ここまで */

a.link-blue {
    display: inline;
    font-weight: bold;
    color: var(--main-color);
    text-decoration: underline;
}

/*参考サイト*/
    {
    color: #9ED5FE;
}

blockquote {
    position: relative;
    padding: 0.5rem 1.5rem 0.5rem 5.5rem;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    background-color: #f5f5f5;
    box-shadow: 0 2px 4px rgb(0 0 0 / 14%);
    border: 1px dotted #ccc;
    margin: 1rem 0;
}

blockquote:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0.5rem;
    width: 3.8rem;
    height: 3rem;
    text-align: center;
    content: "";
    line-height: 30px;
    background-color: #9dd4ff;
    background-image: url(https://yakuten-ichiba.com/images/quotation-marks.webp);
    background-repeat: no-repeat;
    background-size: 46%;
    background-position: center;
}

blockquote:after {
    content: '';
    position: absolute;
    left: 0.5rem;
    top: 3rem;
    height: 0;
    width: 0;
    border-left: 2rem solid #9dd4ff;
    border-right: 1.9rem solid #9dd4ff;
    border-bottom: 1rem solid transparent;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 0 0 0.5rem 0;
    z-index: 3;
    line-height: 1.7;
    margin-bottom: 0.5rem !important;
}

blockquote p.quote {
    font-size: 1.4rem;
}


blockquote .cite {
    display: block;
    color: #888888;
    font-size: 0.9em;
}

/*参考サイト*/

table.comparison {
    width: 100%;
    height: fit-content;
}

table.comparison th,
table.comparison td {
    border: 1px solid #aaa;
    padding: 1rem;
    vertical-align: middle;
}

table.comparison th {
    text-align: center;
    width: 25%;
    font-weight: bold;
    background-color: #E6F7FF;
}

/* コラムテーブル ここから */
table.column-table,
.wp-block-table.column-table table,
.wp-block-flexible-table-block-table.column-table{
width: 100%;
height: fit-content;
border-collapse: collapse;
margin-bottom: 1.5rem;
margin-bottom:1rem;
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table.has-fixed-layout{
	margin-bottom:1rem;
}

table.column-table th,
table.column-table td,
.wp-block-flexible-table-block-table.column-table.wp-block-flexible-table-block-table.column-table th,
.wp-block-flexible-table-block-table.column-table.wp-block-flexible-table-block-table.column-table td{
border: 1px solid #aaa;
padding: 1rem;
vertical-align: middle;
}

table.column-table th,
.wp-block-flexible-table-block-table.column-table.wp-block-flexible-table-block-table.column-table th{
font-weight: bold;
background-color: #E6F7FF;
text-align: center;
}

table.column-table.t-2 th:first-child,
.wp-block-flexible-table-block-table.column-table.t-2 th:first-child{
width: 35%;
}

table.column-table.t-2 td,
.wp-block-flexible-table-block-table.column-table.t-2 td{
width: 65%;
}

/* 狭い ここから */
table.column-table.t-3.narrow th:first-child,
table.column-table.t-4.narrow th:first-child,
table.column-table.t-5.narrow th:first-child,
.wp-block-flexible-table-block-table.column-table.t-3.narrow th:first-child,
.wp-block-flexible-table-block-table.column-table.t-4.narrow th:first-child,
.wp-block-flexible-table-block-table.column-table.t-5.narrow th:first-child{
width: 10%;
}

table.column-table.t-3.narrow td,
.wp-block-flexible-table-block-table.column-table.t-3.narrow td{
width: 45%;
}

table.column-table.t-4.narrow td,
.wp-block-flexible-table-block-table.column-table.t-4.narrow td{
width: calc(90% / 3);
}

table.column-table.t-5.narrow td,
.wp-block-flexible-table-block-table.column-table.t-4.narrow td{
width: calc(90% / 4);
}

table.column-table.t-6.narrow,
table.column-table.t-7.narrow,
table.column-table.t-8.narrow,
table.column-table.t-9.narrow,
table.column-table.t-10.narrow,
.wp-block-flexible-table-block-table.column-table.t-6.narrow table,
.wp-block-flexible-table-block-table.column-table.t-7.narrow table,
.wp-block-flexible-table-block-table.column-table.t-8.narrow table,
.wp-block-flexible-table-block-table.column-table.t-9.narrow table,
.wp-block-flexible-table-block-table.column-table.t-10.narrow table{
width: 100%;
display: block;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}

table.column-table.t-6.narrow th:first-child,
table.column-table.t-7.narrow th:first-child,
table.column-table.t-8.narrow th:first-child,
table.column-table.t-9.narrow th:first-child,
table.column-table.t-10.narrow th:first-child,
.wp-block-flexible-table-block-table.column-table.t-6.narrow th:first-child,
.wp-block-flexible-table-block-table.column-table.t-7.narrow th:first-child,
.wp-block-flexible-table-block-table.column-table.t-8.narrow th:first-child,
.wp-block-flexible-table-block-table.column-table.t-9.narrow th:first-child,
.wp-block-flexible-table-block-table.column-table.t-10.narrow th:first-child{
position: sticky;
top: 0;
left: 0;
border-left: none;
border-right: none;
width: 110px;
min-width: 110px;
z-index:10;
}

table.column-table.t-6.narrow th:first-child::before,
table.column-table.t-7.narrow th:first-child::before,
table.column-table.t-8.narrow th:first-child::before,
table.column-table.t-9.narrow th:first-child::before,
table.column-table.t-10.narrow th:first-child::before,
table.column-table.t-3.wide th:first-child::before,
table.column-table.t-4.wide th:first-child::before,
table.column-table.t-5.wide th:first-child::before,
table.column-table.t-6.wide th:first-child::before,
table.column-table.t-7.wide th:first-child::before,
table.column-table.t-8.wide th:first-child::before,
table.column-table.t-9.wide th:first-child::before,
table.column-table.t-10.wide th:first-child::before,
.wp-block-flexible-table-block-table.column-table.t-6.narrow th:first-child::before,
.wp-block-flexible-table-block-table.column-table.t-7.narrow th:first-child::before,
.wp-block-flexible-table-block-table.column-table.t-8.narrow th:first-child::before,
.wp-block-flexible-table-block-table.column-table.t-9.narrow th:first-child::before,
.wp-block-flexible-table-block-table.column-table.t-10.narrow th:first-child::before,
.wp-block-flexible-table-block-table.column-table.t-3.wide th:first-child::before,
.wp-block-flexible-table-block-table.column-table.t-4.wide th:first-child::before,
.wp-block-flexible-table-block-table.column-table.t-5.wide th:first-child::before,
.wp-block-flexible-table-block-table.column-table.t-6.wide th:first-child::before,
.wp-block-flexible-table-block-table.column-table.t-7.wide th:first-child::before,
.wp-block-flexible-table-block-table.column-table.t-8.wide th:first-child::before,
.wp-block-flexible-table-block-table.column-table.t-9.wide th:first-child::before,
.wp-block-flexible-table-block-table.column-table.t-10.wide th:first-child::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-left: 1px solid #aaa;
z-index: -1;
}

table.column-table.t-6.narrow th:first-child::after,
table.column-table.t-7.narrow th:first-child::after,
table.column-table.t-8.narrow th:first-child::after,
table.column-table.t-9.narrow th:first-child::after,
table.column-table.t-10.narrow th:first-child::after,
table.column-table.t-3.wide th:first-child::after,
table.column-table.t-4.wide th:first-child::after,
table.column-table.t-5.wide th:first-child::after,
table.column-table.t-6.wide th:first-child::after,
table.column-table.t-7.wide th:first-child::after,
table.column-table.t-8.wide th:first-child::after,
table.column-table.t-9.wide th:first-child::after,
table.column-table.t-10.wide th:first-child::after,
.wp-block-flexible-table-block-table.column-table.t-6.narrow th:first-child::after,
.wp-block-flexible-table-block-table.column-table.t-7.narrow th:first-child::after,
.wp-block-flexible-table-block-table.column-table.t-8.narrow th:first-child::after,
.wp-block-flexible-table-block-table.column-table.t-9.narrow th:first-child::after,
.wp-block-flexible-table-block-table.column-table.t-10.narrow th:first-child::after,
.wp-block-flexible-table-block-table.column-table.t-3.wide th:first-child::after,
.wp-block-flexible-table-block-table.column-table.t-4.wide th:first-child::after,
.wp-block-flexible-table-block-table.column-table.t-5.wide th:first-child::after,
.wp-block-flexible-table-block-table.column-table.t-6.wide th:first-child::after,
.wp-block-flexible-table-block-table.column-table.t-7.wide th:first-child::after,
.wp-block-flexible-table-block-table.column-table.t-8.wide th:first-child::after,
.wp-block-flexible-table-block-table.column-table.t-9.wide th:first-child::after,
.wp-block-flexible-table-block-table.column-table.t-10.wide th:first-child::after{
content: "";
position: absolute;
top: 0;
right: -1px;
width: 100%;
height: 100%;
border-right: 1px solid #aaa;
z-index: -1;
}

table.column-table.t-6.narrow td,
table.column-table.t-7.narrow td,
table.column-table.t-8.narrow td,
table.column-table.t-9.narrow td,
table.column-table.t-10.narrow td,
.wp-block-flexible-table-block-table.column-table.t-6.narrow td,
.wp-block-flexible-table-block-table.column-table.t-7.narrow td,
.wp-block-flexible-table-block-table.column-table.t-8.narrow td,
.wp-block-flexible-table-block-table.column-table.t-9.narrow td,
.wp-block-flexible-table-block-table.column-table.t-10.narrow td{
white-space: normal;
width: 240px;
min-width: 240px;
}

table.column-table .each-btn-area,
.wp-block-flexible-table-block-table.column-table .each-btn-area{
width: 100%;
margin: auto;
}

table.column-table .each-btn-area a{
width: 100%;
margin: auto;
font-size: 1.6rem;
word-wrap: break-word;
padding: 0.5rem 1rem;
text-decoration: none;
}
.wp-block-flexible-table-block-table.column-table tr:last-of-type a{
display:block;
width: 100%;
margin: auto;
font-size: 1.6rem;
font-weight:bold;
word-wrap: break-word;
padding: 0.5rem 1rem;
text-decoration: none;
border-radius: 1rem;
background: -moz-linear-gradient(to bottom,#f00,#a00);
background: -webkit-linear-gradient(to bottom,#f00,#a00);
background: linear-gradient(to bottom,#f00,#a00);
box-shadow: 0 3px 0 rgb(150,0,0,1);
transition: .5s;
color: #fefefe;
}

/* 狭い ここまで */

/* 広い ここから */
table.column-table.t-3.wide td,
table.column-table.t-4.wide td,
table.column-table.t-5.wide td,
table.column-table.t-6.wide td,
table.column-table.t-7.wide td,
table.column-table.t-8.wide td,
table.column-table.t-9.wide td,
table.column-table.t-10.wide td,
.wp-block-flexible-table-block-table.column-table.t-3.wide td,
.wp-block-flexible-table-block-table.column-table.t-4.wide td,
.wp-block-flexible-table-block-table.column-table.t-5.wide td,
.wp-block-flexible-table-block-table.column-table.t-6.wide td,
.wp-block-flexible-table-block-table.column-table.t-7.wide td,
.wp-block-flexible-table-block-table.column-table.t-8.wide td,
.wp-block-flexible-table-block-table.column-table.t-9.wide td,
.wp-block-flexible-table-block-table.column-table.t-10.wide td{
white-space: normal;
width: 380px;
min-width: 380px;
}

table.column-table.t-3.wide,
table.column-table.t-4.wide,
table.column-table.t-5.wide,
table.column-table.t-6.wide,
table.column-table.t-7.wide,
table.column-table.t-8.wide,
table.column-table.t-9.wide,
table.column-table.t-10.wide,
.wp-block-flexible-table-block-table.column-table.t-3.wide table,
.wp-block-flexible-table-block-table.column-table.t-4.wide table,
.wp-block-flexible-table-block-table.column-table.t-5.wide table,
.wp-block-flexible-table-block-table.column-table.t-6.wide table,
.wp-block-flexible-table-block-table.column-table.t-7.wide table,
.wp-block-flexible-table-block-table.column-table.t-8.wide table,
.wp-block-flexible-table-block-table.column-table.t-9.wide table,
.wp-block-flexible-table-block-table.column-table.t-10.wide table{
width: 100%;
display: block;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}

table.column-table.t-3.wide th:first-child,
table.column-table.t-4.wide th:first-child,
table.column-table.t-5.wide th:first-child,
table.column-table.t-6.wide th:first-child,
table.column-table.t-7.wide th:first-child,
table.column-table.t-8.wide th:first-child,
table.column-table.t-9.wide th:first-child,
table.column-table.t-10.wide th:first-child,
.wp-block-flexible-table-block-table.column-table.t-3.wide th:first-child,
.wp-block-flexible-table-block-table.column-table.t-4.wide th:first-child,
.wp-block-flexible-table-block-table.column-table.t-5.wide th:first-child,
.wp-block-flexible-table-block-table.column-table.t-6.wide th:first-child,
.wp-block-flexible-table-block-table.column-table.t-7.wide th:first-child,
.wp-block-flexible-table-block-table.column-table.t-8.wide th:first-child,
.wp-block-flexible-table-block-table.column-table.t-9.wide th:first-child,
.wp-block-flexible-table-block-table.column-table.t-10.wide th:first-child {
position: sticky;
top: 0;
left: 0;
border-left: none;
border-right: none;
width: 380px;
min-width: 380px;
z-index:10;
}

/* 広い ここまで */


/* コラム画像 */
table.column-table img,
.wp-block-flexible-table-block-table.column-table img{
display: block;
margin: auto;
width: 50%;
height: 100%;
}

table.column-table.t-2 img,
.wp-block-flexible-table-block-table.column-table.t-2 img{
width: 40%;
height: 40%;
}

/* コラム画像 */

/* コラムテーブル ここまで */
/* まとめ ここから */
.summarize {
    margin: 1.5rem 0 3rem;
    box-shadow: 0 0 5px #ccc;
    background: #fff9e5;
    border: solid 3px #F7B236;
}

.summarize-t {
    background-color: #F7B236;
    padding: 0 2rem;
    margin-bottom: 0.5rem;
    font-size: 2.2rem;
    color: var(--title-color);
    font-weight: bold;
    text-shadow: 1px 1px 0 #444;
}

.summarize ul {
    padding: 0 2rem 1rem 2rem;
}

.summarize li {
    padding-left: 3.5rem;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.8;
    margin-bottom: 0.5rem;
    position: relative;
    counter-increment: number 1;
}

.summarize li::before {
    display: inline-block;
    position: absolute;
    top: 48%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #F7B236;
    color: #fff;
    font-family: Quicksand, sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
    content: counter(number)"";
    box-shadow: 0 0 5px #ccc;
}

.summarize li:first-child {
}


.summarize li span {
    color: #ff002b;
    margin: 0 0.1rem;
}

/* まとめ ここまで */

/* 挿絵 ここから */
img.illustrations,
.wp-block-image.illustrations img{
    display: block;
    margin: 1rem auto;
    width: 50rem;
    height: 100%;
}

/* 挿絵 ここまで */
/* 目次へ戻る ここから */
.back-contents {
    width: 96%;
    margin: auto;
    text-align: right;
}

.back-contents a {
    display: inline;
    font-size: 1.4rem;
    color: var(--main-color);
    text-decoration: underline;
    text-align: right;
    background-image: url(https://yakuten-ichiba.com/images/back-contents.webp);
    background-repeat: no-repeat;
    background-size: 1.8rem 1.8rem;
    background-position: left;
    padding: 0.5rem 0.5rem 0.5rem 2rem;
}

/* 目次へ戻る ここまで */
.image-area {
    background-color: #ccc;
    width: 97.8rem;
    height: 48.9rem;
    margin: 0 auto 1rem auto;
}

/* コラム内容 ここまで */

/*医薬品検索ページの電話案内*/

.search-tel {
    text-align: center;
    margin-top: 3rem;
    padding: 3rem 1rem 1rem 1rem;
    border: 1px solid #aaa;
    position: relative;
    width: 50%;
    margin: 4rem auto;
}

p.search-tel-title {
    display: inline-block;
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-size: 1.8rem;
    font-weight: bold;
    background-color: #fefefe;
    width: auto;
    height: 3rem;
    padding: 0 3rem;
}

.search-tel .tell-number {
    font-size: 2.4rem;
    font-weight: bold;
    color: var(--main-color);
    text-decoration: underline;
}

.search-tel table {
    margin: 2rem auto 0 auto;
    border-collapse: collapse;
    width: 50%;
}

.search-tel table th,
.search-tel table td {
    padding: 1rem;
    border: 1px solid #aaa;
    text-align: center;
}

.search-tel table th {
    text-align: center;
    font-weight: bold;
    background-color: #e2e2e2;
}

/*医薬品検索ページの電話案内*/


/*footer ここまで */
footer.footer {
    background-color: var(--main-color);
    padding: 3rem 0;
}

.f_nav {
    display: flex;
    justify-content: space-between;
    font-size: 1.2rem;
    color: var(--title-color);
}

.f_nav a {
    color: var(--title-color);
}

.f_nav > li {
    width: 20%;
}

.f_nav > li.f_nav_t {
    width: calc(100%/7.05*3);
}

.f_nav > li.f_nav_w {
    width: calc(100%/7.05*2);
}

.f_nav > li.f_nav_s {
    width: calc(100%/7.05);
}

.f_nav .ac {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
	text-align: center;
}

.f_small_nav {
    padding-left: 1rem;
    height: 30rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.f_small_nav > li {
    width: 49.5%;
    margin-bottom: 0.5rem;
	list-style: none;
}

.f_nav_t .f_small_nav > li {
    width: 32.5%;
}

.f_nav_w .f_small_nav > li {
    width: 49.5%;
}

.f_nav_s .f_small_nav > li {
    width: 99.5%;
}

.f_small_nav > li a {
    padding: 0 0 0 1.5rem;
    background-image: url(https://yakuten-ichiba.com/images/slick-next.webp);
    background-repeat: no-repeat;
    background-size: 1rem;
    background-position: bottom 45% left 2%;
	text-decoration: none;
	display: block;
}

/*コピーライト*/
.copyright {
    font-size: 1.2rem;
    text-align: center;
    padding: 0.7rem 0;
    /*border-top: 1px solid #ccc;*/
    /*background-color: #ececec;*/
}

/*footer ここまで */

#to-top {
    display: none;
}

#tel-btn {
    display: none;
}

/* 購入ボタン群 ここから */
#btn-area {
    position: fixed;
    z-index: 300;
    bottom: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 9rem;
    justify-content: center;
    font-weight: bold;
    color: #fefefe;
    text-align: center;
    background-color: rgba(100, 100, 100, 0.5);
    padding: 1rem 0;
    display: none;
}

#btn-area a {
    color: #fefefe;
}

#btn-area .to-product,
#btn-area .to-tell,
#btn-area .to-top {
    border-radius: 1rem;
}

#btn-area .to-product:hover,
#btn-area .to-tell:hover,
.to-top:hover {
    cursor: pointer;
    filter: brightness(1.2);
}

#btn-area .to-product {
    width: 30%;
    /*background: linear-gradient(to bottom, #FD493A, #B23728);*/
    background: linear-gradient(to bottom, #f00, #a00);
    margin-right: 3rem;
}

#btn-area .to-product:active {
    box-shadow: 0 0 0 #b30000;
    margin-top: 3px;
}

#btn-area .to-product a,
#btn-area .to-tell p {
    padding: 1rem 1.6rem 1rem 1.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    font-size: 2rem;
}

#btn-area .to-tell p span {
    width: 100%;
    text-shadow: 1px 1px 0 #333;
}

#btn-area .to-product a img,
#btn-area .to-tell img {
    width: 3rem;
    height: 3rem;
    display: block;
    margin-right: 0.8rem;
}

#btn-area .to-product a span {
    display: block;
    margin: auto;
    text-shadow: 1px 1px 0 #333;
}

#btn-area .to-tell {
    width: 30%;
    background: linear-gradient(to bottom, #52a3cc, #0088cc);
}

#btn-area .to-tell:active {
    box-shadow: 0 0 0 #005580;
    margin-top: 3px;
}

.to-top {
    position: fixed;
    z-index: 300;
    right: 0;
    bottom: 100px;
    width: 5rem;
    padding: 1rem;
    background-color: #fefefe;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border: 2px solid var(--main-color);
    border-right: none;
    writing-mode: vertical-rl;
    vertical-align: middle;
    font-weight: bold;
    box-shadow: 0 2px 5px #ccc;
}

.to-top p {
    position: relative;
    left: 0;
}

#btn-area .to-product a span.new-line,
span.new-line {
    display: inline;
}

/* 購入ボタン群 ここまで */

/* タグ ここから */
ul.category-tag-area {
    display: flex;
}

ul.category-tag-area li {
    border: 2px solid #cdcdcd;
    border-radius: 0.5rem;
    box-shadow: 1px 1px 2px #ccc;
    margin-right: 1rem;
}

ul.category-tag-area li a {
    position: relative;
    font-weight: bold;
    padding: 0.2rem 0.5rem 0.2rem 3rem;
    color: #404040;
}

ul.category-tag-area li a::before {
    content: "";
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    background-image: url(https://yakuten-ichiba.com/images/column/category-tag.webp);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 0.5rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

/* タグ ここまで */

/* まとめバインダー ここから */
div.binder {
    position: relative;
    border-radius: 1rem;
    width: 90%;
    margin: 0 auto 2em;
    padding: 5rem 2rem 2rem 2rem;
    background: #a56d2b;
    /*background-image: url(https://yakuten-ichiba.com/images/corkboard.jpg);*/
}

div.binder::before {
    content: "";
    position: absolute;
    width: 75%;
    height: 8rem;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    border: 5px solid #aaa;
    /*border-image: linear-gradient(-175deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%)1;*/
    border-radius: 5px;
    z-index: 50;
}

div.binder::after {
    content: "";
    position: absolute;
    width: 50%;
    height: 3.5rem;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    background: linear-gradient(0deg, #ccc 0%, #000 100%);
    background: #111;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

div.binder p.blank {
    width: 100%;
    height: 5rem;
    margin: 0;
    background-color: #fefefe;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

div.binder p.blank_b {
    width: 100%;
    height: 3rem;
    margin: 0;
    background-color: #fefefe;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

div.note-box {
    padding: 0 1em 0 3em;
    background: linear-gradient(#ccc 1px, transparent 1px) #fefefe;
    background-size: auto 2.5em;
    line-height: 2.5em;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    overflow: hidden;
    position: relative;
}

div.note-box p {
    margin: 0;
}

div.note-box p.binder-title {
    font-weight: bold;
    text-align: center;
}

/*ドットの設定*/
div.binder div.dot {
    position: relative;
}

div.binder div.dot::after {
    content: "";
    position: absolute;
    border-right: dotted 13px #ddd;
    height: 90%;
    top: 2rem;
    left: 1.2rem;
    z-index: 30;
}

div.binder div.dot::before {
    content: "";
    position: absolute;
    height: 98%;
    top: 1px;
    left: 1px;
    background-color: #fefefe;
    width: 3.5rem;
    z-index: 10;
}

/* まとめバインダー ここまで */

/* ホワイトボード ここから */
.is-style-whiteboard1 {
    position: relative;
    max-width: 90%;
    margin: 0 auto 2em;
    padding: 2em 1.5em;
    border: 10px solid transparent;
    border-radius: 4px;
    background: linear-gradient(white, white), linear-gradient(#4d4d4d, #4d4d4d) no-repeat 100% 100% / 30px 30px, linear-gradient(#4d4d4d, #4d4d4d) no-repeat 0 100% / 30px 30px, linear-gradient(#4d4d4d, #4d4d4d) no-repeat 100% 0 / 30px 30px, linear-gradient(#4d4d4d, #4d4d4d) no-repeat 0 0 / 30px 30px, linear-gradient(#e6e6e6, #e6e6e6);
    background-clip: padding-box, border-box, border-box, border-box, border-box, border-box;
    background-origin: border-box;
    font-family: monospace";

}

.is-style-whiteboard1:before,
.is-style-whiteboard1:after,
.is-style-whiteboard1 .wp-block-group__inner-container:before,
.is-style-whiteboard1 .wp-block-group__inner-container:after {
    display: inline-block;
    position: absolute;
    content: "";
}

.is-style-whiteboard1:before {
    right: 10px;
    bottom: 16px;
    width: 52px;
    height: 8px;
    border-radius: 2px 2px 0 0;
    background: #5a95f5;
}

.is-style-whiteboard1:after {
    right: 11px;
    bottom: 1px;
    width: 50px;
    height: 15px;
    border-radius: 0 0 4px 4px;
    background: #d2e2fc;
}

.is-style-whiteboard1 .wp-block-group__inner-container:before {
    right: 71px;
    bottom: 1px;
    width: 48px;
    height: 8px;
    background: linear-gradient(90deg, #ea4335 8%, #f2f2f2 8%, #f2f2f2 70%, #ea4335 70%);
}

.is-style-whiteboard1 .wp-block-group__inner-container:after {
    right: 98px;
    bottom: 9px;
    width: 48px;
    height: 8px;
    background: linear-gradient(90deg, #333 8%, #f2f2f2 calc(8% + 1px), #f2f2f2 70%, #333 calc(70% + 1px));
    transform: rotate(-20deg);
}

.inner .wp-block-group__inner-container p {
    margin-bottom: 0;
}

.wp-block-group__inner-container p.white-title {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1rem;
    text-align: center;
}

div.note-box li,
.wp-block-group__inner-container li {
    position: relative;
    padding-left: 25px;
}

div.note-box li:before,
.wp-block-group__inner-container li:before {
    content: "";
    position: absolute;
    top: 0.4rem;
    left: 5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
    height: 17px;
    border-right: 3px solid #ea4335;
    border-bottom: 3px solid #ea4335;
    z-index: 100;
}

div.note-box li:after,
.wp-block-group__inner-container li:after {
    content: "";
    position: absolute;
    top: 1rem;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #888;
    border-radius: 2px;
}

/* ホワイトボード ここまで */
/*よくある質問　ここから*/
.faq-question-content.faq-item-content.faq-question-content.faq-item-content{
	color:#494949;
}
.is-style-accordion .faq-question::before{
	color:#494949;
	opacity:1;
	font-weight: bold;
}
html .body .has-black-color {
	margin-bottom:1rem;
}
#faq {}

.accordion {
    width: 100%;
    margin: 1rem 0;
}

/* inputのチェックボックスを非表示 */
.accordion-hidden {
    display: none;
}

/* 見出しボタン部分 */
.accordion-open {
    display: block;
    padding: 10px 80px 10px 10px;
    background: linear-gradient(#e6f7ff, #e6f7ff);
    cursor: pointer;
    margin: 10px 0 0 0;
    position: relative;
    font-size: 14px;
    color: #494949;
    font-weight: bold;
    border-bottom: 3px solid #99e0ff;
    border-left: 4px solid #99e0ff;
}

/* ＋アイコン */
.accordion-open::before,
.accordion-open::after {
    content: '';
    width: 20px;
    height: 3px;
    background: #000;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
}

/* アイコンのー */
.accordion-open::after {
    transform: translateY(-50%) rotate(90deg);
    transition: .5s;
}

/* アコーディオンが開いたらーに */
.accordion-hidden:checked + .accordion-open:after {
    transform: translateY(-50%) rotate(0);
}

/* アコーディオン中身部分 */
.accordion-inner {
    display: block;
    height: 0;
    overflow: hidden;
    padding: 0 10px 0 30px;
    opacity: 0;
    transition: 0.4s;
    /* 表示速度の設定 */
    cursor: pointer;
    line-height: 1.4;
    font-size: 14px;
    background-color: #f9f9f9;
    border-left: 4px solid #f9f9f9;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* チェックボックスにチェックが入ったら中身部分を表示する */
.accordion-hidden:checked + .accordion-open + .accordion-inner {
    height: auto;
    opacity: 1;
    padding: 10px 10px 10px 30px;
}

/* ↑ここまで共通 */

/* Q&A追加 */
.accordion_qa .Q,
.accordion_qa .A {
    position: relative;
}

.accordion_qa .Q::before,
.accordion_qa .A::before {
    font-size: 16px;
    display: block;
    position: absolute;
    top: 0;
    left: -1.5em;
    font-weight: bold;
}

.accordion_qa .Q::before {
    content: 'Q.';
    color: #ff728a;
    top: -8px;
}

.accordion_qa .A::before {
    content: 'A.';
    color: #99e0ff;
    top: -3px;
}

.accordion_qa .accordion-open {
    padding-left: 30px;
}

.accordion_qa .accordion-hidden:checked + .accordion-open + .accordion-inner {
    height: auto;
    opacity: 1;

}

/* Q&A追加ここまで */
/* 中にいろいろ入れたいとき */
.accordion-box {
    display: block;
    height: 0;
    overflow: hidden;
    padding: 0;
    opacity: 0;
    transition: 1s;
}

.accordion-hidden:checked + .accordion-open + .accordion-box {
    height: auto;
    opacity: 1;
    padding: 10px;
}

/*よくある質問 ここまで*/
.wrapper-gaibu {
    margin: 45px auto 10px auto;
}

.gaibu {
    position: relative;
    display: block;
    padding: 5px 15px;
    border: 2px solid rgba(55, 162, 237, 1);
    text-decoration: none;
    transition: .5s;
    width: 100%;
}

.gaibu__label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px;
    background-color: rgba(55, 162, 237, 1);
    color: #fff;
    font-size: 12px;
    transform: translate(-2px, -100%);
    border-radius: 6px 6px 0 0;
}

.gaibu__label::before {
    content: '';
    display: inline-block;
    background-image: url(https://yakuten-ichiba.com/images/column/target-blank.webp);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}

.gaibu__body {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
}

.gaibu__site {
    color: #333;
    font-size: 0.8em;
}

.gaibu__title {
    margin: 0 0 6px 0;
    padding: 0;
    color: rgba(50, 50, 50, 1);
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6em;
}

.gaibu:hover {
    background-color: rgba(55, 162, 237, .1);
    transform: translateY(-4px);
    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, .1);
}

/* アコーディオン ここから */
.accordion {
    font-size: 20px;
}

.accordion .accordion-t {
    display: block;
    padding: 5px 80px 5px 10px;
    background: linear-gradient(#e6f7ff, #e6f7ff);
    cursor: pointer;
    margin: 10px 0 0 0;
    position: relative;
    font-size: 16px;
    color: #494949;
    font-weight: bold;
    border-bottom: 3px solid #99e0ff;
    border-left: 4px solid #99e0ff;
}

.accordion .accordion-t .ac-bt {
    position: absolute;
    display: block;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    font-size: 1.4rem;
    text-decoration: underline;
}

.accordion .accordion-t:hover .ac-bt {
    color: #ff6b3a;
}

.accordion .accordion-t.active:after {
    display: none;
}

.accordion .accordion-a {
    display: none;
    padding: 10px;
    line-height: 1.4;
    font-size: 16px;
    background-color: #fefefe;
}

.accordion .accordion-a table {
    border-collapse: collapse;
    width: 100%;
}

.accordion .accordion-a table th,
.accordion .accordion-a table td {
    border: 1px solid #404040;
    padding: 10px;
}

.accordion .accordion-a table th {
    font-weight: bold;
    background-color: #E6F7FF;
    text-align: center;
    vertical-align: middle;
    width: 20%;
}

.accordion .accordion-a table td {
    border: 1px solid #404040;
    padding: 10px;
}

.accordion .accordion-a table td li {
    text-indent: -1.6rem;
    padding-left: 1.6rem;
    font-size: 1.6rem;
    line-height: 1.8;
}

.accordion .accordion-a table td li::before {
    content: "・";
    font-size: 1.6rem;
}

.accordion .accordion-a .ac-cs-bt {
    text-align: right;
    margin: 1rem 0 0 0;
}

.accordion .accordion-a .ac-cs-bt p {
    display: inline;
    font-size: 1.6rem;
    color: var(--main-color) !important;
    text-decoration: underline;
    background-image: url(https://yakuten-ichiba.com/images/back-contents.webp);
    background-repeat: no-repeat;
    background-size: 1.8rem 1.8rem;
    background-position: left;
    padding: 0.5rem 0.5rem 0.5rem 2.2rem;
}

.accordion .accordion-a .ac-cs-bt p:hover {
    opacity: 0.8;
    cursor: pointer;
}

/* アコーディオン ここまで */

/* レコメンド ここから */
.recommend {
    position: relative;
    width: 100%;
    margin: 3rem auto 0.5rem auto;
    border: 3px solid var(--main-color);
    border-radius: 0.5rem;
    padding: 1.5rem 1rem 1rem 1rem;
}

.recommend-t {
    position: absolute;
    margin-bottom: 0 !important;
    padding: 0rem 1.2rem 0rem 0.5rem;
    background-color: #fefefe;
    top: -25px;
    left: 1rem;
    color: #404040;
    font-weight: bold;
}

.recommend-t img {
    width: 1.9rem;
    height: 1.9rem;
    vertical-align: middle;
    margin-right: 0.2rem;
}

.recommend ul{
    padding:0;
    margin:0;
}

.recommend ul.list li {
    text-indent: -1.6rem;
    padding-left: 1.6rem;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.8;
}

.recommend ul.list li::before {
    content: "・";
    font-size: 1.6rem;
}

.recommend ul.list li a {
    display: inline;
    text-decoration: underline;
    color: #00f;
    font-weight: normal;
}
/* レコメンド ここまで */
/* 横幅問題 ここから */
/*
@media screen and (max-width: 1499px) {
    body{
        min-width: 120rem;
    }
    .inner{
        width: 120rem;
    }
    .wrap{
        width: 120rem;
    }
    main{
        width: calc(100% - 31rem);
    }
    aside{
        width: 29rem;
    }
    .column-top ul li img{
        width: 24.4rem;
        height: 12.2rem;
    }
}
*/
/* 横幅問題 ここまで */
/* コピーライト ここから */
.copyright{
	color:#fff;
}
/* コピーライト ここまで */

/* pc・spの表示設定 */
.pc_disp{display:block !important}
.sp_disp{display:none !important}

/* レスポンシブ：タブレット ここから */

/**/
.postform{
	color:#333333;
	background-color:#fefefe;
}
/**/

@media screen and (max-width: 820px) {
    /* 横幅問題 ここから */
    /*
    body{
        min-width: 0;
    }
    */
    /* 横幅問題 ここまで */
    .inner {
        width: 95%;
        margin: auto;
    }

    header {}

    /*header .header-top {
        padding-bottom: 0.5rem;
    }

    .logo {
        width: 45%;
        height: 100%;
    }

    .logo img {
        width: 100%;
        height: 100%;
    }*/

    /*ログイン前は非表示*/
    header .inner {
        display: none;
    }

    header .name-area {
        font-size: 1.2rem;
    }

    header .name-area span {}

    /*ログイン前は非表示*/

    header #top-btn {
        width: 50%;
        justify-content: flex-end;
    }

    #top-btn li {
        margin-right: 1rem;
    }

    #top-btn li.icon_cart {
        display: block;
    }

    #top-btn li.icon_faq,
    #top-btn li.icon_blog,
    #top-btn li.icon_history {
        display: none;
    }

    header #top-btn p {
        font-size: 1rem;
    }

    #top-btn li a img {
        width: 3rem;
    }

    header .info {
        display: none;
    }

    /*ログイン後会員メニュー*/
    ul.login_menu_items {
        display: flex;
        padding: 0.5rem;
    }

    ul.login_menu_items li {
        width: 20%;
        padding: 0;
        font-size: 1rem;
        border-bottom: none;
        border-right: 1px solid #000;
        text-align: center;
    }

    ul.login_menu_items li:last-child {
        border: none;
    }

    ul.login_menu_items li img {
        width: 85%;
        margin: 0;
    }

    ul.login_menu_items li img.pc_disp {
        display: none;
    }

    ul.login_menu_items .icon {
        position: relative;
    }

    ul.login_menu_items li.txt {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sp_disp {
        display: block;
    }

    /*secandline*/
    dl.search1 dt input {
        border: 1px solid #ccc;
        font-size: 1.4rem;
    }

    dl.search1 dd button b {
        display: none;
    }

    dl.search1 dd button img {
        height: 2.5rem;
        width: 2.5rem;
        margin-right: 0;
    }

    #secandline {
        background-color: #fefefe;
        display: block;
    }

    #secandline .logo_space,
    #secandline .header_cart,
    #secandline ul.icon_space {
        display: none;
    }

    #product_search {
        width: 83%;
    }

    .secandline_down #product_search {
        width: 83%;
    }

    #secandline .inner {
        flex-direction: row;
    }

    #secandline #menu_btn {
        display: block;
        text-align: center;
        height: 45px;
        border-radius: 0.5rem;
    }

    #secandline #menu_btn:hover {
        cursor: pointer;
    }

    /*secandline*/
    .shipping_announce {
        width: 100%;
    }

    .shipping_announce p a {
        font-size: 1.4rem;
    }

    .wrap {
        width: 100%;
    }

    main {
        width: 98%;
        margin: auto;
    }

    /*aside*/
/*
    aside {
        transform: translateX(100%);
        position: fixed;
        z-index: 999;
        top: 0;
        right: -120%;
        width: 100%;
        height: 100vh;
        background: #999;
        transition: all 0.6s;
        background-color: #fefefe;
    }

    aside.panelactive {
        right: 0;
        display: block;
        transition: all 0.6s;
    }

    aside.panelactive {
        transform: translateX(0);
        position: fixed;
        z-index: 999;
        width: 85%;
        height: 100vh;
        padding: 1rem;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        transition: all 0.6s;
    }

    aside .flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1rem;
    }

    aside .name-area {
        width: calc(100% - 3rem);
        font-size: 1.6rem;
        padding: 0 1rem;
        text-align: right;
        display: block;
    }

    aside .name-area span {
        font-weight: bold;
    }

    aside .aside-close-btn {
        display: inline-block;
        text-align: center;
        font-size: 1rem;
        font-weight: bold;
        color: #616161;
    }

    aside .aside-close-btn img {
        width: 2.5rem;
        height: 2.5rem;
    }
*/
    /*閉じるボタン*/

    /*　footer　ここから　*/
	#footer a{
		color: #0a0a0a;
	}
    footer {
        padding: 0;
    }
	footer.footer{
		padding:0;
	}

    footer .inner {
        width: 100%;
    }

    .f_nav {
        flex-direction: column;
    }

    .f_nav > li {
        width: 100%;
    }

    .f_nav > li.f_nav_t,
    .f_nav > li.f_nav_w,
    .f_nav > li.f_nav_s {
        width: 100%;
    }

    .f_nav > li:last-child {
        margin-bottom: 0;
    }

    .f_nav .ac {
        font-size: 1.6rem;
        margin-bottom: 0;
        padding: 1rem;
        border-bottom: 1px dotted #fefefe;
        position: relative;
		text-align:left;
    }

    .f_nav .ac::after {
        content: "";
        display: inline-block;
        width: 1.6rem;
        height: 1.6rem;
        background-image: url(https://yakuten-ichiba.com/images/arrow_down.webp);
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: 50%;
        right: 1rem;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .f_nav .ac.selected:after {
        transform: translateY(-50%) rotateX(180deg);
    }

    .f_small_nav {
        padding-left: 0;
        display: none;
    }

    .f_small_nav > li {
        width: 100%;
        border-bottom: 1px dotted #fefefe;
        margin-bottom: 0;
    }

    .f_nav_t .f_small_nav > li,
    .f_nav_w .f_small_nav > li,
    .f_nav_s .f_small_nav > li {
        width: 100%;
    }

    .f_small_nav > li a {
        padding: 1rem 1.5rem 1rem 3.5rem;
        color: #0a0a0a;
        font-size: 1.6rem;
        background-color: #fefefe;
        background-size: 1.4rem;
        background-position: bottom 49% left 2%;
    }

    .f_small_nav {
        flex-wrap: nowrap;
        height: auto;
    }

    /*　footer　ここまで　*/
    #to-top {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        text-align: center;
        width: 100%;
        padding: 10px 0;
        opacity: 0.8;
        background-color: #aaa;
        width: 100vw;
    }

    #tel-btn {
        display: block;
        position: fixed;
        bottom: 5rem;
        right: 0;
        z-index: 500;
        width: 7.5rem;
    }

    #tel-btn img {
        width: 100%;
        height: 100%;
    }

    /*コピーライト*/
    .copyright {
        margin-bottom: 40px;
    }

    /* まとめバインダー ここから */
    div.binder {
        width: 85%;
        padding: 3rem 1rem 1rem 1rem;
    }

    div.binder::before {
        width: 75%;
        height: 4.8rem;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        border-radius: 5px;
        z-index: 50;
    }

    div.binder::after {
        width: 50%;
        height: 2rem;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 100;
    }

    div.binder p.blank {
        width: 100%;
        height: 3rem;
        margin: 0;
    }

    div.note-box {}

    div.note-box p {
        margin-bottom: 0;
    }

    /*ドットの設定*/
    div.binder div.dot {}

    div.binder div.dot::after {}

    div.binder div.dot::before {}

    /* まとめバインダー ここまで */
    /* ホワイトボード ここから */
    .is-style-whiteboard1 {
        max-width: 85%;
    }

    /* ホワイトボード ここまで */
	/* footer 可視化 ここから */
	.footer-widgets{
		display: inline;
	}
	/* footer 可視化 ここまで */
}

/* レスポンシブ：タブレット ここまで */

/* レスポンシブ：スマホ ここから */
@media screen and (max-width:480px) {
	/**/
.article ul,
.article ol,
.is-style-whiteboard1 ul.whiteboard1_list{
	padding-left:0;
}
/**/
    h1 img.h1-img-pc {
        display: none;
    }

    h1 img.h1-img-sp {
        display: block;
    }

    section .inner {
        width: 96%;
        margin: 0 auto 1rem auto;
    }

    section .inner p {
        margin-bottom: 1rem;
    }

    h1.column-t {
        font-size: 2.4rem;
    }

    /* 各ボタン ここから */
    .each-btn-area {
        width: 95%;
        margin: 1.5rem auto 3rem auto;
    }

    .each-btn-area a {
        padding: 0.5rem 2rem;
        font-size: 1.6rem;
    }

    .each-btn-area a span {
        display: block;
        font-size: 1.4rem;
    }

    /* 各ボタン ここまで */


    .column-date {
        display: flex;
        margin-bottom: 2rem;
    }

    .column-date p {
        font-size: 1.2rem;
    }
	
	.widget-entry-card {
    font-size: 18px;
    }

    /*
    .btn-area {
        width: 90%;
    }

    .btn-area a {
        font-size: 1.6rem;
    }

    .btn-area a span {
        font-size: 1.2rem;
    }

    .column-thumbnail img {
        width: 100%;
    }
    */
    /**/
    section h2 {
        font-size: 2rem;
        line-height: normal;
    }

    section h3 {
        font-size: 1.6rem;
    }

    /* メデマートコラム：トップ ここから */
    .category-info {
        margin-bottom: 2rem;
    }

    .category-info h1,
    .category-info h2 {
        font-size: 2rem;
        margin-bottom: 0.5rem;
    }

    .column-top .popular ul {
        flex-direction: row;
    }

    .column-top .popular ul li {
        width: 25rem;
    }

    .column-top ul {
        flex-direction: column;
        justify-content: space-between;
    }

    .column-top ul li {
        width: 100%;
    }

    .column-top ul li img {
        width: 22rem;
        height: 11.4rem;
    }

    .column-top ul li a {
        padding: 4rem 1rem 1.5rem 1rem;
        width: 100%;
        height: 100%;
    }

    .column-top ul.category-list li {
        margin: 0 0 2rem 0;
    }

    .column-top ul.category-list li:last-child {
        margin-bottom: 0;
    }

    .column-top ul.category-list a {
        padding: 1rem 1rem 3rem 1rem;
    }

    .column-top ul li p.column-t {
        margin-top: 1rem;
        font-size: 1.4rem;
        line-height: 1.4;
    }

    .column-top ul.category-list a img {
        width: 95%;
        height: 100%;
        margin: auto;
    }

    .column-top ul.category-list a p {
        width: 95%;
        margin: 1rem auto 0 auto;
    }

    .column-top ul.category-list span.update {
        position: absolute;
        bottom: 0;
        right: 1rem;
    }

    .column-top .more {
        width: 80%;
    }

    #btn-area .to-tell.column-top-tell {
        width: 80%;
    }


    /* メデマートコラム：トップ ここまで */
    .column-thumbnail img {
        width: 100%;
    }

    /* 目次 ここから */
    .contents {
        width: 100%;
    }

    .contents ul.outline {
        padding: 2rem 1.5rem 1.5rem 2rem;
    }

    .contents ul li a {
        display: block;
    }

    .contents a.headline {
        position: relative;
        width: 90%;
    }

    .contents ul.outline li {
        position: relative;
    }

    span.contents-oc {
        position: absolute;
        top: -2px;
        right: 0%;
    }


    ul.each-contents li a::after {
        top: 12px;
    }

    /* 目次 ここまで */

    .column-product {
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .column-product table {
        width: 100%;
    }

    .column-product table th {
        width: 35%;
    }

    .column-product table .each-btn-area {
        margin: 0 auto;
        width: 95%;
    }

    /* 付箋 ここから */
    .sticky p.sticky-t {
        padding: 0 2rem 0 1rem;
        margin-bottom: 1rem;
        line-height: 1.4;
        font-size: 1.6rem;
    }

    .sticky .flex {
        flex-direction: column
    }

    .sticky .flex img {
        width: 100%;
        margin: auto;
    }

    .sticky .flex ul {
        margin-bottom: 1rem;
    }

    img.graph {
        width: 100%;
    }

    /* 付箋 ここまで */
    /* まとめ ここから */

    .summarize-t {
        text-align: center;
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .summarize li {
        font-size: 1.6rem;
    }

    .summarize li::before {
        top: 13px;
        width: 23px;
        height: 23px;
        line-height: 23px;
    }

    /* まとめ ここまで */
    /* 挿絵 ここから */
    img.illustrations,
	.wp-block-image.illustrations img {
        width: 100%;
        height: 100%;
    }

    /* 挿絵 ここまで */

    /*医薬品検索ページの電話案内*/

    .search-tel {
        text-align: center;
        margin-top: 4rem;
        width: 100%;
    }

    .search-tel .tell-number {
        font-size: 2.4rem;
    }

    .search-tel table {
        width: 70%;
    }

    p.search-tel-title {
        width: 55%;
        font-size: 1.6rem;
        padding: 0 1rem;
    }

    .search-tel table th,
    .search-tel table td {
        text-align: center;
    }

    /*医薬品検索ページの電話案内*/
    .back-contents {
        margin: -1.5rem auto 0 auto;
    }

    .image-area {
        background-color: #ccc;
        width: 100%;
        height: 50vw;
        margin: 0 auto 1rem auto;
    }

    /* コラムテーブル ここから */
table.column-table,
.wp-block-table.column-table table,
.wp-block-flexible-table-block-table.column-table {
width: 100%;
}

table.column-table th,
table.column-table td,
.wp-block-flexible-table-block-table.column-table.wp-block-flexible-table-block-table.column-table th,
.wp-block-flexible-table-block-table.column-table.wp-block-flexible-table-block-table.column-table td {
border: 1px solid #aaa;
padding: 1rem;
vertical-align: middle;
}

table.column-table th,
.wp-block-flexible-table-block-table.column-table.wp-block-flexible-table-block-table.column-table th {
font-weight: bold;
background-color: #E6F7FF;
}

table.column-table.t-1 th,
.wp-block-flexible-table-block-table.column-table.t-1 th{
text-align: center;
width: calc(100% - 100px);
font-weight: bold;
}

table.column-table.t-1 th:first-child,
.wp-block-flexible-table-block-table.column-table.t-1 th:first-child{
width: 100px;
min-width: 100px;
}

table.column-table.t-2 th:first-child,
.wp-block-flexible-table-block-table.column-table.t-2 th:first-child{
width: 160px;
}

table.column-table.t-2 td,
.wp-block-flexible-table-block-table.column-table.t-2 td {
width: calc(100% - 160px);
}

table.column-table.t-3.narrow,
table.column-table.t-4.narrow,
table.column-table.t-5.narrow,
table.column-table.t-6.narrow,
.wp-block-flexible-table-block-table.column-table.t-3.narrow table,
.wp-block-flexible-table-block-table.column-table.t-4.narrow table,
.wp-block-flexible-table-block-table.column-table.t-5.narrow table,
.wp-block-flexible-table-block-table.column-table.t-6.narrow table{
width: 100%;
display: block;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}

table.column-table.t-3.narrow th:first-child,
table.column-table.t-4.narrow th:first-child,
table.column-table.t-5.narrow th:first-child,
table.column-table.t-6.narrow th:first-child,
table.column-table.t-7.narrow th:first-child,
table.column-table.t-8.narrow th:first-child,
table.column-table.t-9.narrow th:first-child,
table.column-table.t-10.narrow th:first-child,
.wp-block-flexible-table-block-table.column-table.t-3.narrow th:first-child,
.wp-block-flexible-table-block-table.column-table.t-4.narrow th:first-child,
.wp-block-flexible-table-block-table.column-table.t-5.narrow th:first-child,
.wp-block-flexible-table-block-table.column-table.t-6.narrow th:first-child,
.wp-block-flexible-table-block-table.column-table.t-7.narrow th:first-child,
.wp-block-flexible-table-block-table.column-table.t-8.narrow th:first-child,
.wp-block-flexible-table-block-table.column-table.t-9.narrow th:first-child,
.wp-block-flexible-table-block-table.column-table.t-10.narrow th:first-child
{
position: sticky;
top: 0;
left: 0;
border-left: none;
border-right: none;
width: 100px;
min-width: 100px;
z-index:5555;
}

table.column-table.t-3.narrow th:first-child::before,
table.column-table.t-4.narrow th:first-child::before,
table.column-table.t-5.narrow th:first-child::before,
table.column-table.t-6.narrow th:first-child::before,
table.column-table.t-7.narrow th:first-child::before,
table.column-table.t-8.narrow th:first-child::before,
table.column-table.t-9.narrow th:first-child::before,
table.column-table.t-10.narrow th:first-child::before,
.wp-block-flexible-table-block-table.column-table.t-3.narrow th:first-child::before,
.wp-block-flexible-table-block-table.column-table.t-4.narrow th:first-child::before,
.wp-block-flexible-table-block-table.column-table.t-5.narrow th:first-child::before,
.wp-block-flexible-table-block-table.column-table.t-6.narrow th:first-child::before,
.wp-block-flexible-table-block-table.column-table.t-7.narrow th:first-child::before,
.wp-block-flexible-table-block-table.column-table.t-8.narrow th:first-child::before,
.wp-block-flexible-table-block-table.column-table.t-9.narrow th:first-child::before,
.wp-block-flexible-table-block-table.column-table.t-10.narrow th:first-child::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-left: 1px solid #aaa;
z-index: -1;
}

table.column-table.t-3.narrow th:first-child::after,
table.column-table.t-4.narrow th:first-child::after,
table.column-table.t-5.narrow th:first-child::after,
table.column-table.t-6.narrow th:first-child::after,
table.column-table.t-7.narrow th:first-child::after,
table.column-table.t-8.narrow th:first-child::after,
table.column-table.t-9.narrow th:first-child::after,
table.column-table.t-10.narrow th:first-child::after,
.wp-block-flexible-table-block-table.column-table.t-3.narrow th:first-child::after,
.wp-block-flexible-table-block-table.column-table.t-4.narrow th:first-child::after,
.wp-block-flexible-table-block-table.column-table.t-5.narrow th:first-child::after,
.wp-block-flexible-table-block-table.column-table.t-6.narrow th:first-child::after,
.wp-block-flexible-table-block-table.column-table.t-7.narrow th:first-child::after,
.wp-block-flexible-table-block-table.column-table.t-8.narrow th:first-child::after,
.wp-block-flexible-table-block-table.column-table.t-9.narrow th:first-child::after,
.wp-block-flexible-table-block-table.column-table.t-10.narrow th:first-child::after
{
content: "";
position: absolute;
top: 0;
right: -1px;
width: 100%;
height: 100%;
border-right: 1px solid #aaa;
z-index: -1;
}

table.column-table.t-3.narrow td,
table.column-table.t-4.narrow td,
table.column-table.t-5.narrow td,
table.column-table.t-6.narrow td,
table.column-table.t-7.narrow td,
table.column-table.t-8.narrow td,
table.column-table.t-9.narrow td,
table.column-table.t-10.narrow td,
.wp-block-flexible-table-block-table.column-table.t-3.narrow td,
.wp-block-flexible-table-block-table.column-table.t-4.narrow td,
.wp-block-flexible-table-block-table.column-table.t-5.narrow td,
.wp-block-flexible-table-block-table.column-table.t-6.narrow td,
.wp-block-flexible-table-block-table.column-table.t-7.narrow td,
.wp-block-flexible-table-block-table.column-table.t-8.narrow td,
.wp-block-flexible-table-block-table.column-table.t-9.narrow td,
.wp-block-flexible-table-block-table.column-table.t-10.narrow td {
white-space: normal;
width: 220px;
min-width: 220px;
}

table.column-table .each-btn-area,
.wp-block-flexible-table-block-table.column-table .each-btn-area {
width: 100%;
}

table.column-table .each-btn-area a,
.wp-block-flexible-table-block-table.column-table tr:last-of-type a {
font-size: 1.4rem;
}

/* 広い ここから */
table.column-table.t-3.wide td,
table.column-table.t-4.wide td,
table.column-table.t-5.wide td,
table.column-table.t-6.wide td,
table.column-table.t-7.wide td,
table.column-table.t-8.wide td,
table.column-table.t-9.wide td,
table.column-table.t-10.wide td,
.wp-block-flexible-table-block-table.column-table.t-3.wide td,
.wp-block-flexible-table-block-table.column-table.t-4.wide td,
.wp-block-flexible-table-block-table.column-table.t-5.wide td,
.wp-block-flexible-table-block-table.column-table.t-6.wide td,
.wp-block-flexible-table-block-table.column-table.t-7.wide td,
.wp-block-flexible-table-block-table.column-table.t-8.wide td,
.wp-block-flexible-table-block-table.column-table.t-9.wide td,
.wp-block-flexible-table-block-table.column-table.t-10.wide td {
white-space: normal;
width: 220px;
min-width: 220px;
}

table.column-table.t-3.wide th:first-child,
table.column-table.t-4.wide th:first-child,
table.column-table.t-5.wide th:first-child,
table.column-table.t-6.wide th:first-child,
table.column-table.t-7.wide th:first-child,
table.column-table.t-8.wide th:first-child,
table.column-table.t-9.wide th:first-child,
table.column-table.t-10.wide th:first-child,
.wp-block-flexible-table-block-table.column-table.t-3.wide th:first-child,
.wp-block-flexible-table-block-table.column-table.t-4.wide th:first-child,
.wp-block-flexible-table-block-table.column-table.t-5.wide th:first-child,
.wp-block-flexible-table-block-table.column-table.t-6.wide th:first-child,
.wp-block-flexible-table-block-table.column-table.t-7.wide th:first-child,
.wp-block-flexible-table-block-table.column-table.t-8.wide th:first-child,
.wp-block-flexible-table-block-table.column-table.t-9.wide th:first-child,
.wp-block-flexible-table-block-table.column-table.t-10.wide th:first-child {
position: sticky;
top: 0;
left: 0;
border-left: none;
border-right: none;
width: 160px;
min-width: 160px;
}

/* 広い ここまで */

/* コラム画像 */
table.column-table img,
table.column-table.t-2 img,
.wp-block-flexible-table-block-table.column-table img,
.wp-block-flexible-table-block-table.column-table.t-2 img
{
display: block;
margin: auto;
width: 150px;
height: 150px;
}

/* コラム画像 */

/* コラムテーブル ここまで */

    /* 購入ボタン群 ここから */
    #btn-area {
        justify-content: space-around;
    }

    #btn-area .to-product {
        width: 55%;
        margin-right: 0;
    }

    #btn-area .to-product a img,
    #btn-area .to-tell img {
        width: 3rem;
        height: 3rem;
        display: block;
        margin-right: 0.8rem;
    }

    #btn-area .to-tell {
        width: 40%;
    }

    .to-top {
        width: 10%;
        padding: 1rem;
    }

    .to-top p {
        left: 4px;
    }

    #btn-area .to-product a span.new-line,
    span.new-line {
        display: block;
    }

    #btn-area .to-product a,
    #btn-area .to-tell p {
        font-size: 1.6rem;
    }


    /* 購入ボタン群 ここまで */

    /* タグ ここから */
    ul.category-tag-area {
        flex-wrap: wrap;
    }

    ul.category-tag-area li {
        margin-right: 1rem;
        margin-bottom: 0.5rem;
    }

    ul.category-tag-area li a {
        padding: 0.1rem 0.3rem 0.1rem 2.5rem;
        font-size: 1.4rem;
    }

    ul.category-tag-area li a::before {
        width: 1.6rem;
        height: 1.6rem;
        top: 50%;
        left: 0.5rem;
    }

    /* タグ ここまで */

    /* まとめバインダー ここから */
    div.binder {
        width: 100%;
        padding: 4rem 1rem 1rem 1rem;
    }

    div.binder::before {
        width: 75%;
        height: 5.8rem;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        border-radius: 5px;
        z-index: 50;
    }

    div.binder::after {
        width: 50%;
        height: 3rem;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 100;
    }

    div.binder p.blank {
        width: 100%;
        height: 3rem;
        margin: 0;
    }

    div.note-box {}

    div.note-box p {
        margin-bottom: 0;
    }

    /*ドットの設定*/
    div.binder div.dot {}

    div.binder div.dot::after {
        top: 2.5rem;
        height: 92%;
    }

    div.binder div.dot::before {}

    /* まとめバインダー ここまで */
    .is-style-whiteboard1 {
        max-width: 100%;
    }

    /* ホワイトボード ここまで */
    /* アコーディオン ここから */
    .accordion .accordion-a {
        padding: 10px 5px;
    }

    .accordion .accordion-a table th {
        display: block;
        text-align: left;
        width: 100%;
        margin-top: -1px;
    }

    .accordion .accordion-a table td {
        display: block;
        text-align: left;
        width: 100%;
        margin-top: -1px;
    }

    /* アコーディオン ここまで */
    /* レコメンド ここから */
    .recommend {
        padding: 1rem 0.5rem;
    }

    .recommend-t {
        position: absolute;
        padding: 0.5rem;
        background-color: #fefefe;
        font-size: 1.6rem;
        left: 0.5rem;
    }

    .recommend-t img {
        margin-right: 0.5rem;
        width: 1.9rem;
        height: 1.9rem;
    }
    /* レコメンド ここまで */
	
	/* pc・spの表示設定 */
.pc_disp{display:none !important}
.sp_disp{display:block !important}
}

/* レスポンシブ：スマホ ここまで */
/* レスポンシブ：タブレット ここまで */
@media screen and (min-width:480px) and (max-width:820px) {
    .search-tel {
        width: 80%;
    }

    #btn-area .to-product,
    #btn-area .to-tell {
        width: 45%;
    }

    /* メデマートコラム：トップ ここから */
    .category-info h1,
    .category-info h2 {
        font-size: 2.4rem;
        margin-bottom: 0.5rem;
    }

    .column-top .more {
        width: 50%;
    }

    /* メデマートコラム：トップ ここまで */

    /* 各ボタン ここから */
    .each-btn-area {
        width: 65%;
        margin: 1rem auto 2rem auto;
    }

    .each-btn-area a {
        padding: 0.5rem 2rem;
        font-size: 1.8rem;
    }

    .each-btn-area a span {
        display: block;
        font-size: 1.6rem;
    }

    /* 各ボタン ここまで */
    .column-top ul li img {
        display: block;
        width: 100%;
        height: fit-content;
        margin: auto;
    }

}

/* レスポンシブ：タブレット ここまで */

@media screen and (min-width:480px) and (max-width:720px) {

    #btn-area .to-product a,
    #btn-area .to-tell p {
        font-size: 1.8rem;
    }
}

@media screen and (max-width:360px) {

    #btn-area .to-product a,
    #btn-area .to-tell p {
        font-size: 1.6rem;
    }

    #btn-area .to-product a img,
    #btn-area .to-tell img {
        width: 2.5rem;
        height: 2.5rem;
    }

    #btn-area .to-tell.column-top-tell p {
        font-size: 1.8rem;
        padding: 1rem 1.6rem 1rem 1.2rem;
    }

    #btn-area .to-tell.column-top-tell img {
        width: 3rem;
        height: 3rem;
        margin-right: 0.8rem;
    }

    p.search-tel-title {
        width: 70%;
    }

}

@media screen and (max-width:320px) {

    #btn-area .to-product a,
    #btn-area .to-tell p {
        font-size: 1.4rem;
        padding: 1rem 0.5rem;
    }

    #btn-area .to-product a img,
    #btn-area .to-tell img {
        width: 2rem;
        height: 2rem;
        margin-right: 0;
    }

    #btn-area .to-tell.column-top-tell p {
        font-size: 1.6rem;
        padding: 1rem 1.6rem 1rem 1.2rem;
    }

    #btn-area .to-tell.column-top-tell img {
        width: 3rem;
        height: 3rem;
        margin-right: 0.8rem;
    }

    .search-tel table {
        width: 90%;
    }

    p.search-tel-title {
        width: 90%;
    }
}

/*--------------------------------
親カテゴリーのカスタマイズ
--------------------------------*/
.widget_categories ul li a{
	line-height: 1.3; /*行間を狭くする*/
  border-bottom: 1px dashed #CCCCCC; /*下線の種類*/
}
.widget_categories ul li a::before{
 font-family: "Font Awesome 5 Free"; /*バージョン指定*/
  content: "\f03a"; /*FontAwesomeのユニコード*/
  color: #0088cc; /*色*/
  padding-right: 6px; /*右側空間*/
	font-weight: 900; /*太さ*/
}

.widget_categories > ul > li > a:first-child{ 
  border-top: none; /*最初の親カテゴリは上部ボーダーを消す*/
}

/*--------------------------------
子カテゴリーのカスタマイズ
--------------------------------*/
.widget_categories ul li a{
	line-height: 1.3; /*行間を狭くする*/
  border-bottom: 1px dashed #CCCCCC; /*下線の種類*/
}
.widget_categories ul li ul li a::before{ /*子カテゴリーのアイコン*/
  font-family: "Font Awesome 5 Free"; /*バージョン指定*/
  content: "\f105"; /*FontAwesomeのユニコード*/
  color: #333; /*色*/
  padding-right: 6px; /*右側空間*/
  font-weight: 900; /*太さ*/
}

.wp-block-heading::before{
　font-family: "Font Awesome 5 Free"; /*バージョン指定*/
  content: "\f0ae"; /*FontAwesomeのユニコード*/
  color: #0088cc; /*色*/
  padding-right: 6px; /*右側空間*/
  font-weight: 900; /*太さ*/
　text-align:center;
}

/*フッターの全幅を変えました*/
.footer-center {
  width: 100%;
}

.footer-left, .footer-right {
  width: 0%;
  padding:0;
}

/*タグクラウドのデザイン*/
.xilitidytagscloud.xilitidytagscloud a {
 padding:10px 0;
 color:#333;
 display:inline-block;
 width:48.5%;
 background:none;
 font-size: 11pt !important;
 text-decoration:none;
 border-bottom:dotted 1px #ddd;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
/*タグクラウドマウスオーバー時*/
.xilitidytagscloud.xilitidytagscloud a:hover{
 color:#7fbfff;
 background:#fafafa;
 font-weight:bold;
}
/*タグクラウドテキスト前アイコン*/
.xilitidytagscloud a:before{
 text-shadow:none;
 font-family:"Font Awesome 5 Free";
 content:"\f02c";
 font-weight:900;
 color:#2ca9e1;
 padding-right:6px;
}