@charset "UTF-8";
/*
Theme Name: attract-theme001
Description: アトラクトブルー テーマ0001
Author: yamamoto
Author URI: https://attractblue.jp
Version: 6.4
*/
/* ---------------------------------------
全デバイス共通
--------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
body {
-ms-word-wrap: break-word;
word-wrap: break-word;
font-size: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
strong {
font-weight: bold;
}
/* a 要素
-------------------------------------- */
a {
text-decoration: none;
}
a:hover {
opacity: .5;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
a img {
border: none;
}
/* clearfix要素
-------------------------------------- */
.clearfix::after, .clearfix::before {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0.1em;
line-height: 0;
visibility: hidden;
overflow: hidden;
}
.clearfix {
min-height: 1px;
}
/* ---------------------------------------
ヘッダーインフォエリア
--------------------------------------- */
.home header {
border-top: #f8b82d 4px solid;
}
#header-info {
background: #f8b82d;
}
#header-info .infoArea {
position: relative;
-js-display: flex;
display: flex;
-webkit-justify-content: flex-end; /* Safari */
justify-content: flex-end;
width: 960px;
margin: 0 auto;
padding: 10px 0;
}
/*電話番号エリア*/
#header-info .infoArea .telArea {
text-align: left;
color: #fff;
position: relative;
}
#header-info .infoArea .telArea p.tel {
font-size: 212.5%;
letter-spacing: 1px;
}
#header-info .infoArea .telArea p.tel::before {
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f098";
padding-right: 10px;
}
#header-info .infoArea .telArea span.chu {
display: block;
font-size: 98%;
padding: 5px 0 0 0;
color: #fff;
text-indent: inherit;
letter-spacing: 0;
}
/*施術時間票*/
header-info .infoArea img.hyo {
padding-left: 30px;
}
/* ---------------------------------------
ヘッダー
--------------------------------------- */
#head-top {
width: 100%;
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
#head-top .wrapper {
max-width: 1200px;
min-height: 480px;
margin: 0 auto;
text-align: center;
position: relative;
}
/*トップイメージ メインコピー*/
#head-top .wrapper .copyArea {
padding-top: 38px;
max-width: 960px;
margin: 0 auto;
text-align: left;
}
#head-top .wrapper .copyArea p {
color: #fff;
}
#head-top .wrapper .copyArea p span {
display: block;
}
#head-top .wrapper .copyArea p span.marker {
background: rgba(210, 96, 0, .8);
display: inline-block;
margin-bottom: 8px;
padding: 0 12px;
}
#head-top .wrapper .copyArea p span.line01 {
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 200%;
padding-bottom: 14px;
}
#head-top .wrapper .copyArea p span.line02 {
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 300%;
font-weight: bold;
margin-bottom: 18px;
line-height: 3.2rem;
}
#head-top .wrapper .copyArea p span.line03 {
font-size: 113%;
padding-bottom: 18px;
line-height: 2.2rem;
}
#head-top .wrapper .copyArea p span.line04 {
font-size: 175%;
font-weight: bold;
line-height: 2.4rem;
padding-top: 8px;
}
/* トップイメージ内 - 住所＆TEL表示
-------------------------------------- */
.box_wrapper {
max-width: 960px;
margin: -80px auto 0;
-js-display: flex;
display: flex;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
position: relative;
}
.addBox, .telBox {
text-align: center;
border-radius: 6px;
padding: 0 30px;
height: 100px;
top: 16px;
}
.addBox {
left: 0;
color: #EC6400;
background: rgba(255, 255, 255, .9);
border: #EC6400 2px solid;
/**width: 424px;**/
margin-right: 10px;
flex: 1;
}
.telBox {
right: 0;
color: #fff;
background: #EC6400;
border: #fff 2px solid;
}
.box_inner {
position: relative;
top: 55%;
-moz-transform: translateY(-55%);
-webkit-transform: translateY(-55%);
-ms-transform: translateY(-55%);
transform: translateY(-55%);
}
.addBox span, .telBox span {
display: block;
text-align: left;
}
.addBox span.add {
font-weight: bold;
padding-bottom: 6px;
line-height: 1.4rem;
display: inline-block;
width: 100%;
}
.addBox span.open_time {
font-size: 88%;
display: inline-block;
width: 100%;
}
.telBox span.txt {
font-size: 113%;
padding-bottom: 7px;
}
.telBox span.tel_num {
font-size: 262.5%;
}
.telBox span.tel_num::before {
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f098";
padding-right: 10px;
}
/*ヘッダー縦書きコピー（スマホ用）*/
#head-top .wrapper .copyArea img.sp {
display: none;
}
/* トップ - 鍼灸院情報エリア
-------------------------------------- */
#head-top .infoArea {
position: absolute;
width: 410px;
right: 1%;
bottom: 3%;
}
/* ロゴ
-------------------------------------- */
#top-head h1 {
width: 214px;
}
/*ロゴがテキストの場合*/
h1.nologo {
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
padding: 15px 0 0 0;
font-size: 125%;
max-width: 300px
}
h1.nologo a {
color: #000;
}
#page_2nd h1.nologo a {
color: #fff;
}
/* ---------------------------------------
ナビ＜nav.cssに記述＞
--------------------------------------- */
/* ---------------------------------------
コンテンツ＜全体＞
--------------------------------------- */
.contents {
width: 100%;
min-width: 960px;
}
/*ワンカラム用*/
.contents_wrapper {
width: 960px;
margin: 40px auto;
}
section {
margin: 0 auto 40px;
}
.sec_wrapper {
width: 960px;
margin: 0 auto;
padding: 80px 0 60px;
}
.sec_bg {
background: #FCFAF3;
}
.txtBlock {
margin: 20px auto;
}
.txtBlock::after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0.1em;
line-height: 0;
visibility: hidden;
overflow: hidden;
}
.txtBlock p {
line-height: 2.0rem;
text-align: left;
margin: 0 0 2em 0;
}
.txtBlock a {text-decoration: underline;}
.txtBlock a:hover {text-decoration: none;}
/* ---------------------------------------
トップコピー　スマホ用（スマホのみ表示）
--------------------------------------- */
#top_copyArea {
display: none;
}
/* ---------------------------------------
問題提起_下コピー（大）エリア
--------------------------------------- */
.leadcopy p {
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 138%;
text-align: center;
line-height: 2.8rem;
font-weight: bold;
}
/* ---------------------------------------
新大阪整体院 院長あいさつ
--------------------------------------- */
#introArea h2 {
padding-bottom: 40px;
}
.introBlock img {
margin-bottom: 40px;
}
.introBlock .txtBlock {
max-width: 760px;
}
/* ---------------------------------------
喜びの声エリア＜トップページ＞
--------------------------------------- */
.voiceBlock {
max-width: 850px;
margin: 20px auto 40px;
border: #c9caca 1px solid;
border-radius: 6px;
}
.voice_wrapper {
padding: 42px 34px;
}
.titBlock {
-js-display: flex;
display: flex;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
}
.titBlock .face {
width: 88px;
}
.titBlock .title {
flex: 1;
margin-left: 20px;
}
p.name {
color: #ec6400;
}
/* ---------------------------------------
当院が心掛ける５つのこと
--------------------------------------- */
#kokorogakeArea .txtBlock {
max-width: 820px;
}
.kokorogakeBlock {
background: #fff;
margin: 0 auto 52px;
border: #ec6400 2px solid;
border-radius: 6px;
position: relative;
}
/*○囲み数字*/
.kokorogakeBlock .maru {
position: absolute;
top: -25px;
left: 50%;
margin-left: -25px;
}
.kokorogakeBlock .maru_size {
width: 50px;
height: 50px;
}
.kokorogakeBlock .wrapper {
padding: 45px 45px 40px 45px;
-js-display: flex;
display: flex;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
}
.kokorogakeBlock .wrapper .imgBlock {
width: 260px;
}
.kokorogakeBlock .wrapper .txtArea {
flex: 1;
margin-left: 20px;
}
.kokorogakeBlock h3 {
padding-bottom: 6px;
text-align: left;
}
.kokorogakeBlock p {
padding: 10px 0 14px 0;
line-height: 1.8rem;
text-align: left;
}
/* ---------------------------------------
メディア掲載実績も多数あります
--------------------------------------- */
.media_wrapper {
-js-display: flex;
display: flex;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
margin: 20px auto;
}
.media_wrapper .txtBlock {
margin: 0 auto;
}
p.tit_media {
color: #ec6400;
letter-spacing: 1px;
border: #ec6400 1px solid;
display: inline-block;
padding: 8px 32px 6px 32px;
}
/* ---------------------------------------
予約・施術の流れ
--------------------------------------- */
#nagareArea .sec_wrapper {
padding: 60px 0 40px;
}
.nagareBlock {
margin: 40px auto;
-js-display: flex;
display: flex;
flex-wrap: wrap;
}
.yoyakuBlock img, .sejutsuBlock img {
margin: 0 auto !important;
border-color: #FCFAF3;
border-width: 10px;
border-style: solid;
width: 80%;
}
.yoyakuBlock, .sejutsuBlock {
margin: 0 auto;
}
.yoyakuBlock .wrapper, .sejutsuBlock .wrapper {
position: relative;
margin: 28px auto 0;
border-radius: 4px;
}
.yoyakuBlock ul, .sejutsuBlock ul {
-js-display: flex;
display: flex;
-webkit-align-content: space-around; /* Safari */
align-content: space-around;
flex-wrap: wrap;
padding: 54px 0 0;
}
.yoyakuBlock ul li, .sejutsuBlock ul li {
width: 50%;
padding: 10px 0 20px 0;
min-height: 26em;
position: relative;
}
.yoyakuBlock ul li p.shosai, .sejutsuBlock ul li p.shosai {
font-size: 88%;
padding: 12px 15px;
margin: 0 auto;
line-height: 1.4rem;
}
/* 予約の流れ
-------------------------------------- */
.yoyakuBlock .wrapper {
background: #f3981c;
border: #f3981c 1px solid;
}
/*▼マーク*/
.yoyakuBlock .wrapper .maru_arrow.maru_bg {
color: #fff;
background: #f3981c;
border: #fff 2px solid;
}
.yoyakuBlock ul li p.shosai {
color: #fff;
}
/*○囲み数字（予約の流れ）*/
.yoyakuBlock ul li .maru {
position: absolute;
top: -10px;
left: 50%;
margin-left: -20px;
}
.yoyakuBlock ul li .maru_size {
width: 40px;
height: 40px;
}
.yoyakuBlock ul li .letter_size {
font-size: 1.3em;
}
.yoyakuBlock .maru_bg {
color: #f3981c;
background: #fff;
border: #f3981c 1px solid;
}
/* 施術の流れ
-------------------------------------- */
.sejutsuBlock .wrapper {
background: #fff;
border: #f3981c 1px solid;
}
/*▼マーク*/
.sejutsuBlock .wrapper .maru_arrow.maru_bg {
color: #EC6400;
background: #fff;
border: #EC6400 1px solid;
}
/*○囲み数字（施術の流れ）*/
.sejutsuBlock ul li .maru {
position: absolute;
top: -10px;
left: 50%;
margin-left: -20px;
}
.sejutsuBlock ul li .maru_bg {
border: #fff 1px solid;
}
.sejutsuBlock ul li .maru_size {
width: 40px;
height: 40px;
}
.sejutsuBlock ul li .letter_size {
font-size: 1.3em;
}
/* ---------------------------------------
施術料金（トップページ）
--------------------------------------- */
.fee_Block {
border: #ec6400 3px solid;
border-radius: 4px;
-js-display: flex;
display: flex;
-webkit-align-content: space-around;
align-content: space-around;
padding: 34px 32px 34px 32px;
background: #fff;
}
.fee_Block .l_block {
width: 50%;
}
.fee_Block .l_block table {
width: 100%;
}
.fee_Block .l_block td.kaisu {
color: #ec6400;
font-size: 113%;
font-weight: bold;
text-align: left;
padding-left: 2px;
padding-bottom: 0;
}
.fee_Block .l_block td {
text-align: right;
padding: 10px 10px 10px 30px;
}
.fee_Block .l_block tr:nth-child(3) td {
padding-top: 22px;
}
.fee_Block .l_block td.uchiwake {
text-align: left;
font-size: 88%;
border: #ccc 1px solid;
}
.fee_Block .l_block span.pri {
font-size: 187.5%;
font-weight: bold;
}
.fee_Block .r_block {
width: 50%;
}
.fee_Block .r_block i {
font-size: 200%;
padding-right: 4px;
padding-top: 10px;
}
.fee_Block .r_block p {
padding: 4px 0 10px 26px;
line-height: 1.6rem;
font-size: 88%;
}
.fee_Block .r_block span.small {
font-size: 75%;
}
.fee_Block .linkmore {
text-align: left;
padding-left: 26px;
margin-top: 0;
}
/* ---------------------------------------
施術料金
--------------------------------------- */
#ryokinArea .sec_wrapper {
padding: 0 0 60px;
}
/* ---------------------------------------
当院は最後まで諦めません
--------------------------------------- */
#nevergiveupArea .txtBlock {
max-width: 820px;
}
/* ---------------------------------------
当院で特に多い症例
--------------------------------------- */
ul.shojoList {
margin: 40px auto;
-js-display: flex;
display: flex;
flex-wrap: wrap;
-webkit-align-content: space-between; /* Safari */
align-content: space-between;
}
ul.shojoList li {
width: 25%;
margin: 20px auto;
text-align: center;
}
ul.shojoList li img {
width: 160px;
border-radius: 50%;
border: #F3981C 4px solid;
}
#shoreiArea .last_copy {
text-align: center;
font-size: 150%;
color: #fff;
background: #ec6400;
padding: 20px 0;
}
/* ---------------------------------------
院で施術を受けられた方はこんな結果を手に入れています
--------------------------------------- */
#getArea ul.check_list {
margin: 40px auto;
padding: 0 18px 20px 40px;
}
#getArea ul.check_list li {
padding: 14px 0;
border-bottom: #000 1px dotted;
margin-bottom: 4px;
font-weight: bold;
}
/* ---------------------------------------
お知らせ・ブログ一覧エリア
--------------------------------------- */
/* 共通
-------------------------------------- */
#infoArea {
margin: 40px auto;
}
#infoArea #wrapper {
-js-display: flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
width: 960px;
margin: 0 auto;
padding: 40px 0;
}
#infoArea h4.tit {
color: #ec6400;
font-size: 150%;
margin-bottom: 20px;
}
#infoArea h4.tit::before {
font-family: "Font Awesome 5 Free";
font-weight: 600;
padding-right: 8px;
vertical-align: baseline;
}
#infoArea ul {
font-size: 88%;
border-top: #ec6400 1px solid;
border-bottom: #ec6400 1px solid;
}
#infoArea ul li {
padding: 22px 0 18px 0;
border-bottom: #ec6400 1px dotted;
line-height: 1.4rem;
-js-display: flex;
display: flex;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
}
#infoArea ul li:last-child {
border-bottom: none;
}
#infoArea ul li a {
color: #000;
}
#infoArea ul li a:hover {
text-decoration: underline;
}
#infoArea ul li span.date {
color: #989898;
display: inline-block;
}
#infoArea ul li span.title {
display: inline-block;
flex: 1;
padding-left: 12px;
}
#infoArea .btn {
text-align: center;
}
/* お知らせ一覧
-------------------------------------- */
.newsList {
width: 48%;
}
.newsList h4.tit::before {
content: "\f044";
}
.newsList .btn a {
color: #fff;
font-size: 94%;
background: #f3981c;
padding: 19px 22px 15px 22px;
border-radius: 4px;
display: inline-block;
margin: 40px auto 0;
width: 60%;
}
.newsList .btn a::after {
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f138";
padding-left: 6px;
vertical-align: middle;
}
/* ブログ一覧
-------------------------------------- */
.blogList {
width: 48%;
}
.blogList h4.tit::before {
content: "\f1ea";
}
.blogList .btn a {
color: #ec6400;
font-size: 94%;
background: #fff;
border: #ec6400 1px solid;
padding: 19px 22px 15px 22px;
border-radius: 4px;
display: inline-block;
margin: 40px auto 0;
width: 60%;
}
.blogList .btn a::after {
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f138";
padding-left: 6px;
vertical-align: middle;
}
/* ---------------------------------------
フッター
--------------------------------------- */
footer {
width: 100%;
clear: both;
background: #fff;
border-top: #ea9424 1px solid;
}
footer #container {
min-height: 600px;
margin: 0 auto;
padding: 34px 0;
}
footer .wrapper {
width: 960px;
margin: 36px auto 0 auto;
-js-display: flex;
display: flex;
justify-content: space-between;
}
footer .infoBlock {
width: 50%;
}
footer .infoBlock p.site_tit {
padding-bottom: 26px;
width: 258px;
}
footer .infoBlock p.site_tit a.no_logo {
font-weight: bold;
}
footer .infoBlock p.add {
padding-bottom: 12px;
line-height: 1.4rem;
}
footer .infoBlock p.tel_copy {
font-size: 125%;
color: #fff;
background: #f3981c;
border-radius: 4px;
display: inline-block;
padding: 14px 20px;
}
/*電話番号*/
footer .infoBlock p.tel {
font-size: 262.5%;
font-weight: bold;
display: block;
padding: 12px 0;
color: #f3981c;
}
footer p.eigyo {
font-size: 113%;
}
footer p.eigyo span.holiday {
font-size: 66.6666%;
padding-left: 20px;
}
footer .miryoku {
margin: 12px 0 0;
}
.miryoku span.kakoi {
color: #ec6400;
border: #ec6400 1px solid;
border-radius: 4px;
background: #fff;
padding: 10px 12px;
display: inline-block;
margin-right: 8px;
margin-bottom: 10px;
}
footer .mapBlock {
width: 48%;
}
footer .mapBlock p.chu {
font-size: 75%;
color: #989898;
padding: 15px 0;
line-height: 1.1rem;
text-indent: inherit;
}
/*===============================
フッター下部メニューエリア
===============================*/
#footer_bottom {
width: 100%;
border-top: #d26000 1px solid;
}
#footer_bottom_inner {
width: 960px;
padding: 46px 0;
margin: 0 auto;
position: relative;
-js-display: flex;
display: flex;
-js-justify-content: space-between;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
}
.f_menu {
font-size: 88%;
width: 67%;
}
.f_menu ul {
text-align: center;
clear: both;
padding-bottom: 34px;
}
.f_menu ul li {
position: relative;
float: left;
margin-bottom: 10px;
}
.f_menu ul li::after {
content: '';
position: absolute;
top: 40%;
display: inline-block;
width: 18px;
height: 1px;
background-color: #ec6400;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
left: 93%;
}
.f_menu ul li:last-child::after {
background: none;
}
.f_menu ul li a {
display: inline-block;
padding: 3px 8px;
position: relative;
color: #000;
margin-left: 10px;
margin-right: 10px;
}
.f_menu ul li a:hover {
opacity: 1;
color: #ec6400;
}
/*ホバーエフェクト設定*/
.f_menu ul li a:before, .f_menu ul li a:after {
position: absolute;
top: 1.4em;
content: "";
display: inline-block;
width: 0;
height: 2px;
background: #ec6400;
transition: .2s;
}
.f_menu ul li a:before {
left: 50%;
}
.f_menu ul li a:after {
right: 50%;
}
.f_menu ul li a:hover:before, .f_menu ul li a:hover:after {
width: 50%;
}
#copyright p {
padding: 0 0 16px 0;
text-align: right;
color: #d26000;
font-size: 75%;
}
/**--------------------------------------------
ショートコードプラグインによる
Googleマップ設定
--------------------------------------------**/
.su-gmap {
margin: 0 !important;
}
footer .mapBlock .su-responsive-media-yes {
padding-bottom: 90% !important;
}
.sidemap .su-responsive-media-yes {
padding-bottom: 120% !important;
}
/* ---------------------------------------
施術表
--------------------------------------- */
.sejutsu_hyo.large {
width: 100%;
background: #f3981c;
color: #fff;
padding: 10px 0;
margin: 0 auto 20px;
-js-display: flex;
display: flex;
-webkit-justify-content: space-around; /* Safari */
justify-content: space-around;
}
.sejutsu_hyo.large .hyo_tit {
background: #Fff;
color: #f3981c;
text-align: center;
line-height: 1.2;
font-size: 113%;
padding: 0 18px;
font-weight: normal;
}
.sejutsu_hyo.large .hyo_tit p {
position: relative;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transform: translateY(-50%);
}
.sejutsu_hyo.large table th {
font-weight: normal;
font-size: 88%;
text-align: center;
padding: 6px 11px;
}
.sejutsu_hyo.large table tr {
border-bottom: 1px solid #fff;
}
.sejutsu_hyo.large table td {
padding: 3px 0;
font-weight: bold;
text-align: center;
}
.sejutsu_hyo.large table tr:last-child {
border-bottom: none;
}
.sejutsu_hyo.large table td.koumoku {
font-weight: normal;
}
.sejutsu_hyo.large span.uke {
background: #fff;
color: #f3981c;
font-size: 62.5%;
padding: 2px 0;
display: block;
text-align: center;
margin-top: 2px;
}
.sejutsu_hyo.large span.s_time {
font-size: 75%;
letter-spacing: 1px;
}
/* ---------------------------------------

404

--------------------------------------- */
.not_txt {
text-align: center;
margin: 100px auto;
}
.not_txt p.l_404 {
color: #676767;
font-size: 700%;
font-weight: bold;
display: inline-block;
margin-bottom: 60px;
}
.not_txt p.s_not {
color: #676767;
font-size: 300%;
margin-bottom: 60px;
}
.not_txt p.txt {
line-height: 1.6rem;
letter-spacing: 0.01em;
}
.not_txt a {
display: inline-block;
padding: 20px 80px;
background: #676767;
color: #fff;
margin: 60px auto 20px;
}
.not_txt a::before {
font-family: FontAwesome;
content: "\f015";
padding-right: 8px;
}
/* ---------------------------------------
スマホ用フッター固定メニュー
--------------------------------------- */
ul#footer_contact_btn {
background: #ffffff;
border-top: 1px solid #ddd;
-js-display: flex;
display: flex;
flex-wrap: wrap;
position: fixed;
bottom: 0;
table-layout: fixed;
text-align: center;
width: 100%;
z-index: 9998;
}
ul#footer_contact_btn li {
flex: 1;
font-size: 75%;
}
ul#footer_contact_btn li + li {
border-left: solid 1px #ddd;
}
ul#footer_contact_btn li a {
display: block;
padding: 16px 0;
color: #FF4928;
}
ul#footer_contact_btn li a i {
font-size: 125%;
}