@charset "utf-8"; 

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#promo_frame {
    margin-bottom: 0;
}

#promo_frame, #promo_area {
    background: url("https://pharmacy-suzuran.com/wordpress/wp-content/themes/cyber-child/images/promo01.jpg") no-repeat 50%;
    height: 450px;
    position: relative;
    margin-top: 0;
}

.no_slide {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#title_area {
    display: none;
}

div#header_area p.logo {
    margin-top: 8px;
}

div#header_right_section {
    font-family: "Noto Sans Japanese";
}

div#header_right_section th {
    text-align: center;
    color: #7ba300;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
    border-right: 2px solid #7ba300;
    padding: 0 10px 0 20px;
}

div#header_right_section th .sub {
    display: block;
    font-size: 16px;
}

div#header_right_section td {
    padding-left: 10px;
    font-size: 13px;
}

div#header_right_section .btns a {
    color: #fff;
    padding: 12px 5px;
    border-radius: 5px;
    font-size: 10px;
    line-height: 1.2;
    min-width: 60px;
    margin-left: 5px;
    font-weight: bold;
}

div#header_right_section .btns .cart a {
    background: url("https://pharmacy-suzuran.com/wordpress/wp-content/themes/cyber-child/images/head_btn_bg01.jpg");
}

div#header_right_section .btns .mypage a {
    background: url("https://pharmacy-suzuran.com/wordpress/wp-content/themes/cyber-child/images/head_btn_bg02.jpg");
}

div#header_right_section .btns a:before {
    font-family: "FontAwesome";
    display: block;
    font-size: 20px;
    font-weight: normal;
}

div#header_right_section .btns .cart a:before {
    content: "\f07a";
}

div#header_right_section .btns .mypage a:before {
    content: "\f007";
}

div#header_right_section p.tel {
    font-family: "Roboto";
    font-size: 24px;
    font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ディスプレイ右サイドの固定エリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#side_fixed{
    right: 0;
}

#side_fixed li {
    position: relative;
    right: -20px;
}

#side_fixed li:hover {
    right: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
グローバルナビ（上段）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#gnavi_frame {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
グローバルナビ（下段）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#gnavi_frame2 {
    background: #fffef5;
    border-bottom:1px solid #e8e2cc;
    border-top: 1px solid #e8e2cc;
    font-family:"Noto Sans Japanese";
}

#gnavi_frame2 ul.gnavi > li:first-child {
    border-left: 1px solid #e8e2cc;
    min-width: 30px;
}

#gnavi_frame2 ul.gnavi > li:first-child a {
    min-width: 40px;
    padding: 18px 0;
}

/* 親メニューのみ */
#gnavi_frame2 ul.gnavi > li {
    min-width: 90px;
}

#gnavi_frame2 ul.gnavi > li > a {
    padding: 18px 0;
    color: #333;
    font-size: 16px;
    font-weight:bold;
    border-right: 1px solid #e8e2cc;
}

/* 親メニューのみ(アクティブ状態)（display:table-cellを使用するためAではなくLIに変化をつける） */
#gnavi_frame2 ul.gnavi > li[class*='current'],
#gnavi_frame2 ul.gnavi > li:hover {
    background:#fffef5;
}

#gnavi_frame2 ul.gnavi > li[class*='current'] > a,
#gnavi_frame2 ul.gnavi > li:hover > a {
    color: #87ab18;
}

/* 子メニューのみ(アクティブ状態) */
#gnavi_frame2 ul.gnavi ul li:hover {
    opacity:.7;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローカルナビを隠す
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body[class*="page-byoki"] .family_navi_wrap{
    display: none;
}
body.page-byoki #contents_area {
    padding-top: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定ページナビゲーション（サブタイトル）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

ul.family_navi li:before {
    background: #678f0a;
}

ul.family_navi li[class*='current']:before, 
ul.family_navi li:hover:before {
    background: #9ec327;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッターエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contents_area{
    padding-bottom:0;
}

#footer_area {
    padding: 20px 0 30px;
}

#footer_frame {
    background: #d4e597;
}

#footer_area .navi_area2_wrap {
    display: flex;
}

#footer_area p.home {
    padding-top: 15px;
    margin-right: 15px;
}

#footer_area2{
    padding: 10px 0;
}
#footer_area .navi_area2 .menu {
	overflow:hidden;
}
#footer_area .navi_area2 .menu > li {
    float: left;
    font-family: "Noto Sans Japanese";
    font-weight: bold;
    font-size: 14px;
    margin-right: 30px;
    width: auto;
    margin-bottom: 12px;
}

#footer_area .navi_area2 .menu > li:before {
    content: "";
    display: inline-block;
    height: 2px;
    width: 10px;
    margin-bottom: 4px;
    margin-right: 9px;
    background: none;
    background-color: #47843c;
    padding-bottom: 0;
}

#footer_area .navi_area2 .sub-menu li {
    font-size: 13px;
    margin-bottom: 2px;
    margin-left: 20px;
    font-weight:  normal;
}
#footer_area .navi_area2 .sub-menu{
    list-style: disc;
    margin: 5px 0 0 1em;
}

#footer_area .navi_area3 {
    clear: both;
    padding-top: 18px;
    padding-bottom: 18px;
    font-family: "Noto Sans Japanese";
}

div#footer_frame2 {
    display: inherit!important;
}

#footer_area2 .open:before {
    content:'';
    display:block;
}

#footer_area2 .logo {
    width: 219px;
    margin: 0 auto;
    padding: 0px 0 10px;
    display:inline-block;
    float:  left;
    margin-right: 50px;
}

#footer_area2 .logo img {
    width: 219px;
}

#footer_area2 p.addr_wrap{
    padding: 6px 0;
    line-height: 1.6;
}

#footer_area2 p.addr_wrap > span {
    margin-right: 14px;
    font-size:14px;
}

div#footer_bottom_section {
    border-top: none;
}

body.pc #copy_frame {
    text-align: center;
    background-color: #739b14;
}

#copy_area {
    padding: 13px 0;
    color: #fff;
}

#copy_area a {
    color: #fff;
}

#copy_area a:hover {
    text-decoration:none;
}