@charset "UTF-8";
/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Copyright (c) Best Bridge LLC. All Rights Reserved.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Original source code and design structure.
Unauthorized reproduction prohibited.

閲覧・学習目的での参照は問題ありませんが、
本コードおよびデザイン構造の全部または一部を、
無断で複製・流用・再配布することを禁止します。

本コードは制作履歴・公開履歴・電子署名等により
権利保全を行っています。

本コード特有の
設計思想／構造設計／命名規則／記述順／レイアウト構成
には識別性があります。

一般的CSSとは異なる独自設計のため、
類似構造や類似記述は、
コード圧縮／難読化／改行変更／変数化後でも、
構造的特徴および設計パターンから
識別・照合可能です。

無断流用・模倣・構造複製が確認された場合、
利用停止要請・権利侵害通知・法的措置を含む
対応を行う場合があります。
*/

/*==============================================================
footer
==============================================================*/
footer{
z-index:6000;
/*--*/
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:60px 0 200px 0;
background-color:#F3F2EF;
/*--*/
text-align:center;
}

/*==============================================================
footer>ul#footer_pharmacy
==============================================================*/
footer>ul#footer_pharmacy{
position:relative;
/*--*/
display:block;
width:100%;
max-width:500px;
height:auto;
margin:0 auto 30px auto;
border:0;
padding:0;
}

/*==li(1)ロゴ==*/
footer>ul#footer_pharmacy>li:nth-of-type(1){
position:relative;
/*--*/
display:block;
width:200px;
height:100px;
margin:0 auto;
border:0;
padding:0;
}

footer>ul#footer_pharmacy>li:nth-of-type(1)>a{
position:relative;
/*--*/
display:block;
width:200px;
height:100px;
margin:0;
border:0;
padding:0;
}

footer>ul#footer_pharmacy>li:nth-of-type(1)>a>img{
position:relative;
/*--*/
display:block;
width:200px;
height:100px;
margin:0;
border:0;
padding:0;
}

/*==li(2)店舗==*/
footer>ul#footer_pharmacy>li:nth-of-type(2){
position:relative;
/*--*/
display:block;
width:90%;
height:auto;
margin:0 auto 10px auto;
border:0;
padding:0;
/*--*/
text-align:center;
line-height:1.6;
font-size:0.8rem;
font-weight:bold;
color:#666;
}

/*==============================================================
footer>small
==============================================================*/
footer>small{
text-align:center;
line-height:1.4;
font-weight:bold;
font-size:0.8rem;
color:#999;
}

/*==============================================================
footer>ul#sitemap
==============================================================*/
footer>ul#sitemap{
position:relative;
display:flex;
width:90%;
max-width:1200px;
height:auto;
margin:0 auto;
border:0;
padding:0;
flex-direction:row;/*方向　左から右*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え均等間隔左右なし*/
align-items:stretch;/*縦揃え*/
}
footer>ul#sitemap>li{
position:relative;
display:block;
flex-basis:24%;
height:auto;
margin:0;
border:0;
padding:0;
}

footer>ul#sitemap>li.hid{
visibility:hidden;
}

@media screen and (max-width:1200px){
footer>ul#sitemap>li{
flex-basis:48%;
}
}

@media screen and (max-width:700px){
footer>ul#sitemap>li{
flex-basis:100%;
}
}

footer>ul#sitemap>li>ul{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
}

/*==通常のli==*/
footer>ul#sitemap>li>ul>li{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
margin-bottom:15px;
border:0;
padding:0;
}

footer>ul#sitemap>li>ul>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0 0 5px 26px;
/*--*/
text-align:left;
line-height:1.4;
font-size:0.9rem;
font-weight:normal;
color:#666;
}

/*==最初のli==*/
footer>ul#sitemap>li>ul>li:first-child{
margin-bottom:15px;
}

footer>ul#sitemap>li>ul>li:first-child>a{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:10px;
padding:10px 10px 10px 26px;
background-color:#D6D3CB;
/*--*/
text-align:left;
font-size:0.9rem;
font-weight:bold;
color:#666;
}