@charset "utf-8";

/*--------------------------------------
 コンテンツページ共通
--------------------------------------*/
body.other_page h2.ttl{
    margin: initial;
}
body.other_page h3.subttl{
    font-size: 2.4rem;
    color: #969683;
}
body.other_page main.container > section > section{
    margin-top: 80px;
}
body.other_page main.container > section > section > section{
    margin-top: 40px;
}

table.normal{
    border-collapse: collapse;
}
table.normal th,
table.normal td{
    border: 1px solid #C5C5BA;
    padding: 0.5em 1em;
}

p span.emp{text-decoration: underline;}

ul.note li{
    position: relative;
    padding-left: 1.25em;
    font-size: 1.5rem;
}
ul.note li::before{
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
}

body.other_page main.container section .btn{
    margin: initial;
    padding: 0;
    font-size:inherit;
}
body.other_page main.container section .btn a:link,
body.other_page main.container section .btn a:visited{
    color: #8F8F3A;
    padding: 0;
}

/*--------------------------------------
 よくあるしつもん
--------------------------------------*/
.question::before{
    content: "Q.";
}

/*--------------------------------------
 店舗
--------------------------------------*/
.shopinfo{margin-top: 1.5em;}
.shopinfo figure{
    display: flex;
    justify-content: space-between;
}
.shopinfo figure .flex-item{width: 48%;}
.shopinfo figure img{width: 100%;}
.shopinfo figure .cap{
    display: block;
    text-align: center;
    padding-top: .5em;
}

.shopinfo table{
    width: 100%;
    border-collapse: collapse;
}
.shopinfo table th,
.shopinfo table td{display: block;}
.shopinfo table th{
    color: #8E8E39;
    padding-top: 0.75em;
}
.shopinfo table td{
    padding-bottom: 0.75em;
}
.shopinfo table tr{
border-bottom: 1px solid #D5D5CC;
}
/* iframe 縦横の比率維持 */
.accessmap{
    position: relative;
    width: 100%;
    padding: calc(480 / 640 * 100%) 0 0;
    margin: 0.8em 0;
}
.accessmap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*--------------------------------------
 プライバシーポリシー
--------------------------------------*/
ol.privacy{margin-top: 80px;}
ol.privacy,
ol.privacy ol{
list-style:decimal;
padding-left: 1.5em;
}
ol.privacy > li{
    margin-bottom: 1.5em;
}
ol.privacy ol{
    margin-top: 1em;
}
ol.privacy ol li{
    margin-bottom: 1em;
}

/*--------------------------------------
 当サイトについて
--------------------------------------*/
#help_about, #tradelaw_wrap, #agreement_wrap{margin-top: 80px;}

/*--------------------------------------
 商品一覧
--------------------------------------*/
#item_list .item_photo{
    background: #FFF;
    position: relative;
}
#item_list .item_photo::before{
    content: "";
    display: block;
    padding-top: 75%;
}
#item_list .item_photo img{
    position: absolute;
    width: auto;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
}

.pagination ul li a{
    color: #8F8F3A;
    background: #FFF;
}
.pagination ul li a:hover, .pagination ul li a:focus{background: #FFF; opacity: .7;}
.pagination ul li.active a{
    background: #E7E7DE;
    color: #5E5B4D;
}
.pagination ul li.active a:hover, .pagination ul li.active a:focus{background: #E7E7DE; opacity: .7;}

/*--------------------------------------
 特定商取引法に基づく表記　医薬品について
--------------------------------------*/
table.yaku01{
    border-collapse: collapse;
    background-color: #FFF;
    border: 1px solid #D5D5CC;
}
table.yaku01 th{
    background-color: #F4F4E3;
}
table.yaku01 th,
table.yaku01 td{
    border: 1px solid #D5D5CC;
    padding: 0.5em;
}

table.yaku01 th.lev01{
    background-color: #E3ACAD;
}
table.yaku01 th.lev02{
    background-color: #EAC8A6;
}
table.yaku01 th.lev03{
    background-color: #EDDFB4;
}
table.yaku01 th.lev04{
    background-color: #EDEDB4;
}

table.align-center th,
table.align-center td{
    text-align: center;
    vertical-align: middle;
}

/*--------------------------------------
 商品詳細ページ　フリーエリアの商品説明文
--------------------------------------*/
.item-desc-title{
    font-size: 1.5rem;
    padding-bottom: 0.25em;
    color: #8E8E39;
    background: url(../img/bg_ttl.png) repeat-x bottom;
}
.item-desc-title::before{
    content: "■";
    color: #D5D27D;
    padding-right: 0.25em;
}

.item-notice-title{
    font-size: 1.6rem;
    background: #D5D27D;
    color: #333;
    padding: 0.5em 1em;
}

#detail_free_box__freearea table{
    border-collapse: collapse;
    border: none/*1px solid #C5C5BA*/;
}

#item_detail .freearea p{
    margin-top: 1em;
    margin-bottom: 1em;
}