@charset "utf-8";

/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*全体の設定
---------------------------------------------------------------------------*/

html,
body,
#container {
  height: 100%;
}

body {
  margin: 0px;
  padding: 0px;
  color: #666;
  /*全体の文字色*/
  /*	font-family: "游明朝","YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;*/
  font-family: sans-serif;
  /*フォント種類*/
  font-size: 14px;
  /*文字サイズ*/
  line-height: 2;
  /*行間*/
  background: #f5f4f0;
  /*背景色*/
  -webkit-text-size-adjust: none;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
dl,
dt,
dd,
form,
figure,
form {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style-type: none;
}

ol {
  padding-left: 40px;
  padding-bottom: 15px;
}

img {
  border: none;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border-radius: 3px;
  /* 画像の丸み */
}

table {
  border-collapse: collapse;
  font-size: 100%;
  border-spacing: 0;
}

iframe {
  width: 100%;
}


/*リンク（全般）設定
---------------------------------------------------------------------------*/

a {
  color: #666;
  /*リンクテキストの色*/
  transition: 0.2s;
  /*マウスオン時の移り変わるまでの時間設定。0.2秒。*/
}

a:hover {
  color: #714b3e;
  /*マウスオン時の文字色*/
  text-decoration: none;
  /*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}


/*ヘッダー
---------------------------------------------------------------------------*/

header {
  width: 100%;
  background: #ffffff;
  /*背景色 この背景色をスマホメニューでも反映されている*/
  position: relative;
  z-index: 40;
}


/*トップページのみのヘッダー bodyにidを指定している */

#top header {
  position: relative;
  z-index: 10;
  min-height: 100%;
  margin-bottom: -72px;
  /*メニューの高さ（「#menubar ul li aのline-height: 70px;」と「#menubarのborderの上下2px分」）を合計した数字を設定する*/
  background: #fff;
  /*背景色*/
}


/*h1画像（トップページ以外で使用するロゴ画像）*/

header h1 img {
  width: 170px;
  /*画像幅*/
  padding-top: 0px;
  padding-left: 0px;
  /*上下、左右への余白 SVGの下の画像位置*/
  /*	padding-right: 5%;*/
}


/* トップページ以外のヘッダー */

.header_n {
  display: block;
  width: 980px;
  height: 50px;
  margin: 0 auto;
  border-bottom: solid 0.5px #9c9c9c;
  padding-top: 15px;
}

.header_n img {
  width: 170px;
  /*画像幅*/
  vertical-align: middle;
  /* 画像とテキストセットで指定 */
}

.header_n span {
  vertical-align: middle;
  /* 画像とテキストセットで指定 */
}

.header_n h1 {
  font-size: 14px;
  color: #666;
}


/* スマホ用ヘッダー */

.header_n_sp {
  display: none;
}

.header_n_sp {
  width: 100%;
  height: 45px;
  margin: 0 auto;
  border: solid 0px red;
  padding-top: 0px;
}

.header_n_sp img {
  padding-top: 10px;
  padding-left: 15px;
  width: 170px;
  /*画像幅*/
}

.header-logo-menu {
  display: none;
}


/*トップページのメイン画像
---------------------------------------------------------------------------*/

#mainimg {
  text-indent: -9999px;
  position: fixed;
  /*スクロールしても固定表示させる指定*/
  top: 0px;
  width: 100%;
  height: 100%;
  /*	background: url(../images/mainimg.jpg) no-repeat center center;	/*背景画像（古いブラウザ用）*/
  /*	background: url(../images/mainimg.jpg) no-repeat center center / cover;	/*背景画像*/
}


/*トップページのメイン画像のアニメーション設定
---------------------------------------------------------------------------*/


/* --- 背景の指定 ------------------------------------------- */

#mainimg .bgImg {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  animation: bgAnime 40s infinite;
  /* 4画像 × 各5s = 20s */
}


/* --- 段差で背景画像のアニメーションを実行 ----------------- */

#mainimg .src1 {
  background-image: url(../images/mainimg5.jpg);
  /* 背景の画像を指定 */
}

#mainimg .src2 {
  background-image: url(../images/mainimg2.jpg);
  /* 背景の画像を指定 */
  animation-delay: 10s;
}

#mainimg .src4 {
  background-image: url(../images/mainimg4.jpg);
  /* 背景の画像を指定 */
  animation-delay: 20s;
}

#mainimg .src3 {
  background-image: url(../images/mainimg.jpg);
  /* 背景の画像を指定 */
  animation-delay: 30s;
}

@keyframes bgAnime {
  0% {
    opacity: 0;
    transform: scale(1.0, 1.0);
  }

  1% {
    opacity: 1;
    transform: scale(1.0, 1.0);
  }

  5% {
    opacity: 1;
    transform: scale(1.0, 1.0);
  }

  21% {
    opacity: 1;
    transform: scale(1.05, 1.05);
  }

  25% {
    opacity: 1;
    transform: scale(1.05, 1.05);
  }

  26% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}


/*トップページのSVGロゴアニメーション設定
---------------------------------------------------------------------------*/

#svg-logo {
  fill: transparent;
  /*初期の色。透明。*/
  stroke: #;
  /*フチ取りの色*/
  stroke-width: 2;
  /*フチ取りの幅*/
  width: 20%;
  /*画像の幅*/
  height: 20%;
  /*画像の高さ*/
  position: fixed;
  /*スクロールしても固定表示させる指定*/
  left: 40.5%;
  /* SVG800px以上の位置 */
  bottom: 51%;
  /* SVG800px以上の位置 */
  border: solid 0px red;
  /* 位置確認用 */
}

#svg-logo path {
  animation: FillIn 0.5s 2s linear both;
}

@keyframes FillIn {
  from {
    fill-opacity: 0;
  }

  to {
    fill-opacity: 1;
  }
}


/*SVG追加設定
---------------------------------------------------------------------------*/


/*h1　（トップページのメイン画像上に出てくるサイト名）
---------------------------------------------------------------------------*/

#top header h1 {
  color: #ffffff;
  /*文字色*/
  text-align: center;
  /*テキストを中央に*/
  font-size: 24px;
  font-weight: bold;
  text-shadow: 1px 2px 3px #808080;
  letter-spacing: 8px;
  position: fixed;
  /*スクロールしても固定表示させる指定*/
  left: 0%;
  /*左から0%の場所に配置*/
  bottom: 43%;
  /*下から35%の場所に配置*/
  width: 100%;
  /*幅*/
  animation-name: move-h1;
  /*アニメーションのキーフレーム（下）で指定しているkeyframesの名前（move-h1）*/
  animation-duration: 1.0s;
  /*アニメーションの実行時間。0.5秒。*/
  animation-delay: 2.0s;
  /*1.5秒遅れて開始させる*/
  animation-fill-mode: both;
  /*待機中は最初のキーフレームを、完了後は最後のキーフレームを維持*/
}


/*アニメーションのキーフレーム*/

@keyframes move-h1 {
  0% {
    opacity: 0;
    /*透明度0%*/
  }

  100% {
    opacity: 1;
    /*透明度100%*/
  }
}


/*トップページの「ホームページ開設キャンペーン」ボックス設定
---------------------------------------------------------------------------*/


/*ボックス*/

#topics {
  background: #000;
  /*背景色（古いブラウザ用）*/
  background: rgba(113, 75, 62, 0.7);
  /*背景色。0,0,0は黒の事で0.7は透明度70%の事*/
  color: #fff;
  /*文字色*/
  position: fixed;
  /*スクロールしても固定表示させる指定*/
  width: 100%;
  /*幅*/
  text-align: center;
  /*文字を中央に*/
  padding: 10px 0px;
  /*上下、左右へのボックス内の余白*/
  animation-name: move-topics;
  /*アニメーションのキーフレーム（下）で指定しているkeyframesの名前（move-topics）*/
  animation-duration: 1.0s;
  /*アニメーションの実行時間。0.3秒。*/
  animation-delay: 2.0s;
  /*2秒遅れて開始させる*/
  animation-fill-mode: both;
  /*待機中は最初のキーフレームを、完了後は最後のキーフレームを維持*/
  bottom: 15%;
  /*古いブラウザ用にフィニッシュの場所を指定しておく*/
}


/*ボックス内のh2見出し*/

#topics h2 {
  font-size: 24px;
  /*文字サイズ*/
}


/*アニメーションのキーフレーム*/

@keyframes move-topics {
  0% {
    opacity: 0;
    /*透明度0%*/
    bottom: 0%;
    /*下から0%の場所からスタート*/
  }

  100% {
    opacity: 1;
    /*透明度100%*/
    bottom: 15%;
    /*下から15%の場所でフィニッシュ*/
  }
}


/*メインメニューのブロック
---------------------------------------------------------------------------*/


/* ロゴが消えたり見えたり */

#menubar li a img {
  opacity: 1.0;
}


/*メニューブロック*/

#menubar {
  width: 100%;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.99);
  /* メニューバーが少し透明 */
  position: relative;
  z-index: 30;
  border-top: 1px solid #9c9c9c;
  /*上の線の幅、線種、色*/
  border-bottom: 1px solid #9c9c9c;
  /*下の線の幅、線種、色*/
  text-align: center;
  /*文字を中央に*/
  border: solid 0px #fff;
}

#menubar ul {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
  border: solid 0px red;
}


/*メニュー１個あたりの設定*/

#menubar ul li {
  float: left;
  /*左に回り込み*/
  width: 20%;
  /*幅。下の「#menubar ul.ddmenu」と合わせる。今回は５個メニューがあるので100÷5=20*/
}

#menubar ul li a {
  text-decoration: none;
  display: block;
  border-left: 1px solid #9c9c9c;
  /*左側の線の幅、線種、色*/
  line-height: 50px;
  /*高さ（行間）*/
  margin: 10px 0;
  /*上下、左右、aタグの外側にに空けるスペース。*/
}

#menubar ul li:first-child a {
  border-left: none;
  /*１個目のメニューの左の線を消す指定*/
}


/*スマホ用メニューを表示させない*/

#menubar-s {
  display: none;
}


/*３本バーアイコンを表示させない*/

#menubar_hdr {
  display: none;
}


/*ドロップダウンメニュー用
----------------------------------------------------------------------------------------------------------------------------------*/

#menubar ul.ddmenu {
  width: 70%;
  margin: 0 auto;
  position: absolute;
  visibility: hidden;
  margin-top: 1px;
  border-top: 1px solid #fff;
  /*上の線の幅、選手、色。marginでもいいのですが見づらいのであえて線にしています。*/
  width: 194px;
  /* 980pxなので固定値 */
}


/*メニュー１個あたりの設定*/

#menubar ul.ddmenu li {
  float: none;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #666666;
  /*下の線の幅、選手、色。marginでもいいのですが見づらいのであえて線にしています。*/
}

#menubar ul.ddmenu li a {
  border: none;
  margin: 0;
  width: 100%;
  line-height: normal;
  padding: 10px 0;
  /*上下、左右への余白*/
  background: #714b3e;
  /*背景色（古いブラウザ用）*/
  background: rgba(255, 255, 255, 0.95);
  /*背景色。0,0,0は黒の事で0.8は透明度80%の事。*/
  color: #666666;
  /*文字色*/
}


/*マウスオン時*/

#menubar ul.ddmenu li a:hover {
  background: rgba(104, 104, 104, 0.95);
  color: #ffffff;
}


/*fixmenu設定（メニューが画面上部に到達した際のスタイル）
------------------------------------------------------------------------------------------------------------------------------------------------------*/

body.is-fixed #menubar.nav-fix-pos {
  position: fixed;
  width: 100%;
  top: 0%;
  /* fixedの中央寄せは以下 */
  left: 50%;
  top: calc(0% - 0px/2);
  left: calc(0% - 0px/2);
  margin: 0 auto;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid #9c9c9c;
  /*下の線の幅、線種、色*/
}

body.is-fixed #menubar.nav-fix-pos img {
  opacity: 1.0;
}

body.is-fixed #menubar.nav-fix-pos ul {
  width: 980px;
  margin: 0 auto;
}

body.is-fixed .inner#first {
  margin-top: 72px;
  /*メニューの高さ（「#menubar ul li aのline-height: 50px;」と「marginの計20px分」と、「#menubarのborderの上下2px分」）を合計した数字を設定する*/
}


/*上の３つのスタイルの「.is-fixed」を「.is-fixed-menu」と変更して同じスタイルを設定して下さい。*/

body.is-fixed-menu #menubar.nav-fix-pos {
  position: fixed;
  width: 100%;
  top: 0%;
  /* fixedの中央寄せは以下 */
  left: 50%;
  top: calc(0% - 0px/2);
  left: calc(0% - 0px/2);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid #9c9c9c;
  /*下の線の幅、線種、色*/
}

body.is-fixed-menu #menubar.nav-fix-pos ul {
  background: rgba(255, 255, 255, 1.0);
}

body.is-fixed-menu .inner#first {
  margin-top: 72px;
  /*メニューの高さ（「#menubar ul li aのline-height: 50px;」と「marginの計20px分」と、「#menubarのborderの上下2px分」）を合計した数字を設定する*/
}


/*inner
---------------------------------------------------------------------------*/

.inner {
  position: relative;
  z-index: 20;
  /* コンテンツの階層 */
  background: #ffffff;
  /*基準となる背景色*/
}


/*innerにbg1スタイルを追加した場合の背景色*/

.inner.bg1 {
  background: #fff !important;
}


/*innerにbg2スタイルを追加した場合の背景色*/

.inner.bg2 {
  background: #f3f6ef !important;
}


/*コンテンツ
---------------------------------------------------------------------------*/

.contents {
  overflow: hidden;
  margin: 0 auto;
  max-width: 980px;
  /*サイトの最大幅 ここで980pxを指定してメニューと同じにしている*/
  padding-left: 5%;
  /*上下、左右へのコンテンツ内の余白*/
  padding-right: 5%;
  /*上下、左右へのコンテンツ内の余白*/
  padding-top: 30px;
  /*上下、左右へのコンテンツ内の余白*/
  padding-bottom: 20px;
  /*上下、左右へのコンテンツ内の余白*/
}


/*h2タグ*/

.contents h2 {
  clear: both;
  padding-top: 0px;
  /* h2に一括でパディング入れたいならここ */
  margin-bottom: 20px;
  font-size: 32px;
  /*文字サイズ typeシリーズの文字サイズ調整を一括で変更可能*/
  text-align: center;
  /*文字をセンタリング*/
}


/*h2タグのspan（装飾用）タグ*/

.contents h2 span {
  display: block;
  margin-top: -10px;
  font-size: 14px;
  /*文字サイズ*/
  color: #347e02;
  /*文字色*/
  letter-spacing: 0.3em;
  /*文字間隔を広くとる設定*/
}


/* 各ページの見出し画像の設定980px以上
---------------------------------------------------------------------------*/


/*type1*/

.contents h2.type1 {
  font-size: 30px;
  /*文字サイズ*/
  background: #fff;
  /*背景色（古いブラウザ用）*/
  background: rgba(255, 255, 255, 0.8);
  /*背景色。255,255,255は白の事で0.8は透明度80%の事。*/
  border-radius: 50px;
  /*角丸のサイズ*/
  box-shadow: 0px 2px 0px 2px rgba(0, 0, 0, 0.1);
  /*影。右へ、下へ、ぼかす範囲、広げる範囲。0,0,0は黒の事で0.1は透明度10%の事*/
}


/*type2 aboutわかくさ薬局とは用*/

.contents h2.type2 {
  background: url(../images/bg_type2.jpg) no-repeat left top;
  /*背景画像の読み込み（古いブラウザ用）*/
  background: url(../images/bg_type2.jpg) no-repeat left top/cover;
  /*背景画像の読み込み*/
  color: #fff;
  /*文字色*/
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: left;
  /*文字を左寄せ*/
  padding: 40px 50px;
  /*上下、左右へのボックス内の余白*/
  border: 10px solid #fff;
  /*枠線の幅、線種、色*/
  margin-top: 40px;
  height: 100px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}


/*影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.1は透明度10%の事*/


/*type2のspan（装飾用）タグ*/

.contents h2.type2 span {
  color: #fff;
  /*文字色（古いブラウザ用）*/
  color: rgba(255, 255, 255, 0.9);
  /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
}


/*type3 zaitaku在宅医療への取り組み用*/

.contents h2.type3 {
  background: url(../images/bg_type3.jpg) no-repeat left top;
  /*背景画像の読み込み（古いブラウザ用）*/
  background: url(../images/bg_type3.jpg) no-repeat left top/cover;
  /*背景画像の読み込み*/
  color: #fff;
  /*文字色*/
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: left;
  /*文字を左寄せ*/
  padding: 40px 50px;
  /*上下、左右へのボックス内の余白*/
  border: 10px solid #fff;
  /*枠線の幅、線種、色*/
  margin-top: 40px;
  height: 100px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}


/*影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.1は透明度10%の事*/


/*type3のspan（装飾用）タグ*/

.contents h2.type3 span {
  color: #fff;
  /*文字色（古いブラウザ用）*/
  color: rgba(255, 255, 255, 0.9);
  /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
}


/*type4 medicine購入可能な医療医薬品用*/

.contents h2.type4 {
  background: url(../images/bg_type4.jpg) no-repeat left top;
  /*背景画像の読み込み（古いブラウザ用）*/
  background: url(../images/bg_type4.jpg) no-repeat left top/cover;
  /*背景画像の読み込み*/
  color: #fff;
  /*文字色*/
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: left;
  /*文字を左寄せ*/
  padding: 40px 50px;
  /*上下、左右へのボックス内の余白*/
  border: 10px solid #fff;
  /*枠線の幅、線種、色*/
  margin-top: 40px;
  height: 100px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}


/*影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.1は透明度10%の事*/


/*type4のspan（装飾用）タグ*/

.contents h2.type4 span {
  color: #fff;
  /*文字色（古いブラウザ用）*/
  color: rgba(255, 255, 255, 0.9);
  /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
}


/*type5 members会員制について用*/

.contents h2.type5 {
  background: url(../images/bg_type5.jpg) no-repeat left top;
  /*背景画像の読み込み（古いブラウザ用）*/
  background: url(../images/bg_type5.jpg) no-repeat left top/cover;
  /*背景画像の読み込み*/
  color: #fff;
  /*文字色*/
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: left;
  /*文字を左寄せ*/
  padding: 40px 50px;
  /*上下、左右へのボックス内の余白*/
  border: 10px solid #fff;
  /*枠線の幅、線種、色*/
  margin-top: 40px;
  height: 100px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}


/*影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.1は透明度10%の事*/


/*type5のspan（装飾用）タグ*/

.contents h2.type5 span {
  color: #fff;
  /*文字色（古いブラウザ用）*/
  color: rgba(255, 255, 255, 0.9);
  /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
}


/*type6 prescription処方箋なしについて用*/

.contents h2.type6 {
  background: url(../images/bg_type6.jpg) no-repeat left top;
  /*背景画像の読み込み（古いブラウザ用）*/
  background: url(../images/bg_type6.jpg) no-repeat left top/cover;
  /*背景画像の読み込み*/
  color: #fff;
  /*文字色*/
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: left;
  /*文字を左寄せ*/
  padding: 40px 50px;
  /*上下、左右へのボックス内の余白*/
  border: 10px solid #fff;
  /*枠線の幅、線種、色*/
  margin-top: 40px;
  height: 100px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}


/*影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.1は透明度10%の事*/


/*type6のspan（装飾用）タグ*/

.contents h2.type6 span {
  color: #fff;
  /*文字色（古いブラウザ用）*/
  color: rgba(255, 255, 255, 0.9);
  /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
}


/*type7 recruitスタッフ募集用*/

.contents h2.type7 {
  background: url(../images/bg_type7.jpg) no-repeat left top;
  /*背景画像の読み込み（古いブラウザ用）*/
  background: url(../images/bg_type7.jpg) no-repeat left top/cover;
  /*背景画像の読み込み*/
  color: #fff;
  /*文字色*/
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: left;
  /*文字を左寄せ*/
  padding: 40px 50px;
  /*上下、左右へのボックス内の余白*/
  border: 10px solid #fff;
  /*枠線の幅、線種、色*/
  margin-top: 40px;
  height: 100px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}


/*影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.1は透明度10%の事*/


/*type7のspan（装飾用）タグ*/

.contents h2.type7 span {
  color: #fff;
  /*文字色（古いブラウザ用）*/
  color: rgba(255, 255, 255, 0.9);
  /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
}


/*type8 lineLINE＠ページ用*/

.contents h2.type8 {
  background: url(../images/bg_type8.jpg) no-repeat left top;
  /*背景画像の読み込み（古いブラウザ用）*/
  background: url(../images/bg_type8.jpg) no-repeat left top/cover;
  /*背景画像の読み込み*/
  color: #fff;
  /*文字色*/
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: left;
  /*文字を左寄せ*/
  padding: 40px 50px;
  /*上下、左右へのボックス内の余白*/
  border: 10px solid #fff;
  /*枠線の幅、線種、色*/
  margin-top: 40px;
  height: 100px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}


/*影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.1は透明度10%の事*/


/*type8のspan（装飾用）タグ*/

.contents h2.type8 span {
  color: #fff;
  /*文字色（古いブラウザ用）*/
  color: rgba(255, 255, 255, 0.9);
  /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
}


/*type9 お問い合わせフォーム用*/

.contents h2.type9 {
  background: url(../images/bg_type9.jpg) no-repeat left top;
  /*背景画像の読み込み（古いブラウザ用）*/
  background: url(../images/bg_type9.jpg) no-repeat left top/cover;
  /*背景画像の読み込み*/
  color: #fff;
  /*文字色*/
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: left;
  /*文字を左寄せ*/
  padding: 40px 50px;
  /*上下、左右へのボックス内の余白*/
  border: 10px solid #fff;
  /*枠線の幅、線種、色*/
  margin-top: 40px;
  height: 100px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}


/*影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.1は透明度10%の事*/


/*type9のspan（装飾用）タグ*/

.contents h2.type9 span {
  color: #fff;
  /*文字色（古いブラウザ用）*/
  color: rgba(255, 255, 255, 0.9);
  /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
}


/*type10 保険調剤用*/

.contents h2.type10 {
  background: url(../images/bg_type10.jpg) no-repeat left top;
  /*背景画像の読み込み（古いブラウザ用）*/
  background: url(../images/bg_type10.jpg) no-repeat left top/cover;
  /*背景画像の読み込み*/
  color: #fff;
  /*文字色*/
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: left;
  /*文字を左寄せ*/
  padding: 40px 50px;
  /*上下、左右へのボックス内の余白*/
  border: 10px solid #fff;
  /*枠線の幅、線種、色*/
  margin-top: 40px;
  height: 100px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}


/*影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.1は透明度10%の事*/


/*type10のspan（装飾用）タグ*/

.contents h2.type10 span {
  color: #fff;
  /*文字色（古いブラウザ用）*/
  color: rgba(255, 255, 255, 0.9);
  /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
}


/*type11 求人募集用フォーム用*/

.contents h2.type11 {
  background: url(../images/bg_type11.jpg) no-repeat left top;
  /*背景画像の読み込み（古いブラウザ用）*/
  background: url(../images/bg_type11.jpg) no-repeat left top/cover;
  /*背景画像の読み込み*/
  color: #fff;
  /*文字色*/
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: left;
  /*文字を左寄せ*/
  padding: 40px 50px;
  /*上下、左右へのボックス内の余白*/
  border: 10px solid #fff;
  /*枠線の幅、線種、色*/
  margin-top: 40px;
  height: 100px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}


/*影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.1は透明度10%の事*/


/*type11のspan（装飾用）タグ*/

.contents h2.type11 span {
  color: #fff;
  /*文字色（古いブラウザ用）*/
  color: rgba(255, 255, 255, 0.9);
  /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
}


/* h3タグ980px以上用
---------------------------------------------------------------------------*/


/*
.contents h3 span::before,
.contents h3 span::after {
  	position: absolute;
  	top: 100%;
  	left:50%;
  	transform:translateX(-50%);
  	content: '';
  	border: 10px solid transparent;
}

.contents h3 span::before {
  	border-top: 10px solid black;
}

.contents h3 span::after {
  	margin-top: -1px;
  	border-top: 10px solid white;
}
*/


/* 段落タグ */

.contents p {
  padding: 0px 0px 0px 0px;
}


/*section同士の余白*/

.contents section+section {
  margin-top: 50px;
}


/* リンク下線消し */

.a_no {
  text-decoration: none;
  color: #fff;
}


/* 各ページ共通コンテンツの黒テキスト */

.contents_p {
  color: #666 !important;
  font-size: 14px;
}


/* 代表取締役　右に寄せる */

.contents_p_right {
  color: #666 !important;
  font-size: 14px;
  text-align: right;
  margin-right: 0px;
}


/* 各ページ共通画像設定 */

.contents_p_img {
  width: 100%;
}

.contents_p_img_2 {
  width: 100%;
  padding: 0px 0px 0px 15px;
}

.contents_p_img_100 {
  width: 80%;
}


/* ■■■■■■■■■■■■■■■■■■フォームボタンのフォント指定 */

.btn_p {
  font-size: 14px;
  margin: 25px 0px 0px 0px !important;
  padding: 0px 0px !important;
}


/* 画像のテキスト回り込み左 */

figure {
  float: left;
  margin: 0 15px 15px 0;
  width: 50%;
}


/* 画像のテキスト回り込み右 */

.figure_right {
  float: right;
  margin: 0 15px 15px 0;
  width: 50%;
}


/* セクション間の調整 */

.m_s {
  height: 60px;
  margin: 0 auto;
  clear: both;
  /* 回り込み解除 */
}


/* 各ページの見出しとセクション間の調整 */

.m_s_2 {
  height: 60px;
  margin: 0 auto;
  clear: both;
  /* 回り込み解除 */
}


/* 各ページ共通フレックス設定 */

.contents_parent {
  display: -webkit-flex;
  display: flex;
}

.contents_parent {
  -webkit-flex-direction: row;
  flex-direction: row;
}


/* 各ページ共通フレックス子供設定 */

.contents_child {
  width: 50%;
}


/* 各ページ共通 流れ説明画像フレックス800px以上
---------------------------------------------------------------------------*/

.common_flow_img_parent {
  display: -webkit-flex;
  display: flex;
}

.common_flow_img_parent {
  -webkit-flex-direction: row;
  flex-direction: row;
}


/* 各ページ共通フレックス子供設定 */

.common_flow_img_child {
  width: 30%;
  margin: 0px 5px;
}


/* 2つの場合用 */

.common_flow_img_parent_2 {
  display: -webkit-flex;
  display: flex;
}

.common_flow_img_parent_2 {
  -webkit-flex-direction: row;
  flex-direction: row;
}

.common_flow_img_parent_2 {
  width: 100%;
  margin: 60px auto;
  text-align: center;
  border: solid 0px red;
}


/* 各ページ共通フレックス子供設定 */

.common_flow_img_child_2 {
  width: 30%;
  margin: 0px 5px;
  text-align: left;
  font-size: 14px;
}


/* 流れの説明の矢印の回転制御 */

.common_flow_img_arrow {
  height: 100px;
  padding-top: 10%;
  padding-left: 10px;
  padding-right: 10px;
}


/* 個別ページ設定 980px以上
---------------------------------------------------------------------------*/


/* 100%抜き画像index_pr1 */

.inner.bg_flower1 {
  background: #ffffff url(../images/index_pr3.jpg) no-repeat center top/100% !important;
}


/* indexわかくさ薬局とは */

.bg_index_about {
  height: 600px;
  color: #666;
  /*	border-top: solid 10px #714b3e;*/
  position: relative;
  /* 背景暗くする用 */
}


/* 背景暗くする */

.bg_index_about::before {
  /* 透過した黒を重ねる */
  background-color: rgba(0, 0, 0, 0.2);
  /* どの範囲に重ねるかを指定 */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
}


/* わかくさ薬局とは背景画像指定 */

.inner.bg_index_about {
  background: #ffffff url(../images/index_pr1.jpg) no-repeat center top/100% !important;
}


/* index新着情報 */

.bg_index_whatsnew {
  margin: 30px 0px;
}


/* 新着情報の背景画像指定＝実際は指定なし */

.inner.bg_index_whatsnew {
  background: #ffffff;
}


/* 新着情報のスクロール */
.box_news_wrap {
  max-height: 700px;
  /* 見せたい枠の高さ */
  overflow-y: auto;
  /* 親枠でスクロール */
}

.news_iframe {
  width: 100%;
  height: 0;
  /* JSで中身の高さに伸ばす */
  border: 0;
}


/* 新着情報のiframe高さ幅の設定 */





/* indexのLINE@ */

.bg_index_line {
  height: 850px;
  /* ここで高さ指定 */
  /*	color: #666;*/
  /*	border-top: solid 10px #714b3e;*/
  /*	position: relative; /* 背景暗くする用 */
}


/* 新着情報の背景画像指定＝実際は指定なし */

.inner.bg_index_line {
  background-image: url(../images/img_campaign_bg.jpg);
  /*	background: #f1f1f1; /* e-parkの少し灰色背景 */
  /*	background: #00b900; /* LINEの緑色背景 */
}


/* indexサービス（以後、これを使い回し） */

.bg_index_service {
  height: 1100px;
  color: #666;
  /*	border-top: solid 10px #714b3e;*/
  /*	position: relative; /* 背景暗くする用 */
}


/* 新着情報の背景画像指定＝実際は指定なし */

.inner.bg_index_service {
  background: #ffffff;
}


/* indexサービス（お店紹介用） */

.bg_index_shop {
  height: 100%;
  margin-bottom: 50px;
  color: #666;
  /*	border-top: solid 10px #714b3e;*/
  /*	position: relative; /* 背景暗くする用 */
}


/* 新着情報の背景画像指定＝実際は指定なし */

.inner.bg_index_shop {
  background: #ffffff;
}


/* サービスのフレックス設定 */

.service_parent {
  display: -webkit-flex;
  display: flex;
}

.service_parent {
  -webkit-flex-direction: wrap;
  flex-direction: wrap;
}

.service_parent {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}


/* サービスの親設定 */

.service_parent {
  margin-top: 30px;
}


/* サービスの子供設定 */

.service_child {
  width: 50%;
  /* 子供は50%で2つ並ぶ */
  border: solid 0px #666;
}

.service_child_img {
  width: 100%;
  /* 画像は100% */
  border: solid 0px #666;
}


/* サービスの説明ｐ */

.index_service_p {
  color: #666 !important;
}


/* 画像の上にテキスト設定 */

.img_text {
  position: relative;
  /*相対配置*/
}

.img_text p {
  text-align: center;
  /* テキスト自体の中央揃え */
  position: absolute;
  /*絶対配置*/
  color: white;
  /*文字は白に*/
  /*	font-weight: bold;*/
  font-size: 26px !important;
  /* サイズ2倍 */
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  width: 270px;
  /* 幅調整して在宅医療の取り組み入れる */
}


/* 画像を暗くする */

.filter {
  background: #000;
}

.filter-img {
  display: block;
  opacity: .6;
}


/* ホバーで画像が大きくなる */

.move_img {
  overflow: hidden;
}

.move_img img {
  display: block;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  filter: blur(0px);
}

.move_img img:hover {
  filter: blur(2px);
}


/* 画像の上の小さいテキスト */

.service_text_small {
  font-size: 10px !important;
}

.box_white {
  width: 50%;
  height: 450px;
  margin: 0 auto;
  /*	background: rgba(255,255,255,0.7);*/
  border-radius: 5px;
  margin-top: 20px;
  text-align: center;
}


/* 見出しのみで使う用 */

.box_white_center {
  width: 50%;
  margin: 0 auto;
  /*	background: rgba(255,255,255,0.7);*/
  border-radius: 5px;
  margin-top: 20px;
  text-align: center;
}


/* indexのabout調整用 */

.add_m {
  margin-top: 75px;
}


/* 新着情報用ボックス。phpのiframeで。 */

.box_whatsnew {
  margin: 0 auto;
  width: 800px;
  height: 280px;
  border: solid 0px red;
}


/* 過去ログリンク */

.r {
  text-align: right !important;
  margin-top: 10px;
}


/* アイコン画像制御 */

.img_icon {
  width: 40px;
  margin-right: 10px;
}


/* アイコン画像制御 */

.img_icon_index {
  width: 100px;
}


/* ショップイメージ */

.img_shop {
  width: 100%;
}


/* indexの見出し白色 */

.head_text {
  margin: 0;
  /* デフォルトCSS打ち消し */
  position: relative;
  /* 位置調整 */
  font-weight: normal;
  /* 文字の太さ調整 */
  margin-bottom: 35px;
  /* 周りの余白指定 */
  font-size: 30px !important;
  /* 文字サイズ指定 */
  text-align: center;
  /* 文字位置指定 */
  color: #fff;
}

p {
  margin: 0;
  /* デフォルトCSS打ち消し */
  line-height: 2;
  /* 行間調整 */
  color: #fff !important;
  text-align: left;
  padding-bottom: 20px !important;
}


/* 見出しの小さい英語 */

.head_text-point {
  position: relative;
  display: inline-block;
  padding: 0 55px;
  width: 140px;
  color: #fff !important;
  margin: 0 auto;
}

.head_text-point:before,
.head_text-point:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #fff;
}

.head_text-point:before {
  left: 0;
}

.head_text-point:after {
  right: 0;
}


/* indexの見出し黒色 */

.head_text_bk {
  margin: 0;
  /* デフォルトCSS打ち消し */
  position: relative;
  /* 位置調整 */
  font-weight: normal;
  /* 文字の太さ調整 */
  margin-bottom: 35px;
  /* 周りの余白指定 */
  font-size: 32px !important;
  /* 文字サイズ指定 店舗の紹介の京都本店などの見出し */
  text-align: center;
  /* 文字位置指定 */
  color: #666;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


/* 見出しの小さい英語 */

.head_text_bk-point {
  position: relative;
  display: inline-block;
  padding: 0 55px;
  width: 140px;
  color: #666 !important;
  margin: 0 auto;
}

.head_text_bk-point:before,
.head_text_bk-point:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #666;
}

.head_text_bk-point:before {
  left: 0;
}

.head_text_bk-point:after {
  right: 0;
}


/* 個別ページ共通用
---------------------------------------------------------------------------*/


/* 各ページの一番下のお問い合わせ */

.page_foot_form {
  width: 100%;
  font-size: 14px;
}

.page_foot_heading {
  padding: 0px 15px;
  /*上下 左右の余白*/
  color: #494949;
  /*文字色*/
  background: transparent;
  /*背景透明に*/
  border-left: solid 5px #74a700;
  /*左線*/
  margin-bottom: 15px;
}

.page_foot_hr {
  height: 1px;
  border: none;
  border-bottom: solid 1px #666;
  margin: 0px 0px 40px 0px;
}


/* 個別ページの記事内の文字サイズ共通設定
---------------------------------------------------------------------------*/


/* ページ上部の画像背景上の見出し */


/* ここはtypeシリーズ触りにいく。ここがh2になる。 */


/* ページ内区切り見出し設定、上下にhrある部分、contentsで指定しているところもある。編集上ここに記載 */

.contents h3 {
  text-align: center;
  font-size: 32px;
  padding: 0.5em 0;
  /*上下の余白*/
  border-top: solid 1px #666;
  /*上線*/
  border-bottom: solid 1px #666;
  /*下線*/
  margin-bottom: 50px;
  font-size: 32px;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


/* ページ内区切り見出し設定、上下にhrある部分、上のといっしょに編集をする */

.common_h3 {
  text-align: center;
  font-size: 32px;
  padding: 0.5em 0;
  /*上下の余白*/
  border-top: solid 1px #666;
  /*上線*/
  border-bottom: solid 1px #666;
  /*下線*/
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


/* ページ内大見出し設定 オレンジ色 */

.common_h4 {
  text-align: center;
  width: 100%;
  font-size: 32px;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #ed6c00;
  font-weight: bold;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


/* ページ内小見出し設定 旧small */

.common_h5 {
  text-align: center;
  width: 100%;
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 30px;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


/* ページ内小見出し設定 4と5の合体 処方箋無しの風邪薬で使用 */

.common_h6 {
  text-align: center;
  width: 100%;
  font-size: 32px;
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


/* オレンジ色とボールドに装飾する用 */

.or_bd {
  color: #ed6c00;
  font-weight: bold;
}

.bd {
  font-weight: bold;
}


/* 上にスペース入れたい時 */

.br_top {
  padding-top: 30px;
}


/* 下にスペース入れたい時 */

.br_bottom {
  padding-bottom: 30px;
}


/* 本文 */


/* 緑縦線見出しの装飾 */

.common_step {
  padding: 0px 15px;
  /*上下 左右の余白*/
  color: #494949 !important;
  /*文字色*/
  background: transparent;
  /*背景透明に*/
  border-left: solid 5px #74a700;
  /*左線*/
  margin-top: 15px !important;
  /* important必要 */
  margin-bottom: 30px !important;
  /* important必要 */
  margin: 0 auto;
  text-align: left;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


/* 緑縦線の見出しのフォントサイズ共通 */

.common_ht {
  font-size: 20px;
  /* ページフッターの見出しサイズ */
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


/* ステップ1とか段階用の見出し */


/* 単なる見出しのみ */

.step_talk {
  display: inline-block;
  font-size: 26px;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  padding-left: 15px;
  vertical-align: middle;
}


/* 丸い吹き出し */

.balloon3-right {
  display: inline-block;
  position: relative;
  display: inline-block;
  margin: 15px 5px 15px 0px;
  padding: 0 5px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  background: #74a700;
  border-radius: 50%;
  box-sizing: border-box;
}

.balloon3-right:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -25px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #74a700;
  z-index: 0;
}


/* aboutわかくさ薬局とはページ用
---------------------------------------------------------------------------*/

.text_table th {
  width: 20px;
  font-size: 14px;
  font-weight: normal;
}

.text_table td {
  font-size: 14px;
}


/* about会社概要テーブル */

.about_table {
  width: 100%;
  border-collapse: collapse;
}

.about_table tr {
  border-bottom: solid 2px #fcfcfc;
}

.about_table tr:last-child {
  border-bottom: none;
}

.about_table th {
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #f7fdeb;
  color: #666;
  text-align: center;
  font-size: 14px;
  padding: 10px 0;
}

.about_table th:after {
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top: calc(50% - 10px);
  right: -10px;
  border-left: 10px solid #f7fdeb;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.about_table td {
  width: 70%;
  text-align: left;
  font-size: 14px;
  background-color: #ffffff;
  padding: 10px 15px;
}


/* about グーグル地図 */

.google-map {
  width: 100%;
  height: 370px;
}


/* zaitaku在宅医療への取り組みページ用
---------------------------------------------------------------------------*/


/* フレックス設定 */

.zaitaku_parent {
  display: -webkit-flex;
  display: flex;
}

.zaitaku_parent {
  -webkit-flex-direction: row;
  flex-direction: row;
}

.zaitaku_parent {
  justify-content: flex-start;
}


/* フレックス逆設定 */

.zaitaku_parent_right {
  display: -webkit-flex;
  display: flex;
}

.zaitaku_parent_right {
  -webkit-flex-direction: row;
  flex-direction: row;
}

.zaitaku_parent_right {
  justify-content: flex-start;
}


/* 子供設定 */

.zaitaku_child {
  width: 50%;
  font-size: 14px;
  margin: 15px 5px;
  padding: 0px 15px;
  border-bottom: solid 0px #666;
}


/* 子供設定 */

.zaitaku_child_2 {
  width: 50%;
  font-size: 14px;
  margin: 15px 0px;
  padding: 0px 0px;
  border-bottom: solid 0px #666;
}

.zaitaku_step {
  padding: 0px 15px;
  /*上下 左右の余白*/
  color: #494949;
  /*文字色*/
  background: transparent;
  /*背景透明に*/
  border-left: solid 5px #74a700;
  /*左線*/
  margin-bottom: 15px;
}

.zaitaku_child p {
  color: #494949 !important;
  margin-left: 20px;
}

.zaitaku_child_2 p {
  color: #494949 !important;
  margin-left: 20px;
}


/* 画像横並び */

.zaitaku_child li {
  display: inline-block;
}


/* 画像の上下幅 */

.zaitaku_img {
  margin: 5px 0px;
}


/* 流れの矢印の上下幅 */

.flow_arw {
  margin: 30px 0px 0px 0px;
}


/* 在宅医療用お問い合わせフォームボタン */

a.cp_btn {
  display: block;
  width: 250px;
  padding: 0.8em;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  color: #74a700;
  border: 2px solid #74a700;
  border-radius: 3px;
  transition: .4s;
}

a.cp_btn:hover {
  background: #74a700;
  color: #fff;
}


/* medicine購入可能な医療薬品ページ用
---------------------------------------------------------------------------*/


/* フレックス設定 */

.medicine_parent {
  display: -webkit-flex;
  display: flex;
}

.medicine_parent {
  -webkit-flex-direction: row;
  flex-direction: row;
}

.medicine_parent {
  justify-content: flex-start;
}

.medicine_parent {
  width: 100%;
}


/* 子供設定 */

.medicine_child {
  width: 100%;
  font-size: 14px;
  margin: 15px 5px 30px 5px;
  padding: 0px 15px;
  border-bottom: solid 0px #666;
  text-align: left;
}

.medicine_step {
  padding: 0px 15px;
  /*上下 左右の余白*/
  color: #494949;
  /*文字色*/
  background: transparent;
  /*背景透明に*/
  border-left: solid 5px #74a700;
  /*左線*/
  margin-top: 10px;
  margin-bottom: 5px;
}


/* 購入可能薬品ページに飛ぶとモーダルポップアップ表示 */

.bg_onetime_popup {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: 0.9s;
}


/* 背景ぼかす */

.bg_onetime_popup::before {
  content: '';
  /*  background-color: rgba(0, 0, 0, 0.5);*/
  background: url('../images/medicine_bg.jpg');
  /*背景画像のURL*/
  opacity: 0.5;
  /*半透明カラーの透明度*/
  filter: blur(8px);
  /*ぼかし度*/
  position: absolute;
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  z-index: -1;
}

.bg_onetime_popup.js_active {
  opacity: 1;
  visibility: visible;
}

.onetime_popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 50%;
  min-width: 500px;
  background-color: #fff;
  cursor: pointer;
}

.onetime_popup_title {
  position: relative;
  padding: 20px 0px 0px 0px;
  margin: 0px;
  background-color: #74a700;
  color: #fff;
  font-size: 32px;
  text-align: center;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


/* Xボタン */


/*
.onetime_popup_title::before,
.onetime_popup_title::after {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    width: 30px;
    height: 4px;
    background-color: #fff;
    content: "";
}
.onetime_popup_title::before {
    transform: rotate(45deg);
}
.onetime_popup_title::after {
    transform: rotate(-45deg);
}
*/

.onetime_popup_content {
  padding: 30px 30px;
  text-align: left;
  color: #000000 !important;
}

.onetime_popup_content p {
  color: #000000 !important;
  padding: 0px 0px !important;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.medicine_agree ul {
  text-align: center;
}

.medicine_agree li {
  display: inline-block;
  margin: 0px 20px;
}


/* 在宅医療用お問い合わせフォームボタン */

a.cp_btn_medicine {
  display: block;
  width: 250px;
  padding: 0.8em;
  /*	margin: 0 auto;*/
  margin: 0px 0px;
  text-align: center;
  text-decoration: none;
  color: #74a700;
  border: 2px solid #74a700;
  border-radius: 3px;
  transition: .4s;
}

a.cp_btn_medicine:hover {
  background: #74a700;
  color: #fff;
}


/* prescription処方箋なしページ用
---------------------------------------------------------------------------*/

.prescription_warning {
  position: relative;
  margin: 2em 0;
  padding: 0.5em 1em;
  border: solid 3px red;
}

.prescription_warning .box-title {
  position: absolute;
  display: inline-block;
  width: 200px;
  top: -27px;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0 9px;
  height: 25px;
  line-height: 25px;
  font-size: 17px;
  background: red;
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
  text-align: center;
}

.prescription_warning li {
  margin: 0;
  padding: 0;
  color: red !important;
  margin-top: 5px;
  margin-bottom: 5px;
}


/* フレックス指定ではない。文字サイズを14pxにしたい */

.prescription_child {
  font-size: 14px;
}


/* 知っていましたか？見出し用 */

.prescription_h {
  width: 100%;
  margin: 0 auto;
}

.prescription_h1 {
  text-align: center;
  width: 100%;
  font-size: 30px;
  color: #ed6c00;
  font-weight: bold;
}


/* 謎の線 */

.prescription_h1_hr {
  width: 80px;
  height: 1px;
  border: none;
  border-top: 1px #666 solid;
  margin: 40px auto;
}


/* h1の下の小見出し */

.prescription_small {
  text-align: center;
  width: 100%;
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 30px;
}

.prescription_h2 {
  text-align: center;
  font-size: 30px;
  padding: 0.5em 0;
  /*上下の余白*/
  border-top: solid 1px #666;
  /*上線*/
  border-bottom: solid 1px #666;
  /*下線*/
}


/* 画像上がってくる範囲 */

.prescription_h3 {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}


/* 画像パソコンでは大きすぎるものを制御、スマホでは100% */

.prescription_img {
  width: 70%;
}


/* 説明テキスト用 */

.prescription_text {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  margin-top: 0px;
}


/* 上がってくるお薬イラスト */

.prescription_drug_img {
  width: 50%;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 60px;
}


/* お薬アイコン一覧 */

.prescription_drug {
  display: inline-block;
  /* 横並び */
  margin: 10px 10px;
  width: 130px;
  height: 50px;
  padding: 0.5em 1em;
  font-weight: ;
  color: #fff;
  /*文字色*/
  background: #74a700;
  border: solid 3px #74a700;
  /*線*/
  border-radius: 3px;
  /*角の丸み*/
  position: relative;
  /* 中央水平の親設定 */
}


/* お薬アイコンのリンクカラー、979px以下にも継承 */

.prescription_drug a:link {
  color: #ffffff;
}

.prescription_drug a:visited {
  color: #ffffff;
}

.prescription_drug a:hover {
  color: #ffffff;
}

.prescription_drug a:active {
  color: #ffffff;
}

.a_middle {
  position: absolute;
  /* 中央水平の子設定 */
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 130px;
  text-align: center;
  /*一応BOX内の文字も中央寄せ*/
}


/* 処方箋なしのお店フレックス設定 */

.prescription_parent {
  display: -webkit-flex;
  display: flex;
}

.prescription_parent {
  -webkit-flex-direction: wrap;
  flex-direction: wrap;
}

.prescription_parent {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}


/* サービスの親設定 */

.prescription_parent {
  margin-top: 20px;
}


/* サービスの子供設定 */

.prescription_child {
  width: 50%;
  /* 子供は50%で2つ並ぶ。33.3%で3つ並ぶ*/
  border: solid 0px #666;
}

.prescription_child_img {
  width: 100%;
  /* 画像は100% */
  border: solid 0px #666;
}


/* 画像の上にテキスト設定 */

.prescription_img_text {
  position: relative;
  /*相対配置*/
}

.prescription_img_text p {
  text-align: center;
  /* テキスト自体の中央揃え */
  position: absolute;
  /*絶対配置*/
  color: white;
  /*文字は白に*/
  font-weight: bold;
  font-size: 24px;
  /* サイズ2倍 */
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  width: 250px;
}


/* 比較表テーブル */

.prescription_table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 70%;
  table-layout: fixed;
  margin-top: 15px;
}

.prescription_table tr {
  background-color: #fff;
  padding: .35em;
  border: 0px solid #eee;
}

.prescription_table tr:last-child {
  border: none;
}

.prescription_table th {
  padding: 10px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  text-align: center;
}

.prescription_table td {
  padding: 10px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  font-size: 18px;
  text-align: left;
  color: #ed6c00;
  background: #f7fdeb;
  font-weight: bold;
}

.prescription_table thead tr {
  background-color: #f0f0f0;
  color: #666;
}

.prescription_table tbody th {
  font-weight: normal;
  text-align: left;
  border-right: 1px solid #eee;
}

.prescription_table th.non {
  padding: 0px 0px 5px 0px;
  border-left: none;
  border-right: none;
  background: #ffffff;
}

.prescription_table th.non_2 {
  padding: 0px 0px 5px 0px;
  border-left: none;
  border-right: none;
  background: #ffffff;
}

.txt {
  text-align: left;
}

.red_bk {
  font-size: 18px !important;
  color: #ed6c00;
  background: #f7fdeb;
}

.table_white {
  color: #fff;
  background: #ffffff !important;
  border-left: 0px solid #eee !important;
  border-right: 0px solid #eee !important;
  border-top: 0px solid #eee !important;
  border-bottom: 0px solid #eee !important;
}

.table_span {
  font-size: 14px;
  text-align: right !important;
  line-height: 16px;
  /* 文字同士の高さを調整 */
}

.table_span_2 {
  font-size: 18px !important;
  text-align: left !important;
  line-height: 20px;
  /* 文字同士の高さを調整 */
}

.table_span_3 {
  font-size: 26px !important;
  text-align: right !important;
  line-height: 28px;
  /* 文字同士の高さを調整 */
}

.prescription_table_img {
  width: 50%;
}


/* 価格表画像の制御 */

.prescription_img_pc {
  display: block;
}

.prescription_img_sp {
  display: none;
}


/* メリットデメリット見出し */

.prescription_merit {
  position: relative;
  display: inline-block;
  padding: 0 55px;
  font-size: 32px;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #ed6c00;
  font-weight: bold;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.prescription_merit:before,
.prescription_merit:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #ed6c00;
}

.prescription_merit:before {
  left: 0;
}

.prescription_merit:after {
  right: 0;
}


/* メリットデメリットの内容の高さ */

.prescription_text li {
  line-height: 40px;
}


/* recruitスタッフ募集用
---------------------------------------------------------------------------*/

.recruit_section {
  margin-top: 50px;
}


/* フレックス設定 */

.recruit_parent {
  display: -webkit-flex;
  display: flex;
}

.recruit_parent {
  -webkit-flex-direction: column;
  flex-direction: column;
}

.recruit_parent {
  justify-content: flex-start;
}

.recruit_parent {
  width: 100%;
}


/* 子供設定 */

.recruit_child {
  width: 100%;
  font-size: 14px;
  margin: 15px 0px 60px 0px;
  padding: 0px 0px;
  border-bottom: solid 0px #666;
  text-align: left;
}


/* 求人用テーブル */

table.company {
  width: 100%;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0px 5px;
  font-size: 14px;
}

table.company th,
table.company td {
  padding: 10px;
}

table.company th {
  background: #f7fdeb;
  vertical-align: middle;
  text-align: left;
  width: 100px;
  overflow: visible;
  position: relative;
  font-weight: normal;
  font-size: 14px;
}

table.company th:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #f7fdeb;
  border-width: 10px;
  margin-top: -10px;
}


/* firefox */

@-moz-document url-prefix() {
  table.company th::after {
    float: right;
    padding: 0;
    left: 30px;
    top: 10px;
    content: " ";
    height: 0;
    width: 0;
    position: relative;
    pointer-events: none;
    border: 10px solid transparent;
    border-left: #295890 10px solid;
    margin-top: -10px;
  }
}

table.company td {
  background: #f8f8f8;
  width: 360px;
  padding-left: 20px;
}


/* 支援金テーブル */

.recruit_support {
  border: solid 0.5px #74a700;
  padding: 30px 30px;
  margin-bottom: 0px;
  font-size: 14px;
}


/* 支援金画像の下の文言 */

.recruit_support_h3 {
  font-size: 26px;
  font-weight: bold;
}


/* 支援金画像 スマホも同じ大きさ */

.recruit_img {
  width: 250px;
}


/* フォームの下の文言 */

.recruit_text_center {
  font-size: 14px;
  text-align: center;
  margin: 5px 0px;
  padding: 0px 0px !important;
  color: #666666 !important;
}


/* 薬剤師の文言を強調 */

.recruit_pharmacist_text {
  font-weight: bold;
  color: #ed6c00;
  font-size: 14px;
}


/* 矢印の表示制御 スマホは表示される */

.recruit_arw {
  display: none;
}


/* 会員ぺージ用
---------------------------------------------------------------------------*/

.members_small {
  font-size: 10px;
  line-height: 15px !important;
}


/* フレックス設定 */

.members_parent {
  display: -webkit-flex;
  display: flex;
}

.members_parent {
  -webkit-flex-direction: row;
  flex-direction: row;
}

.members_parent {
  justify-content: flex-start;
}

.members_parent {
  width: 100%;
}


/* 子供設定 */

.members_child {
  width: 33%;
  font-size: 14px;
  margin: 15px 10px 0px 10px;
  padding: 0px 0px;
  border-bottom: solid 0px #666;
  text-align: left;
}

.members_step {
  padding: 0px 15px;
  /*上下 左右の余白*/
  color: #494949;
  /*文字色*/
  background: transparent;
  /*背景透明に*/
  border-left: solid 5px #74a700;
  /*左線*/
  margin-top: 10px;
  margin-bottom: 5px;
  margin: 0 auto;
}


/* フロー画像用 */

.members_flow_img {
  margin-bottom: 25px;
}


/* 文章の上の見出し */

.members_title_text {
  color: #ed6c00;
  font-size: 16px;
  font-weight: bold;
  padding: 0px 15px 25px 15px;
  text-align: center;
}


/* 内容比較テーブル */

.members_table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  margin-top: 0px;
}

.members_table tr {
  background-color: #fff;
  padding: .35em;
  border: 0px solid #eee;
}

.members_table tr:last-child {
  border: none;
}

.members_table th {
  padding: 20px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  text-align: center;
}

.members_table td {
  padding: 20px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  font-size: 18px;
  text-align: center;
  color: #ed6c00;
  background: #f7fdeb;
  font-weight: bold;
}

.members_table thead tr {
  background-color: #f0f0f0;
  color: #666;
}

.members_table tbody th {
  font-weight: normal;
  text-align: center;
  border-right: 1px solid #eee;
}

.members_table th.non {
  padding: 0px 0px 5px 0px;
  border-left: none;
  border-right: none;
  background: #ffffff;
}

.members_table th.non_2 {
  padding: 0px 0px 5px 0px;
  border-left: none;
  border-right: none;
  background: #ffffff;
}

.txt {
  text-align: left;
}

.red_bk {
  font-size: 18px !important;
  color: #ed6c00;
  background: #f7fdeb;
}

.members_table_white {
  color: #fff;
  background: #ffffff !important;
  border-left: 0px solid #eee !important;
  border-right: 0px solid #eee !important;
  border-top: 0px solid #eee !important;
  border-bottom: 0px solid #eee !important;
}

.table_span {
  font-size: 14px;
  text-align: right !important;
}

.table_span_2 {
  font-size: 18px !important;
  text-align: left !important;
}

.table_span_3 {
  font-size: 26px !important;
  text-align: right !important;
}

.members_table_img {
  width: 50%;
}


/* 安くなるポイント吹き出し */

.members_balloon {
  position: relative;
  display: inline-block;
  margin: 0px 0px 0px 0px;
  padding: 35px 10px;
  width: 100%;
  height: 150px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  background: #ed6c00;
  border-radius: 50%;
  box-sizing: border-box;
}

.members_balloon:before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #ed6c00;
  z-index: 0;
}


/* line@ぺージ用
---------------------------------------------------------------------------*/

.line_small {
  font-size: 10px;
  line-height: 15px !important;
}


/* フレックス設定 */

.line_parent {
  display: -webkit-flex;
  display: flex;
}

.line_parent {
  -webkit-flex-direction: row;
  flex-direction: row;
}

.line_parent {
  justify-content: flex-start;
}

.line_parent {
  width: 100%;
}


/* 子供設定 */

.line_child {
  width: 33%;
  font-size: 14px;
  margin: 15px 10px 0px 10px;
  padding: 0px 0px;
  border-bottom: solid 0px #666;
  text-align: center;
}

.line_step {
  padding: 0px 15px;
  /*上下 左右の余白*/
  color: #494949;
  /*文字色*/
  background: transparent;
  /*背景透明に*/
  border-left: solid 5px #74a700;
  /*左線*/
  margin-top: 10px;
  margin-bottom: 5px;
  margin: 0 auto;
  text-align: left;
}


/* 強制的に白色 */

.line_step_p {
  color: #494949 !important;
  /*文字色*/
  text-align: left !important;
}


/* 子供設定 友達登録用 */

.line_child_friend {
  width: 50%;
  height: 730px;
  font-size: 14px;
  margin: 15px 10px 30px 10px;
  padding: 0px 0px;
  border-bottom: solid 0px #666;
  text-align: center;
}


/* 子供設定 タイムライン用 */

.line_child_timeline {
  width: 100%;
  font-size: 14px;
  margin: 15px 0px 15px 0px;
  padding: 0px 0px;
  border-bottom: solid 0px #666;
  text-align: right;
}


/* タイムライン画像の表示 */

#mom_layer {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  background: black;
  opacity: 0.60;
  filter: alpha(opacity=60);
  z-index: 998;
}

#kids_layer {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}

#kids_layer img.close {
  position: absolute;
  top: -10px;
  right: -10px;
  cursor: pointer;
  z-index: 1000;
}


/* eparkのリンクのテーブル */

.line_epark_link {
  margin: 0 auto;
  margin-top: 20px;
  border: solid 1px #666;
}

.line_epark_link th {
  width: 80px;
  padding: 10px 20px;
}

.line_epark_link td {
  width: ;
  padding: 10px 20px;
}


/* eparkのアイコン */

.line_epark_img {
  width: 80px;
}


/* eparkのSVG */

.line_epark_svg {
  width: 120px;
}


/* eparkアプリのリンクボタン */

#modal_window {
  width: 100%;
  text-align: center;
}


/* eparkの特徴説明画像 */

.line_epark_feature_img {
  width: 240px;
  text-align;
  center;
}

#modal_window ul {
  list-style-type: none;
}

#modal_window ul li {
  /*  float: right;*/
  /* 制御可能 */
}

#modal_window ul li a {
  text-decoration: none;
}

#modal_window ul li img {
  border: 0;
  margin: 10px;
}


/* eparkQR用の子供設定 */

.line_child_epark {
  width: 50%;
  font-size: 14px;
  margin: 0px 0px 20px 0px;
  padding: 0px 20px;
  border-bottom: solid 0px #666;
  text-align: center;
}


/* eparkの特徴説明画像 */

.line_epark_qr_img {
  width: 80%;
  margin: 20px 0px;
  text-align;
  center;
}


/* eparkの操作説明画像 */

.line_epark_flow_img {
  width: 80%;
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 20px;
  text-align;
  center;
}


/* 子供設定 処方箋撮影用 */

.line_child_photo {
  width: 50%;
  font-size: 14px;
  margin: 15px 10px 30px 10px;
  padding: 0px 0px;
  border-bottom: solid 0px #666;
  text-align: center;
}

.line_child_photo p {
  margin-top: 20px;
  color: #666 !important;
  /* text-align:left;がどこかで効いている */
}


/* 友達登録用　各店舗テーブル */

.line_shop_table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 100%;
  table-layout: fixed;
}

.line_shop_table tr {
  background-color: #e6f2f5;
  padding: .35em;
  border-bottom: 2px solid #fff;
}

.line_shop_table th {
  padding: 25px 25px 25px 25px;
}

.line_shop_table td {
  padding: 10px 25px 25px 25px;
  border-right: 2px solid #fff;
}

.line_shop_table th {
  font-size: 16px;
}

.line_shop_table thead tr {
  background-color: #f7fdeb;
  color: #666;
}

.line_shop_table tbody th {
  background: #78bbc7;
  color: #fff;
}

.txt {
  text-align: left;
  font-size: .85em;
}

.price {
  text-align: right;
  color: #167F92;
  font-weight: bold;
}

.non {
  background: #fff
}


/* 友達登録用ボタン */

.line_friend_img {
  margin: 15px 0px;
}

.line_friend_img_qr {
  box-shadow: 0.1px 0.1px 1px 1px rgba(0, 0, 0, 0.6);
}


/* お問い合わせフォーム用
---------------------------------------------------------------------------*/

.contact_form {
  color: #666 !important;
}


/* 個人情報の取り扱いの文言 */

.contact_form_small {
  font-size: 14px;
  line-height: 15px !important;
}


/* サンクスページのテキスト右寄せ */

.contact_form_right {
  text-align: center;
}


/* お薬の個別ページ用
---------------------------------------------------------------------------*/


/* メニューと個別薬のフレックス設定 */


/* 全体設定 */

.medicine_all_parent {
  display: -webkit-flex;
  display: flex;
}

.medicine_all_parent {
  -webkit-flex-direction: row;
  flex-direction: row;
}

.medicine_all_parent {
  justify-content: flex-start;
}


/* 子供設定 */

.medicine_all_child_pcs {
  width: 720px;
  margin-right: 15px;
}

.medicine_all_child_menu {
  width: 260px;
  margin-left: 15px;
}


/* 薬品個別ページのメニュー設定 */


/* 薬品カテゴリ一覧見出し */

.medicine_menu {
  position: relative;
  text-align: center;
  padding: 15px 0px !important;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  margin-bottom: 0px !important;
  font-size: 18px !important;
}

.medicine_menu_pcs {
  border-bottom: solid 1px #666;
  padding: 20px 20px;
  position: relative;
  /* 全体にリンク判定 */
}


/* 全体にリンク判定、htmlの記述に注意 */

.medicine_menu_pcs a {
  position: absolute;
  text-decoration: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.medicine_menu_pcs:hover {
  background: #c0c0c0;
  color: #ffffff;
}

.medicine_menu_pcs a:link {
  color: #666666;
}

.medicine_menu_pcs a:visited {
  color: #666666;
}

.medicine_menu_pcs a:hover {
  color: #ffffff;
}

.medicine_menu_pcs a:active {
  color: #c0c0c0;
}


/* 個別薬の全体枠 */


/* フレックス設定 */

.medicine_block_parent {
  display: -webkit-flex;
  display: flex;
}

.medicine_block_parent {
  -webkit-flex-direction: row;
  flex-direction: row;
}

.medicine_block_parent {
  justify-content: flex-start;
}


/* 子供設定 */

.medicine_block_child {
  width: 100%;
  font-size: 14px;
  margin: 0px 15px 0px 15px;
  padding: 0px 0px;
  padding-top: 40px;
  padding-bottom: 30px;
  border-bottom: solid 1px #666;
  text-align: left;
}


/* 子供空欄用 */

.medicine_block_child_none {
  width: 100%;
  font-size: 14px;
  margin: 0px 15px 0px 15px;
  padding: 0px 0px;
  padding-top: 40px;
  padding-bottom: 30px;
  border-bottom: solid 0px #666;
  text-align: left;
}


/* 個別薬の1個ずつ枠 */


/* フレックス設定 */

.medicine_pcs_parent {
  display: -webkit-flex;
  display: flex;
}

.medicine_pcs_parent {
  -webkit-flex-direction: column;
  flex-direction: column;
}

.medicine_pcs_parent {
  justify-content: flex-start;
}

.medicine_pcs_parent {
  width: 100%;
}


/* 子供設定 */

.medicine_pcs_child {
  width: 100%;
  height: 100%;
  /* IE用に高さ指定 */
  font-size: 14px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px;
  border-bottom: solid 0px #666;
  text-align: left;
}


/* お薬名の装飾 */

.medicine_pcs_child h4 {
  font-size: 16px;
  /* これだけ16px */
  font-weight: bold;
  color: #ed6c00;
  /* オレンジ色 */
  margin-top: 20px;
  margin-bottom: 20px;
}


/* 薬ごとの間の線 */

.medicine_pcs_hr {
  display: none;
  border-bottom: solid 0.1px #666;
  margin: 30px 0;
}


/* お薬の個別ページのタブメニュー */

.medicine_pcs_tab {
  width: 100%;
  height: auto;
  border: solid 0px red;
  margin-bottom: 50px;
}


/* タブメニュー詳細 */

.tab_title {
  width: 200px;
  text-align: center;
  padding: 10px 0px 10px 0px;
  border-top: solid 1px #666;
  border-left: solid 1px #666;
  border-right: solid 1px #666;
  font-size: 14px;
}

.tab_title a {
  text-decoration: none !important;
}

.tab_title:hover {
  background: #efefef;
}

.tab_title:active {
  background: #ffffff;
}


/*tabの全体枠*/

.tab {
  display: flex;
  flex-wrap: wrap;
  max-width: 280px;
  max-height: 100%;
  background: #ffffff;
  border: solid 0px #666;
}


/*tabボタン部分*/

.tab-label {
  width: auto;
  height: auto;
  padding: 10px 10px 10px 10px;
  background: #ffffff;
  cursor: pointer;
  font-weight: none;
  font-size: 14px;
  color: #7f7f7f;
  margin-bottom: 0;
  transition: background 0.1s, color 0.1s;
}

.tab-label a {
  text-decoration: none !important;
}

.tab-label:hover {
  background: #c0c0c0;
  color: #ffffff;
}

.tab-label a:link {
  color: #666666;
}

.tab-label a:visited {
  color: #666666;
}

.tab-label a:hover {
  color: #ffffff;
}

.tab-label a:active {
  color: #c0c0c0;
}

.tab-label:active {
  background: #c0c0c0;
  color: #ffffff;
}


/*tabの本文エリア*/

.tab-panel {
  display: none;
  padding: 20px 30px 30px;
  background: #fff;
}

@media (min-width: 600px) {
  .tab-panel {
    order: 99;
  }
}

.input:checked+.tab-label+.tab-panel {
  display: block;
}


/* お薬個別ページのアコーディオン */

.acd-check {
  display: none;
}

.acd-label {
  width: 200px;
  text-align: center;
  padding: 10px 0px 10px 0px;
  border-top: solid 1px #666;
  border-left: solid 1px #666;
  border-right: solid 1px #666;
  border-bottom: solid 1px #666;
  font-size: 14px;
  display: block;
  margin-bottom: 1px;
}

.acd-label:hover {
  background: #686868;
  color: #ffffff;
}

.acd-label:active {
  background: #ffffff;
}

.acd-content {
  border: 1px solid #333;
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: 0.3s;
  /*クリック時の動きを滑らかに*/
  visibility: hidden;
}

.acd-check:checked+.acd-label+.acd-content {
  height: auto;
  opacity: 1;
  padding: 10px;
  visibility: visible;
}


/* shopお店紹介用
---------------------------------------------------------------------------*/

.bg_shop {
  height: 100%;
  color: #666;
  /*	border-top: solid 10px #714b3e;*/
  /*	position: relative; /* 背景暗くする用 */
}


/* shop画像制御 */

.shop_img {
  width: 100%;
}


/* ショップのフレックス設定 */

.shop_parent {
  display: -webkit-flex;
  display: flex;
}

.shop_parent {
  -webkit-flex-direction: wrap;
  flex-direction: wrap;
}

.shop_parent {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.shop_parent {
  justify-content: flex-start;
}


/* ショップの子供設定 */

.shop_child {
  width: 45%;
  font-size: 14px;
  margin: 15px 5px 15px 5px;
  padding: 15px 15px;
  border-bottom: solid 1px #666;
}

.shop_child a {
  text-decoration: none;
}

.shop_child h4 {
  font-weight: bold;
  font-size: 16px;
}


/* ショップのクレジットカード払いアイコン */

.shop_cd_pay_img {
  width: 50px;
  margin: 0px 5px 5px 0px;
}

.shop_cd_pay_td {
  padding: 0px 0px 0px 20px;
  background-color: #ffffff !important;
}


/* 設備アイコン */

.li_icon {
  padding-left: 0px;
}

.li_icon li {
  display: inline;
}

.li_icon li img {
  padding-left: 0px;
  padding-bottom: 10px;
  padding-right: 5px;
}

.li_icon {
  display: block;
}


/* 各種保険の取り扱いアイコン */


/* 対応サービスアイコン */

.li_icon2 {
  padding-left: 0px;
}

.li_icon2 li {
  display: inline;
}

.li_icon2 li img {
  padding-left: 0px;
  padding-bottom: 10px;
  padding-right: 5px;
}

.li_icon2 {
  display: block;
}


/*診療のご案内ページの「診療までの流れ」のステップブロック（info.html）
---------------------------------------------------------------------------*/


/*ステップブロック１個あたりの設定*/

.step {
  overflow: hidden;
  padding: 20px 20px 120px;
  /*上、左右、下へのボックス内の余白*/
  margin-bottom: 20px;
  background: url(../images/arrow1.png) no-repeat center bottom/200px;
  /*背景の矢印画像の読み込み。りピーとせず、中央下部に配置。幅は200px。*/
}


/*h4見出し*/

.step h4 {
  color: #347e02;
  /*文字色*/
  font-size: 30px;
  /*文字サイズ*/
}


/*h4見出しのspanタグ。見出し冒頭の番号。*/

.step h4 span {
  display: inline-block;
  background: #347e02;
  /*背景色*/
  color: #fff;
  /*文字色*/
  width: 50px;
  /*幅*/
  line-height: 50px;
  /*高さ（行間）*/
  border-radius: 50%;
  /*角丸のサイズ。50%にすると円形になる。*/
  text-align: center;
  /*文字を中央に*/
  margin-right: 20px;
  /*右側に空けるスペース*/
}


/*段落タグ*/

.step p {
  padding: 0 !important;
}


/*最後のステップボックス*/

.step:last-child {
  background: none;
  /*背景を消す*/
  padding-bottom: 0;
  /*下の余白を消す*/
}


/*list1（トップページの「こんなお悩みありませんか？」のブロック）
---------------------------------------------------------------------------*/

.list1_wrap {
  height: 500px;
}


/*各ブロックの設定*/

.list1 {
  overflow: hidden;
  width: 20%;
  /*ブロック幅*/
  float: left;
  /*左に回り込み*/
  margin-left: 1%;
  /*ボックスの外側(左側)に空けるスペース*/
  padding: 2%;
  /*ボックス内の余白*/
}


/*h4見出し*/

.list1 h4 {
  font-size: 16px;
  /*indexの4択の文字サイズ*/
  text-align: center;
  /*文字を中央に*/
  color: #714b3e;
  /*文字色*/
}


/*figure画像*/

.list1 figure {
  border-radius: 50%;
  /*角丸のサイズ。50%にすると円形になる。*/
  background: #fff;
  /*背景色*/
  padding: 20px;
  /*余白*/
  box-shadow: 2px 2px 0px 2px rgba(0, 0, 0, 0.2);
  /*影。右へ、下へ、ぼかす範囲、広げる範囲。0,0,0は黒の事で0.2は透明度20%の事*/
}

.list1 figure img {
  border-radius: 50%;
  /*角丸のサイズ。50%にすると円形になる。*/
}


/*list2（施術メニューページの各症状ブロック）
---------------------------------------------------------------------------*/


/*各ブロックの設定*/

.list2 {
  overflow: hidden;
  margin-bottom: 20px;
  padding: 2%;
  /*ボックス内の余白*/
  border: 3px solid #ccc;
  /*枠線の幅、線種、色*/
  background: #fff;
  /*背景色*/
}


/*ボックス内の右側のブロック*/

.list2 .text {
  margin-left: 31%;
  /*左に空けるスペース。下のfigureの幅を考慮して設定。*/
}


/*h4見出し*/

.list2 h4 {
  font-size: 30px;
  /*文字サイズ*/
  color: #347e02;
  /*文字色*/
}


/*figure画像*/

.list2 figure {
  width: 30%;
  /*幅*/
  float: left;
  /*左に回り込み*/
}


/*list2内のテーブルタグ*/

.list2 table {
  font-size: 13px;
  /*文字サイズ*/
  border: 1px solid #ccc;
  /*テーブルの枠線の幅、線種、色*/
}


/*list2内のテーブルタグ（行）*/

.list2 table tr {
  border-top: 1px dashed #ccc;
  /*各行の上の線の幅、線種、色*/
}


/*list2内のテーブルタグ（tdとth）*/

.list2 table td,
.list2 table th {
  padding: 2px 5px;
  /*上下、左右への余白*/
}


/*list2内のテーブルタグ（th見出し）*/

.list2 table th {
  background: #eee;
  /*背景色*/
  text-align: left;
  /*テキストを左よせ*/
}


/*list1とlist2の段落タグ指定
---------------------------------------------------------------------------*/

.list1 p,
.list2 p {
  padding: 0 !important;
}


/*aタグにclass="btn"をつけた場合。トップページの「こんなお悩みありませんか？」ブロック内のボタンで使用。
---------------------------------------------------------------------------*/

a.btn {
  display: block;
  text-decoration: none;
  text-align: center;
  /*テキストを中央に*/
  /*	background: #714b3e;	/*背景色（古いブラウザ用）*/
  /*	background-color: rgba(255, 255, 255, 0.5);*/
  color: #666;
  /*文字色*/
  border: solid 1px #666;
  /*	box-shadow: 2px 3px 2px rgba(0,0,0,0.2);	/*影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.2は透明度20%の事*/
  border-radius: 3px;
  /*角丸のサイズ*/
  padding: 10px 0;
  /*上下、左右への余白*/
  font-size: 13px;
  /*文字サイズ*/
}


/*マウスオン時*/

a:hover.btn {
  background: #ffffff;
  /*背景色*/
  color: #000000;
  /*文字色*/
}


/* 白いボタン */

a.btn_white {
  display: block;
  text-decoration: none;
  text-align: center;
  /*テキストを中央に*/
  /*	background: #714b3e;	/*背景色（古いブラウザ用）*/
  /*	background-color: rgba(255, 255, 255, 0.5);*/
  color: #fff;
  /*文字色*/
  border: solid 1px #fff;
  /*	box-shadow: 2px 3px 2px rgba(0,0,0,0.2);	/*影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.2は透明度20%の事*/
  border-radius: 3px;
  /*角丸のサイズ*/
  padding: 10px 0;
  /*上下、左右への余白*/
  font-size: 14px;
  /*文字サイズ*/
  font-family: sans-serif;
  /*フォント種類 index見出しの明朝と被るので指定*/
  margin-top: 10px;
}


/*マウスオン時*/

a:hover.btn_white {
  background: #fff;
  /*背景色*/
  color: #666;
  /*文字色*/
}


/* パンくずリスト
---------------------------------------------------------------------------*/

.bread_list_contents {
  overflow: hidden;
  margin: 0 auto;
  max-width: 100%;
  /*サイトの最大幅 ここで980pxを指定してメニューと同じにしている*/
  padding-left: 0%;
  /*上下、左右へのコンテンツ内の余白*/
  padding-right: 0%;
  /*上下、左右へのコンテンツ内の余白*/
  padding-top: 0px;
  /*上下、左右へのコンテンツ内の余白*/
  padding-bottom: 0px;
  /*上下、左右へのコンテンツ内の余白*/
  border-top: solid 0px #714b3e;
  /* パンくずリストの上線 */
}

.bread_list_wrap {
  width: 980px;
  margin: 0 auto;
  border: solid 0px red;
  background-image: url(../images/footer_leaf.png);
  background-position: right 15px bottom -5px;
  background-repeat: no-repeat;
}

.bread_list_wrap p {
  font-size: 14px;
  margin: 0 0;
  padding: 15px 0px;
}

.bread_list_wrap p a {
  text-decoration: none;
}


/*フッター設定
---------------------------------------------------------------------------*/


/* スマホメニュー非表示 */

.footermenu_sp {
  display: none;
}

footer .pr {
  display: block;
  font-size: 80%;
}

footer {
  width: 100%;
  margin: 0 auto;
  clear: both;
  line-height: 1.5;
  /*行間を基準より少し狭くする*/
  padding: 30px 0 0;
  /*上、左右、下へのボックス内の余白*/
  font-size: 85%;
  /*文字サイズ*/
  background: #714b3e;
  /*背景色*/
  color: #fff;
  /*文字色*/
}

footer a {
  color: #fff;
  /*リンクの文字色*/
}

footer a:hover {
  color: #fff;
  /*マウスオン時のリンクの文字色*/
}


/*footer内のh3タグ*/

footer h3 {
  margin-bottom: 10px;
  font-size: 24px;
  /*文字サイズ*/
}


/*footer内のh3タグの１文字目*/

footer h3::first-letter {
  border-left: 2px solid #fff;
  /*左側の線の幅、線種、色*/
  padding-left: 10px;
  /*線とテキストの間の余白*/
}


/*footer内の段落タグ*/

footer p {
  text-align: center;
  font-size: 16px;
  padding: 0px 0px 15px !important;
  /*上、左右、下への余白 フッター画像と住所の間の幅。外すとpの20px*/
}


/*footer内の左側のブロック指定*/

#footer-left {
  width: 980px;
  /*幅*/
  margin: 0 auto;
  /*	float: center;	/*左に回り込み*/
  /*	padding-left: 5%;	/*左に空ける余白*/
  padding-bottom: 0px;
  /*下に空ける余白*/
  border: solid 0px red;
}

#footer-left a {
  text-decoration: none;
}


/*フッターのロゴブロック*/

#footer-logo {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: 0px dotted #fff;
  /*下線の幅、線種、色*/
}


/*フッターのロゴ画像*/

#footer-logo img {
  width: 170px;
  /*画像の幅*/
}


/*footer内の右側のブロック指定*/


/* 右は未使用にしました */

#footer-right {
  width: 43%;
  /*幅*/
  float: right;
  /*右に回り込み*/
  padding-right: 5%;
  /*右に空ける余白*/
  padding-bottom: 50px;
  /*下に空ける余白*/
}

.footer_text_small {
  font-size: 14px;
}


/*フッター内のfacebookなどのアイコン設定
---------------------------------------------------------------------------*/


/*アイコン画像１個あたりの設定*/

#icon img {
  width: 40px;
  /*アイコンの幅*/
  margin-right: 10px;
  /*アイコン同士の余白*/
}


/*フッターメニュー
---------------------------------------------------------------------------*/

#footermenu {
  clear: both;
  text-align: center;
  font-size: 16px;
  padding-bottom: 30px;
}

#footermenu li {
  display: inline;
  margin: 0px;
  font-size: 14px;
}

#footermenu li a {
  text-decoration: none;
}


/*PAGE TOP設定
---------------------------------------------------------------------------*/


/* smartphone 上に戻るボタン */

#page_top {
  width: 40px;
  height: 40px;
  position: fixed;
  right: -40px;
  bottom: 15px;
  background: #74a700;
  opacity: 0.6;
  border-radius: 50%;
  z-index: 100;
}

#page_top a {
  position: relative;
  display: block;
  width: 40px;
  height: 15px;
  text-decoration: none;
}


/* 上に戻るボタンだけa:hoverが透明 */

#page_top a:hover {
  background-color: transparent;
}


/* ----------------------------- */

#page_top a::before {
  font-family: FontAwesome;
  content: '\f077';
  font-size: 20px;
  color: #fff;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}


/*コピーライト
---------------------------------------------------------------------------*/

#copyright {
  clear: both;
  text-align: center;
  background: #ffffff;
  /*背景色*/
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  color: #666666;
}

#copyright a {
  text-decoration: none;
}

#copyright a:hover {
  color: #666;
}


/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/


/*見出しを含まないお知らせブロック*/

#new dl {
  padding-left: 20px;
}


/*日付設定*/

#new dt {
  float: left;
  width: 9em;
  /*幅*/
  color: #714b3e;
  /*文字色*/
  letter-spacing: 0.1em;
}


/*記事設定*/

#new dd {
  padding-left: 9em;
}


/*テーブル（ta1）
---------------------------------------------------------------------------*/


/*ta1設定*/

.ta1 {
  width: 100%;
  margin: 0 auto 20px;
  border-bottom: 1px solid #ccc;
  /*テーブルの下の枠線の幅、線種、色*/
  background: #fff;
  /*背景色（古いブラウザ用）*/
  background: rgba(255, 255, 255, 0.8);
  /*背景色。255,255,255は白の事で0.8は透明度80%の事*/
}


/*td,th共通*/

.ta1 td,
.ta1 th {
  border-top: 1px solid #ccc;
  /*tdタグとthタグの上側の枠線の幅、線種、色*/
  padding: 10px 15px;
  /*ボックス内の余白*/
  word-break: break-all;
}


/*テーブル１行目に入った見出し部分*/

.ta1 th.tamidashi {
  width: auto;
  text-align: left;
  /*左よせ*/
  background: #cac8c2;
  /*背景色*/
  font-size: 20px;
  /*文字サイズ*/
}


/*ta1の左側ボックス*/

.ta1 th {
  width: 140px;
  /*幅*/
  text-align: right;
  /*右寄せ*/
}


/*左側ボックスに画像を入れた場合の設定*/

.ta1 th img {
  width: 100%;
}


/*ta2（footerの「診療時間のご案内」で使っているテーブル）
---------------------------------------------------------------------------*/


/*ta2設定*/

.ta2 {
  width: 90%;
  margin: 0 auto 10px;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  /*テーブルの下の枠線の幅、線種、色*/
  text-align: center;
}


/*td,th共通*/

.ta2 td,
.ta2 th {
  border-top: 1px solid #666;
  /*td,thの上側の線の幅、線種、色*/
  padding: 5px 10px;
  /*ボックス内の余白*/
}


/*th見出し*/

.ta2 th {
  background: rgba(0, 0, 0, 0.2);
  /*背景色*/
}


/*ta3（料金ページで使っているテーブル設定）
---------------------------------------------------------------------------*/


/*ta3設定*/

.ta3 {
  width: 100%;
  margin: 0 auto 20px;
  border-bottom: 1px solid #ccc;
  /*テーブルの枠線の幅、線種、色*/
  background: #fff;
  /*背景色（古いブラウザ用）*/
  background: rgba(255, 255, 255, 0.8);
  /*背景色。255,255,255は白の事で0.8は透明度80%の事*/
}

.ta3,
.ta3 td,
.ta3 th {
  border: 1px solid #ccc;
  /*テーブルの枠線の幅、線種、色*/
  padding: 10px 15px;
  /*ボックス内の余白*/
}


/*th見出し（基準色）*/

.ta3 th {
  background: #d3e2ee;
  /*背景色*/
}


/*bgcolor0背景色*/

.bgcolor0 {
  background: #f0f0f0 !important;
}


/*bgcolor1背景色*/

.bgcolor1 {
  background: #d6edda !important;
}


/*bgcolor2背景色*/

.bgcolor2 {
  background: #ede8d6 !important;
}


/*bgcolor3背景色*/

.bgcolor3 {
  background: #edd7d6 !important;
}


/*よく頂く質問
---------------------------------------------------------------------------*/


/*外側ブロック*/

.faq {
  padding: 0px 20px;
  /*上下、左右への余白*/
}


/*質問*/

.faq dt {
  color: #347e02;
  /*文字色*/
  font-weight: bold;
  /*太字にする設定*/
  background: url(../images/faq_q.png) no-repeat left center;
  /*背景アイコン*/
  padding-left: 30px;
  /*背景アイコンに重ならないよう左に余白を作る*/
}


/*回答*/

.faq dd {
  background: url(../images/faq_a.png) no-repeat left top;
  /*背景アイコン*/
  padding-left: 30px;
  /*背景アイコンに重ならないよう左に余白を作る*/
  border-bottom: 1px solid #ccc;
  /*下線の幅、線種、色*/
  margin-bottom: 20px;
  /*ボックスの下側（外側）に空けるスペース*/
  padding-bottom: 20px;
  /*ボックス内の下側に空けるスペース*/
}


/*inviewのスタイル
---------------------------------------------------------------------------*/


/*下から上にフェードインしてくるスタイル（待機中）*/

.up {
  overflow: hidden;
  position: relative;
  opacity: 0;
  /*透明度0%*/
  bottom: -50px;
  /*基準値の下50pxの場所からスタート*/
}


/*要素が見えたら実行するアクション*/

.upstyle {
  opacity: 1;
  /*透明度100%*/
  bottom: 0px;
  /*基準値まで戻す*/
  transition: 1s 0.3s;
  /*1sはアニメーションの実行時間1秒。0.3sは0.3秒遅れてスタートする指定。*/
}


/*左からフェードインしてくるスタイル（待機中）*/

.left {
  overflow: hidden;
  position: relative;
  opacity: 0;
  /*透明度0%*/
  left: -200px;
  /*基準値より左に200pxの場所からスタート*/
}


/*要素が見えたら実行するアクション*/

.leftstyle {
  opacity: 1;
  /*透明度100%*/
  left: 0px;
  /*基準値まで戻す*/
  transition: 1s 0.3s;
  /*1sはアニメーションの実行時間1秒。0.3sは0.3秒遅れてスタートする指定。*/
}


/*右からフェードインしてくるスタイル（待機中）*/

.right {
  overflow: hidden;
  position: relative;
  opacity: 0;
  /*透明度0%*/
  right: -200px;
  /*基準値より右に200pxの場所からスタート*/
}


/*要素が見えたら実行するアクション*/

.rightstyle {
  opacity: 1;
  /*透明度100%*/
  right: 0px;
  /*基準値まで戻す*/
  transition: 1s 0.3s;
  /*1sはアニメーションの実行時間1秒。0.3sは0.3秒遅れてスタートする指定。*/
}


/*inputボタン
---------------------------------------------------------------------------*/

.contents input[type="submit"].btn,
.contents input[type="button"].btn,
.contents input[type="reset"].btn {
  padding: 5px 10px;
  /*上下、左右へのボックス内の余白*/
  border: 1px solid #ccc;
  /*枠線の幅、線種、色*/
  font-size: 20px;
  /*文字サイズ*/
  border-radius: 3px;
  /*角丸のサイズ*/
  background: #eee;
  /*背景色*/
}


/*マウスオン時の設定*/

.contents input[type="submit"].btn:hover,
.contents input[type="button"].btn:hover,
.contents input[type="reset"].btn:hover {
  border: 1px solid #999;
  /*枠線の幅、線種、色*/
  background: #fff;
  /*背景色*/
}


/*トップページのNEWアイコン
---------------------------------------------------------------------------*/

.newicon {
  background: #F00;
  /*背景色*/
  color: #FFF;
  /*文字色*/
  font-size: 70%;
  /*文字サイズ*/
  line-height: 1.5;
  padding: 2px 5px;
  border-radius: 2px;
  margin: 0px 5px;
  vertical-align: text-top;
}


/*トップページの「こんなお悩みありませんか？」のボタンのリンク先がヘッダーに重ならないようにする調整。
---------------------------------------------------------------------------*/

.link {
  display: block;
  margin-top: -80px;
  padding-top: 80px;
}


/*checkブロック。赤い注意書きブロックです。
---------------------------------------------------------------------------*/

p.check {
  background: #ff0000;
  color: #fff;
  padding: 10px 25px !important;
  margin-bottom: 20px;
}

p.check a {
  color: #fff;
}


/*その他
---------------------------------------------------------------------------*/

.look {
  background: #ccc;
  padding: 5px 10px;
  border-radius: 4px;
}

.mb15,
.mb1em {
  margin-bottom: 15px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.p0 {
  padding: 0 !important;
}

.clear {
  clear: both;
}

ul.disc {
  padding: 0em 25px 15px;
  list-style: disc;
}

.color1,
.color1 a {
  color: #347e02 !important;
}

.pr {
  font-size: 10px;
}

.wl {
  width: 96%;
}

.ws {
  width: 50%;
}

.c {
  text-align: center !important;
}


/* テキストのalign指定3種 */

.l {
  text-align: left !important;
}

.w50 {
  overflow: hidden;
  width: 50%;
}

.fl {
  float: left;
}

img.fl {
  float: left;
  width: 30%;
  margin-right: 20px;
  margin-bottom: 20px;
}

.fr {
  float: right;
}

img.fr {
  float: right;
  width: 30%;
  margin-left: 20px;
  margin-bottom: 20px;
}

.photo {
  padding: 10px;
  background: #fff;
  border: 5px solid #fff;
  box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.2);
}

.big1 {
  font-size: 20px;
}


/* 40pxだった */

.mini1 {
  font-size: 11px;
  display: inline-block;
  line-height: 1.5;
}

.sh {
  display: none;
}

#footer-left h3 {
  font-size: 18px;
}

#footer-right h3 {
  font-size: 18px;
}

small {
  font-size: 14px;
}

.table_800 {
  display: block;
  border: solid 0px red;
}

.btn_wrapwp {
  width: 250px;
  border: solid 0px red;
  margin: 0 auto;
  display: table;
}

.btn_wrap {
  width: 250px;
  text-align: right;
  display: table-cell;
}


/* ボタンの幅 */

.strong {
  font-weight: bold;
}


/* ----------------------------------------------------------------------980以上ここまで */


/* ■■■■■■■■■■■■■■テンプレートにあったスマホ横にした場合の設定は削除しました */


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */


/*画面幅979px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

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

  /*ヘッダー
---------------------------------------------------------------------------*/
  header {
    padding: 10px 0px 12px 0px;
    /*上下、左右への余白 スマホメニュー用　上の余白の調整*/
    position: fixed;
    width: 100%;
    border-bottom: 0px solid #fff;
    /* ヘッダーメニュースマホの下の下線 */
    box-shadow: 1px 1px 2px gray;
    /* 下線やめて影にしました */
  }

  /*トップページのヘッダー*/
  #top header {
    margin-bottom: 0px;
    /*大きな端末用ではこの分にメニューが表示されていましたが、小さな端末では開閉ブロックになるので余白をリセット。*/
  }

  /*h1画像（トップページ以外で使用するロゴ画像）*/
  /* SVGの下の画像、スマホのみ個別で指定。パソコンメニュー上部とスマホメニュー上部はheader h1 imgで指定 */
  .index_logo_img {
    position: absolute;
    top: 50%;
    left: 50%;
    /*上下、左右への余白 SVGの下の画像位置*/
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 170px;
    /*画像幅*/
  }

  /* トップページ以外のヘッダー */
  .header_n {
    display: none;
    width: 100%;
    height: 30px;
    margin: 0 auto;
    border: solid 0px red;
    padding-top: 15px;
  }

  .header_n img {
    width: 170px;
    /*画像幅*/
  }

  .header_n h1 {
    display: none;
    font-size: 10px;
    color: #fff;
    vertical-align: middle;
  }

  /* スマホ用ヘッダー */
  .header_n_sp {
    display: block;
  }

  .header_n_sp {
    width: 100%;
    height: 45px;
    /* スマホメニューの高さ */
    margin: 0 auto;
    border: solid 0px red;
    padding-top: 0px;
  }

  .header_n_sp p {
    color: #744f42 !important;
    /* タイトルロゴの下の文字 */
    font-weight: bold !important;
    margin-left: 23px;
    padding: 3px 0px 0px 0px !important;
    letter-spacing: 1px;
    transform-origin: left top;
    /* 左上に指定しないと真ん中になる */
    font-size: 10px;
    /* ロゴの下の文字10px以下表示用 */
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
  }

  .header_n_sp img {
    padding-top: 5px;
    padding-left: 20px;
    width: 170px;
    /*画像幅*/
  }

  .header-logo-menu {
    display: block;
  }

  /*メインメニュー
---------------------------------------------------------------------------*/
  /*アニメーションのフレーム設定。全100コマアニメーションだと思って下さい。透明度(opacity)0%から透明度100%にする指定。*/
  @keyframes menu1 {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  /*PC用メニューを非表示にする*/
  #menubar {
    display: none;
  }

  /* ■■■■■■テンプレート記載のスマホメニュー「menubar-s」は削除しました */
  /* スマホ用メニューその２
---------------------------------------------------------------------------*/
  .header-logo-menu {
    position: relative;
    z-index: 9999;
    display: flex;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
  }

  /*ロゴやサイトタイトルをセンタリング*/
  .logo-erea {
    text-align: center;
    margin: auto;
  }

  #nav-drawer {
    position: fixed;
    z-index: 9999;
    top: 15px;
    /* ハンバーガーメニューの上下位置 */
    right: 25px;
  }

  /*チェックボックス等は非表示に*/
  .nav-unshown {
    display: none;
  }

  /*アイコンのスペース*/
  #nav-open {
    display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: middle;
    border: solid 0px white;
  }

  /*ハンバーガーの形をCSSで表現*/
  #nav-open span,
  #nav-open span:before,
  #nav-open span:after {
    position: absolute;
    height: 3px;
    /*線の太さ*/
    width: 30px;
    /*長さ*/
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    background: #ffffff;
    /* ハンバーガーメニューの棒の色 */
    display: block;
    content: '';
    cursor: pointer;
  }

  #nav-open span:before {
    bottom: -10px;
  }

  #nav-open span:after {
    bottom: -20px;
  }

  /*閉じる用の薄黒箇所*/
  #nav-close {
    display: none;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* 茶色の透明 */
    transition: .3s ease-in-out;
  }

  /*メニューの中身*/
  #nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    font-size: 14px;
    z-index: 9999;
    width: 90%;
    border: solid 0px red;
    max-width: 305px;
    /*最大幅（お好みで調整を）*/
    height: 100%;
    background-color: rgba(255, 255, 255, 0.96);
    /* 白色の透明 */
    transition: .3s ease-in-out;
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);
  }

  #nav-content li {
    padding: 10px 0px 10px 15px;
    border-bottom: solid 0.5px #666666;
    color: #666666;
  }

  #nav-content li a {
    text-decoration: none;
    color: #666666;
  }

  /*チェックがついたら表示させる*/
  #nav-input:checked~#nav-close {
    display: block;
    opacity: .5;
  }

  #nav-input:checked~#nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
  }

  /* アコーディオン開閉（開きっぱなし） */
  .acd-check {
    display: none;
  }

  .acd-label {
    background: ;
    color: #fff;
    display: block;
    margin-bottom: 1px;
    padding: 10px 0px 10px 15px;
    border-bottom: solid 0.5px #bfbfbf;
  }

  .acd-content {
    border: 0px solid #333;
    height: 0;
    color: #fff;
    font-size: 14px;
    opacity: 0;
    transition: .4s;
    visibility: hidden;
  }

  .acd-check:checked+.acd-label+.acd-content {
    height: 240px;
    opacity: 1;
    visibility: visible;
  }

  /* 矢印の回転 */
  .acd-check .acd-label input[type=checkbox]:checked~.cp_plus {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  /* アコーディオン開閉（片方閉じる） */
  .cp_actab {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 1px;
    color: #666666;
  }

  .cp_actab input {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }

  .cp_actab label {
    /*	font-weight: bold;*/
    /* 押すと開閉する文字のボールド */
    line-height: 3;
    position: relative;
    display: block;
    padding: 0 0 0 1em;
    margin: 0 0 0px 0;
    cursor: pointer;
    background: #;
  }

  .cp_actab .cp_actab-content {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.35s;
    transition: max-height 0.35s;
    background: #;
  }

  .cp_actab .cp_actab-content p {
    margin: 1em;
  }

  /* :checked */
  .cp_actab input:checked~.cp_actab-content {
    max-height: 25em;
  }

  /* Icon */
  .cp_actab label::after {
    line-height: 3;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 3em;
    height: 3em;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    text-align: center;
  }

  .cp_actab input[type=radio]+label::after {
    font-family: FontAwesome;
    /* font awesome指定用 */
    font-weight: 400;
    /* 400 or 900しか使えない */
    content: '\f103';
    /* Uniconeでバックスラッシュ */
  }

  .cp_actab input[type=radio]:checked+label::after {
    transform: rotateX(180deg);
  }

  /* アコーディオンボタンの下線 */
  .tab-text {
    border-bottom: solid 0.5px #666666;
    background-color: rgba(255, 255, 255, 0.4);
    /* 会社案内に微妙に色を付けている */
  }

  /* アコーディオンのcontents見出しの装飾 */
  .sp_menu_text {
    font-size: 16px;
    letter-spacing: 2px;
  }

  /*トップページのSVGロゴアニメーション設定979px以下
---------------------------------------------------------------------------*/
  #svg-logo {
    fill: transparent;
    /*初期の色。透明。*/
    stroke: #;
    /*フチ取りの色*/
    stroke-width: 2;
    /*フチ取りの幅*/
    width: 50%;
    /*画像の幅*/
    /*	height: 50%;*/
    /*画像の高さ*/
    position: fixed;
    /*スクロールしても固定表示させる指定*/
    top: 33%;
    /* fixedの中央寄せは以下 */
    left: 25%;
    top: calc(33% - 0px/2);
    left: calc(25% - 0px/2);
    border: solid 0px red;
    /* 位置確認用 */
  }

  /*トップページのメイン画像のアニメーション設定800px以下
---------------------------------------------------------------------------*/
  /* --- 背景の指定 ------------------------------------------- */
  #mainimg .bgImg {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    animation: bgAnime 40s infinite;
    /* 4画像 × 各5s = 20s */
  }

  /* --- 段差で背景画像のアニメーションを実行 ----------------- */
  #mainimg .src1 {
    background-image: url(../images/mainimg5_sp.jpg);
    /* 背景の画像を指定 */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  #mainimg .src2 {
    background-image: url(../images/mainimg2_sp.jpg);
    /* 背景の画像を指定 */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    animation-delay: 10s;
  }

  #mainimg .src3 {
    background-image: url(../images/mainimg4_sp.jpg);
    /* 背景の画像を指定 */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    animation-delay: 20s;
  }

  #mainimg .src4 {
    background-image: url(../images/mainimg_sp.jpg);
    /* 背景の画像を指定 */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    animation-delay: 30s;
  }

  @keyframes bgAnime {
    0% {
      opacity: 0;
      transform: scale(1.0, 1.0);
    }

    1% {
      opacity: 1;
      transform: scale(1.0, 1.0);
    }

    5% {
      opacity: 1;
      transform: scale(1.0, 1.0);
    }

    21% {
      opacity: 1;
      transform: scale(1.05, 1.05);
    }

    25% {
      opacity: 1;
      transform: scale(1.05, 1.05);
    }

    26% {
      opacity: 0;
    }

    100% {
      opacity: 0;
    }
  }

  /*topicsアニメーションの位置設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
  /*ボックス内のh2見出し*/
  #topics h2 {
    font-size: 24px;
    /*文字サイズ*/
  }

  /*アニメーションのキーフレーム*/
  @keyframes move-topics {
    0% {
      opacity: 0;
      /*透明度0%*/
      bottom: 0%;
      /*下から0%の場所からスタート*/
    }

    100% {
      opacity: 1;
      /*透明度100%*/
      bottom: 10%;
      /*下から15%の場所でフィニッシュ*/
    }
  }

  /*fixmenu設定（メニューが画面上部に到達した際のスタイル）
------------------------------------------------------------------------------------------------------------------------------------------------------*/
  /*fixmenuから折りたたみメニューになるのでリセット。*/
  body.is-fixed .inner#first,
  body.is-fixed-menu .inner#first {
    margin-top: 0;
  }

  /*inner
---------------------------------------------------------------------------*/
  .inner#first {
    padding-top: 35px;
  }

  /* ヘッダートグルの下の高さ980px以下用 */
  body#top .inner#first {
    padding-top: 0px;
  }

  /* 各ページの見出し画像の設定980px以下
---------------------------------------------------------------------------*/
  /*h2タグ*/
  .contents h2 {
    clear: both;
    padding-top: 0px;
    /* h2に一括でパディング入れたいならここ */
    margin-bottom: 20px;
    font-size: 32px;
    /*文字サイズ typeシリーズの文字サイズ調整*/
    text-align: center;
    /*文字をセンタリング*/
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  }

  /*type1*/
  .contents h2.type1 {
    font-size: 30px;
    /*文字サイズ*/
    background: #fff;
    /*背景色（古いブラウザ用）*/
    background: rgba(255, 255, 255, 0.8);
    /*背景色。255,255,255は白の事で0.8は透明度80%の事。*/
    border-radius: 50px;
    /*角丸のサイズ*/
    box-shadow: 0px 2px 0px 2px rgba(0, 0, 0, 0.1);
    /*影。右へ、下へ、ぼかす範囲、広げる範囲。0,0,0は黒の事で0.1は透明度10%の事*/
  }

  /*type2 aboutわかくさ薬局とは用*/
  .contents h2.type2 {
    margin-left: calc(-50vw + 50%);
    /* contentsの幅を超えて画像表示 */
    margin-right: calc(-50vw + 50%);
    /* contentsの幅を超えて画像表示 */
    background: url(../images/bg_type2.jpg) no-repeat left top;
    /*背景画像の読み込み（古いブラウザ用）*/
    background: url(../images/bg_type2.jpg) no-repeat left top/cover;
    /*背景画像の読み込み*/
    color: #fff;
    /*文字色*/
    font-size: 26px !important;
    /* 英語の上の文字。背景画像の関係で一元管理できない */
    letter-spacing: 5px;
    text-align: center;
    /*文字を左寄せ*/
    padding: 40px 50px;
    /*上下、左右へのボックス内の余白*/
    padding-top: 60px;
    border: 0px solid #fff;
    /*枠線の幅、線種、色*/
    margin-top: 0px;
    height: 80px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  }

  /*影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.1は透明度10%の事*/
  /*type2のspan（装飾用）タグ*/
  .contents h2.type2 span {
    color: #fff;
    /*文字色（古いブラウザ用）*/
    color: rgba(255, 255, 255, 0.9);
    /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
    font-size: 14px;
    text-align: center;
    margin-top: 0px;
  }

  /*type3 zaitaku在宅医療への取り組み用*/
  .contents h2.type3 {
    margin-left: calc(-50vw + 50%);
    /* contentsの幅を超えて画像表示 */
    margin-right: calc(-50vw + 50%);
    /* contentsの幅を超えて画像表示 */
    background: url(../images/bg_type3.jpg) no-repeat left top;
    /*背景画像の読み込み（古いブラウザ用）*/
    background: url(../images/bg_type3.jpg) no-repeat left top/cover;
    /*背景画像の読み込み*/
    color: #fff;
    /*文字色*/
    font-size: 26px !important;
    /* 英語の上の文字。背景画像の関係で一元管理できない */
    letter-spacing: 5px;
    text-align: center;
    /*文字を左寄せ*/
    padding: 40px 50px;
    /*上下、左右へのボックス内の余白*/
    padding-top: 60px;
    border: 0px solid #fff;
    /*枠線の幅、線種、色*/
    margin-top: 0px;
    height: 80px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  }

  /*影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.1は透明度10%の事*/
  /*type3のspan（装飾用）タグ*/
  .contents h2.type3 span {
    color: #fff;
    /*文字色（古いブラウザ用）*/
    color: rgba(255, 255, 255, 0.9);
    /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
    font-size: 14px;
    text-align: center;
    margin-top: 0px;
  }

  /*type4 medicine購入可能な医療医薬品用*/
  .contents h2.type4 {
    margin-left: calc(-50vw + 50%);
    /* contentsの幅を超えて画像表示 */
    margin-right: calc(-50vw + 50%);
    /* contentsの幅を超えて画像表示 */
    background: url(../images/bg_type4.jpg) no-repeat left top;
    /*背景画像の読み込み（古いブラウザ用）*/
    background: url(../images/bg_type4.jpg) no-repeat left top/cover;
    /*背景画像の読み込み*/
    color: #fff;
    /*文字色*/
    font-size: 26px !important;
    /* 英語の上の文字。背景画像の関係で一元管理できない */
    letter-spacing: 5px;
    text-align: center;
    /*文字を左寄せ*/
    padding: 40px 50px;
    /*上下、左右へのボックス内の余白*/
    padding-top: 60px;
    border: 0px solid #fff;
    /*枠線の幅、線種、色*/
    margin-top: 0px;
    height: 80px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  }

  /*影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.1は透明度10%の事*/
  /*type4のspan（装飾用）タグ*/
  .contents h2.type4 span {
    color: #fff;
    /*文字色（古いブラウザ用）*/
    color: rgba(255, 255, 255, 0.9);
    /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
    font-size: 14px;
    text-align: center;
    margin-top: 0px;
  }

  /*type5 members会員制について用*/
  .contents h2.type5 {
    margin-left: calc(-50vw + 50%);
    /* contentsの幅を超えて画像表示 */
    margin-right: calc(-50vw + 50%);
    /* contentsの幅を超えて画像表示 */
    background: url(../images/bg_type5.jpg) no-repeat left top;
    /*背景画像の読み込み（古いブラウザ用）*/
    background: url(../images/bg_type5.jpg) no-repeat left top/cover;
    /*背景画像の読み込み*/
    color: #fff;
    /*文字色*/
    font-size: 26px !important;
    /* 英語の上の文字。背景画像の関係で一元管理できない */
    letter-spacing: 5px;
    text-align: center;
    /*文字を左寄せ*/
    padding: 40px 50px;
    /*上下、左右へのボックス内の余白*/
    padding-top: 60px;
    border: 0px solid #fff;
    /*枠線の幅、線種、色*/
    margin-top: 0px;
    height: 80px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  }

  /*影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.1は透明度10%の事*/
  /*type5のspan（装飾用）タグ*/
  .contents h2.type5 span {
    color: #fff;
    /*文字色（古いブラウザ用）*/
    color: rgba(255, 255, 255, 0.9);
    /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
    font-size: 14px;
    text-align: center;
    margin-top: 0px;
  }

  /*type6 prescription処方箋なしについて用*/
  .contents h2.type6 {
    margin-left: calc(-50vw + 50%);
    /* contentsの幅を超えて画像表示 */
    margin-right: calc(-50vw + 50%);
    /* contentsの幅を超えて画像表示 */
    background: url(../images/bg_type6.jpg) no-repeat left top;
    /*背景画像の読み込み（古いブラウザ用）*/
    background: url(../images/bg_type6.jpg) no-repeat left top/cover;
    /*背景画像の読み込み*/
    color: #fff;
    /*文字色*/
    font-size: 26px !important;
    /* 英語の上の文字。背景画像の関係で一元管理できない */
    letter-spacing: 5px;
    text-align: center;
    /*文字を左寄せ*/
    padding: 40px 50px;
    /*上下、左右へのボックス内の余白*/
    padding-top: 60px;
    border: 0px solid #fff;
    /*枠線の幅、線種、色*/
    margin-top: 0px;
    height: 80px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  }

  /*影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.1は透明度10%の事*/
  /*type6のspan（装飾用）タグ*/
  .contents h2.type6 span {
    color: #fff;
    /*文字色（古いブラウザ用）*/
    color: rgba(255, 255, 255, 0.9);
    /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
    font-size: 14px;
    text-align: center;
    margin-top: 0px;
  }

  /*type7 recruitスタッフ募集用*/
  .contents h2.type7 {
    margin-left: calc(-50vw + 50%);
    /* contentsの幅を超えて画像表示 */
    margin-right: calc(-50vw + 50%);
    /* contentsの幅を超えて画像表示 */
    background: url(../images/bg_type7.jpg) no-repeat left top;
    /*背景画像の読み込み（古いブラウザ用）*/
    background: url(../images/bg_type7.jpg) no-repeat left top/cover;
    /*背景画像の読み込み*/
    color: #fff;
    /*文字色*/
    font-size: 26px !important;
    /* 英語の上の文字。背景画像の関係で一元管理できない */
    letter-spacing: 5px;
    text-align: center;
    /*文字を左寄せ*/
    padding: 40px 50px;
    /*上下、左右へのボックス内の余白*/
    padding-top: 60px;
    border: 0px solid #fff;
    /*枠線の幅、線種、色*/
    margin-top: 0px;
    height: 80px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  }

  /*影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.1は透明度10%の事*/
  /*type6のspan（装飾用）タグ*/
  .contents h2.type7 span {
    color: #fff;
    /*文字色（古いブラウザ用）*/
    color: rgba(255, 255, 255, 0.9);
    /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
    font-size: 14px;
    text-align: center;
    margin-top: 0px;
  }

  /*type8 lineLINE＠ページ用*/
  .contents h2.type8 {
    margin-left: calc(-50vw + 50%);
    /* contentsの幅を超えて画像表示 */
    margin-right: calc(-50vw + 50%);
    /* contentsの幅を超えて画像表示 */
    background: url(../images/bg_type8.jpg) no-repeat left top;
    /*背景画像の読み込み（古いブラウザ用）*/
    background: url(../images/bg_type8.jpg) no-repeat left top/cover;
    /*背景画像の読み込み*/
    color: #fff;
    /*文字色*/
    font-size: 26px !important;
    /* 英語の上の文字。背景画像の関係で一元管理できない */
    letter-spacing: 5px;
    text-align: center;
    /*文字を左寄せ*/
    padding: 40px 50px;
    /*上下、左右へのボックス内の余白*/
    padding-top: 60px;
    border: 0px solid #fff;
    /*枠線の幅、線種、色*/
    margin-top: 0px;
    height: 80px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  }

  /*影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.1は透明度10%の事*/
  /*type8のspan（装飾用）タグ*/
  .contents h2.type8 span {
    color: #fff;
    /*文字色（古いブラウザ用）*/
    color: rgba(255, 255, 255, 0.9);
    /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
    font-size: 14px;
    text-align: center;
    margin-top: 0px;
  }

  /*type9 お問い合わせフォーム用*/
  .contents h2.type9 {
    margin-left: calc(-50vw + 50%);
    /* contentsの幅を超えて画像表示 */
    margin-right: calc(-50vw + 50%);
    /* contentsの幅を超えて画像表示 */
    background: url(../images/bg_type9.jpg) no-repeat left top;
    /*背景画像の読み込み（古いブラウザ用）*/
    background: url(../images/bg_type9.jpg) no-repeat left top/cover;
    /*背景画像の読み込み*/
    color: #fff;
    /*文字色*/
    font-size: 26px !important;
    /* 英語の上の文字。背景画像の関係で一元管理できない */
    letter-spacing: 5px;
    text-align: center;
    /*文字を左寄せ*/
    padding: 40px 50px;
    /*上下、左右へのボックス内の余白*/
    padding-top: 60px;
    border: 0px solid #fff;
    /*枠線の幅、線種、色*/
    margin-top: 0px;
    height: 80px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  }

  /*影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.1は透明度10%の事*/
  /*type9のspan（装飾用）タグ*/
  .contents h2.type9 span {
    color: #fff;
    /*文字色（古いブラウザ用）*/
    color: rgba(255, 255, 255, 0.9);
    /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
    font-size: 14px;
    text-align: center;
    margin-top: 0px;
  }

  /*type10 保険調剤用*/
  .contents h2.type10 {
    margin-left: calc(-50vw + 50%);
    /* contentsの幅を超えて画像表示 */
    margin-right: calc(-50vw + 50%);
    /* contentsの幅を超えて画像表示 */
    background: url(../images/bg_type10.jpg) no-repeat left top;
    /*背景画像の読み込み（古いブラウザ用）*/
    background: url(../images/bg_type10.jpg) no-repeat left top/cover;
    /*背景画像の読み込み*/
    color: #fff;
    /*文字色*/
    font-size: 26px !important;
    /* 英語の上の文字。背景画像の関係で一元管理できない */
    letter-spacing: 5px;
    text-align: center;
    /*文字を左寄せ*/
    padding: 40px 50px;
    /*上下、左右へのボックス内の余白*/
    padding-top: 60px;
    border: 0px solid #fff;
    /*枠線の幅、線種、色*/
    margin-top: 0px;
    height: 80px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  }

  /*影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.1は透明度10%の事*/
  /*type10のspan（装飾用）タグ*/
  .contents h2.type10 span {
    color: #fff;
    /*文字色（古いブラウザ用）*/
    color: rgba(255, 255, 255, 0.9);
    /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
    font-size: 14px;
    text-align: center;
    margin-top: 0px;
  }

  /*type11 求人募集用フォーム用*/
  .contents h2.type11 {
    margin-left: calc(-50vw + 50%);
    /* contentsの幅を超えて画像表示 */
    margin-right: calc(-50vw + 50%);
    /* contentsの幅を超えて画像表示 */
    background: url(../images/bg_type11.jpg) no-repeat left top;
    /*背景画像の読み込み（古いブラウザ用）*/
    background: url(../images/bg_type11.jpg) no-repeat left top/cover;
    /*背景画像の読み込み*/
    color: #fff;
    /*文字色*/
    font-size: 26px !important;
    /* 英語の上の文字。背景画像の関係で一元管理できない */
    letter-spacing: 5px;
    text-align: center;
    /*文字を左寄せ*/
    padding: 40px 50px;
    /*上下、左右へのボックス内の余白*/
    padding-top: 60px;
    border: 0px solid #fff;
    /*枠線の幅、線種、色*/
    margin-top: 0px;
    height: 80px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  }

  /*影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.1は透明度10%の事*/
  /*type11のspan（装飾用）タグ*/
  .contents h2.type11 span {
    color: #fff;
    /*文字色（古いブラウザ用）*/
    color: rgba(255, 255, 255, 0.9);
    /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
    font-size: 14px;
    text-align: center;
    margin-top: 0px;
  }

  /* h3タグ980px以下用
---------------------------------------------------------------------------*/
  /* 各ページ共通コンテンツの黒テキスト */
  .contents_p {
    color: #666 !important;
    font-size: 14px;
  }

  /* 右に寄せたい */
  .contents_p_right {
    color: #666 !important;
    font-size: 14px;
    text-align: right;
    margin-right: 10px;
  }

  /* 各ページ共通画像設定 */
  .contents_p_img {
    width: 100%;
  }

  .contents_p_img_2 {
    width: 100%;
    padding: 0px 0px 0px 0px;
  }

  .contents_p_img_100 {
    width: 95%;
  }

  /* ■■■■■■■■■■■■■■■■■■フォームボタンのフォント指定 */
  .btn_p {
    font-size: 14px;
    margin: 25px 0px 0px 0px !important;
    padding: 0px 0px !important;
  }

  /* 画像のテキスト回り込み */
  figure {
    text-align: center;
    float: center;
    margin: 0px 0px 0px 0px;
    width: 100%;
    padding: 15px 0px;
  }

  /* 画像のテキスト回り込み右 */
  .figure_right {
    float: center;
    margin: 0px 0px 0px 0px;
    width: 100%;
  }

  /* セクション間の調整 */
  .m_s {
    height: 60px;
    margin: 0 auto;
    clear: both;
    /* 回り込み解除 */
  }

  /* 各ページの見出しとセクション間の調整 */
  .m_s_2 {
    height: 10px;
    margin: 0 auto;
    clear: both;
    /* 回り込み解除 */
  }

  /* 各ページ共通フレックス設定 */
  .contents_parent {
    display: -webkit-flex;
    display: flex;
  }

  .contents_parent {
    -webkit-flex-direction: row;
    flex-direction: row;
  }

  /* 各ページ共通フレックス子供設定 */
  .contents_child {
    width: 50%;
  }

  /* 各ページ共通 流れ説明画像フレックス979px以下
---------------------------------------------------------------------------*/
  .common_flow_img_parent {
    display: -webkit-flex;
    display: flex;
  }

  .common_flow_img_parent {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .common_flow_img_parent {
    width: 100%;
    margin: 0px 0px;
    text-align: center;
    border: solid 0px red;
  }

  /* 各ページ共通フレックス子供設定 */
  .common_flow_img_child {
    width: 100%;
    margin: 0px 0px;
  }

  /* 2つの場合用 */
  .common_flow_img_parent_2 {
    display: -webkit-flex;
    display: flex;
  }

  .common_flow_img_parent_2 {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .common_flow_img_parent_2 {
    width: 100%;
    margin: 0px 0px;
    text-align: center;
    border: solid 0px red;
  }

  /* 各ページ共通フレックス子供設定 */
  .common_flow_img_child_2 {
    width: 100%;
    margin: 0px 0px;
    text-align: center;
  }

  /* 流れの説明の矢印の回転制御 */
  .common_flow_img_arrow {
    transform: rotate(90deg);
    transform-origin: center center;
    height: 100px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }

  /* 画像のサイズ調整 */
  .common_flow_img {
    width: 50%;
  }

  /* 個別ページ設定 979px以下
---------------------------------------------------------------------------*/
  /* indexわかくさ薬局とは */
  .bg_index_about {
    height: 500px;
    color: #666;
    /*	border-top: solid 10px #714b3e;*/
    position: relative;
    /* 背景暗くする用 */
  }

  /* 背景暗くする */
  .bg_index_about::before {
    /* 透過した黒を重ねる */
    background-color: rgba(0, 0, 0, 0.2);
    /* どの範囲に重ねるかを指定 */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
  }

  .bg_index_about_p {
    padding-bottom: 0px !important;
  }

  /* わかくさ薬局とは背景画像指定 */
  /* スマホ用120%にしてある */
  .inner.bg_index_about {
    background: #ffffff url(../images/index_pr1_sp.jpg) no-repeat center top/120% !important;
  }

  /* index新着情報 */
  .bg_index_whatsnew {
    margin: 0px 0px;
    margin-bottom: 15px;
  }

  /* 新着情報の背景画像指定＝実際は指定なし */
  .inner.bg_index_whatsnew {
    background: #ffffff;
  }

  .inner.bg_index_whatsnew {
    height: 100%;
  }

  /* 新着情報のiframe高さ幅の設定 */
  .news_iframe {
    width: 100%;
    height: 840px;
    /* ギリギリ1行見切れる */
  }

  /* indexのLINE@ */
  .bg_index_line {
    height: 100%;
    /* ここで高さ指定 */
    color: #666;
    /*	border-top: solid 10px #714b3e;*/
    /*	position: relative; /* 背景暗くする用 */
  }

  /* 新着情報の背景画像指定＝実際は指定なし */
  .inner.bg_index_line {
    background-image: url(../images/img_campaign_bg.jpg) no-repeat center top/100% !important;
    /*	background: #f1f1f1; /* e-parkの白色背景 */
    /*	background: #00b900; /* LINEの緑色背景 */
  }

  /* indexサービス（以後、これを使い回し） */
  .bg_index_service {
    height: 100%;
    color: #666;
    /*	border-top: solid 10px #714b3e;*/
    /*	position: relative; /* 背景暗くする用 */
  }

  /* 新着情報の背景画像指定＝実際は指定なし */
  .inner.bg_index_service {
    background: #ffffff;
  }

  /* indexサービス（お店紹介用） */
  .bg_index_shop {
    height: 100%;
    color: #666;
    /*	border-top: solid 10px #714b3e;*/
    /*	position: relative; /* 背景暗くする用 */
  }

  /* 新着情報の背景画像指定＝実際は指定なし */
  .inner.bg_index_shop {
    background: #ffffff;
  }

  /* サービスのフレックス設定 */
  .service_parent {
    display: -webkit-flex;
    display: flex;
  }

  .service_parent {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  /* サービスの親設定 */
  .service_parent {
    margin-top: 30px;
  }

  /* サービスの子供設定 */
  .service_child {
    width: 100%;
    /* 子供は100%で縦に並ぶ */
    border: solid 0px #666;
  }

  .service_child_img {
    width: 100%;
    /* 画像は100% */
    border: solid 0px #666;
  }

  /* サービスの説明ｐ */
  .index_service_p {
    color: #666 !important;
  }

  /* 画像の上にテキスト設定 */
  .img_text {
    position: relative;
    /*相対配置*/
  }

  .img_text p {
    position: absolute;
    /*絶対配置*/
    color: white;
    /*文字は白に*/
    /*	font-weight: bold;*/
    font-size: 26px !important;
    /* 画像の上の文字スマホ用 */
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    width: 270px;
    /* 幅調整して在宅医療の取り組み入れる */
  }

  /* 画像を暗くする */
  .filter {
    background: #000;
  }

  .filter-img {
    display: block;
    opacity: .6;
  }

  /* ホバーで画像が大きくなる */
  .move_img {
    overflow: hidden;
  }

  .move_img img {
    display: block;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    filter: blur(0px);
  }

  .move_img img:hover {
    filter: blur(2px);
  }

  .box_white {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    /*	background: rgba(255,255,255,0.7);*/
    border-radius: 5px;
    margin-top: 0px;
    padding-top: 0px;
    /* アイコンの上 */
    padding-bottom: 20px;
    /* 詳しくボタンの下 */
    text-align: center;
  }

  /* アイコンの上下 */
  .space {
    padding-top: 30px;
    padding-bottom: 10px;
  }

  /* もっと詳しくボタンの上 */
  .box_white p {
    padding-top: 0px !important;
  }

  /* 見出しのみで使う用 */
  .box_white_center {
    width: 100%;
    margin: 0 auto;
    /*	background: rgba(255,255,255,0.7);*/
    border-radius: 5px;
    margin-top: 0px;
    text-align: center;
  }

  /* indexのabout調整用 */
  .add_m {
    margin-top: 0px;
  }

  /* 新着情報用ボックス。phpのiframeで。 */
  .box_whatsnew {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    border: solid 0px red;
  }

  /* 過去ログリンク */
  .r {
    text-align: right !important;
    margin-top: 10px;
  }

  /* アイコン画像制御 */
  .img_icon {
    width: 40px;
    margin-right: 10px;
  }

  /* アイコン画像制御 */
  .img_icon_index {
    width: 100px;
  }

  /* ショップイメージ */
  .img_shop {
    width: 100%;
  }

  /* indexの見出し白色 */
  .head_text {
    margin: 0;
    /* デフォルトCSS打ち消し */
    position: relative;
    /* 位置調整 */
    font-weight: normal;
    /* 文字の太さ調整 */
    margin-bottom: 35px;
    /* 周りの余白指定 */
    font-size: 30px !important;
    /* 文字サイズ指定 */
    text-align: center;
    /* 文字位置指定 */
    color: #fff;
  }

  p {
    margin: 0;
    /* デフォルトCSS打ち消し */
    line-height: 2;
    /* 行間調整 */
    color: #fff !important;
    text-align: left;
    font-size: 14px !important;
    padding-bottom: 20px !important;
  }

  /* 見出しの小さい英語 */
  .head_text-point {
    position: relative;
    display: inline-block;
    padding: 0 55px;
    width: 140px;
    color: #fff !important;
    margin: 0 auto;
  }

  .head_text-point:before,
  .head_text-point:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 1px;
    background-color: #fff;
  }

  .head_text-point:before {
    left: 0;
  }

  .head_text-point:after {
    right: 0;
  }

  /* indexの見出し黒色 */
  .head_text_bk {
    margin: 0;
    /* デフォルトCSS打ち消し */
    position: relative;
    /* 位置調整 */
    font-weight: normal;
    /* 文字の太さ調整 */
    margin-bottom: 35px;
    /* 周りの余白指定 */
    font-size: 26px !important;
    /* 文字サイズ指定 */
    text-align: center;
    /* 文字位置指定 */
    color: #666;
  }

  /* 見出しの小さい英語 */
  .head_text_bk-point {
    position: relative;
    display: inline-block;
    padding: 0 55px;
    width: 140px;
    color: #666 !important;
    margin: 0 auto;
  }

  .head_text_bk-point:before,
  .head_text_bk-point:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 1px;
    background-color: #666;
  }

  .head_text_bk-point:before {
    left: 0;
  }

  .head_text_bk-point:after {
    right: 0;
  }

  /* 個別ページ共通用
---------------------------------------------------------------------------*/
  /* 各ページの一番下のお問い合わせ */
  .page_foot_form {
    width: 100%;
    font-size: 14px;
  }

  .page_foot_heading {
    padding: 0px 15px;
    /*上下 左右の余白*/
    color: #494949;
    /*文字色*/
    background: transparent;
    /*背景透明に*/
    border-left: solid 5px #74a700;
    /*左線*/
    margin-bottom: 15px;
  }

  .page_foot_hr {
    height: 1px;
    border: none;
    border-bottom: solid 1px #666;
    margin: 0px 0px 30px 0px;
  }

  /* 個別ページの記事内の文字サイズ共通設定
---------------------------------------------------------------------------*/
  /* ページ上部の画像背景上の見出し */
  /* ここはtypeシリーズ触りにいく。ここがh2になる。 */
  /* ページ内区切り見出し設定、上下にhrある部分、contentsで指定しているところもある。編集上ここに記載 */
  .contents h3 {
    margin-bottom: 30px;
    font-size: 20px !important;
    /* important指定で動作する */
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  }

  /* ページ内区切り見出し設定、上下にhrある部分 */
  .common_h3 {
    text-align: center;
    font-size: 20px;
    padding: 0.5em 0;
    /*上下の余白*/
    border-top: solid 1px #666;
    /*上線*/
    border-bottom: solid 1px #666;
    /*下線*/
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  }

  /* ページ内大見出し設定 オレンジ色 */
  .common_h4 {
    text-align: center;
    width: 100%;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  }

  /* ページ内小見出し設定 旧small */
  .common_h5 {
    text-align: center;
    width: 100%;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  }

  /* ページ内小見出し設定 4と5の合体 処方箋無しの風邪薬で使用 */
  .common_h6 {
    text-align: center;
    width: 100%;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 10px;
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  }

  /* 本文 */
  /* 緑縦線見出しの装飾 */
  .common_step {
    padding: 0px 15px;
    /*上下 左右の余白*/
    color: #494949;
    /*文字色*/
    background: transparent;
    /*背景透明に*/
    border-left: solid 5px #74a700;
    /*左線*/
    margin-top: 15px !important;
    /* important必要 */
    margin-bottom: 30px !important;
    /* important必要 */
    margin: 0 auto;
    text-align: left;
    /* 外すと中央になる */
  }

  /* 緑縦線の見出しのフォントサイズ共通 */
  .common_ht {
    font-size: 20px;
    /* ページフッターの見出しサイズ */
  }

  /* ステップ1とか段階用の見出し */
  /* 単なる見出しのみ */
  .step_talk {
    display: inline-block;
    font-size: 20px;
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    padding-left: 15px;
    vertical-align: middle;
  }

  /* 丸い吹き出し */
  .balloon3-right {
    display: inline-block;
    position: relative;
    display: inline-block;
    margin: 15px 5px 15px 0px;
    padding: 0 5px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    background: #74a700;
    border-radius: 50%;
    box-sizing: border-box;
  }

  .balloon3-right:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -25px;
    margin-top: -15px;
    border: 15px solid transparent;
    border-left: 15px solid #74a700;
    z-index: 0;
  }

  /* aboutわかくさ薬局とはページ用
---------------------------------------------------------------------------*/
  .about_table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
  }

  .about_table tr {
    border-bottom: solid 2px #fcfcfc;
  }

  .about_table tr:last-child {
    border-bottom: none;
  }

  .about_table th {
    position: relative;
    text-align: left;
    width: 30%;
    background-color: #f7fdeb;
    color: #666;
    text-align: center;
    font-size: 14px;
    padding: 10px 0;
  }

  .about_table th:after {
    display: block;
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top: calc(50% - 10px);
    right: -10px;
    border-left: 10px solid #f7fdeb;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }

  .about_table td {
    width: 70%;
    text-align: left;
    font-size: 14px;
    background-color: #ffffff;
    padding: 10px 15px;
  }

  /* about グーグル地図 */
  .google-map {
    width: 100%;
    height: 200px;
  }

  /* zaitaku在宅医療への取り組みページ用
---------------------------------------------------------------------------*/
  /* ショップのフレックス設定 */
  .zaitaku_parent {
    display: -webkit-flex;
    display: flex;
  }

  .zaitaku_parent {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .zaitaku_parent {
    justify-content: flex-start;
  }

  /* フレックス逆設定 */
  .zaitaku_parent_right {
    display: -webkit-flex;
    display: flex;
  }

  .zaitaku_parent_right {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .zaitaku_parent_right {
    justify-content: flex-start;
  }

  /* ショップの子供設定 */
  .zaitaku_child {
    width: 100%;
    font-size: 14px;
    margin: 15px 0px;
    padding: 0px 0px;
    border-bottom: solid 0px #666;
    border: solid 0px red;
    text-align: left;
  }

  /* ショップの子供設定 処方箋無しの一番下で使用している */
  .zaitaku_child_2 {
    width: 100%;
    font-size: 14px;
    margin: 0px 0px;
    padding: 0px 0px;
    border-bottom: solid 0px #666;
    border: solid 0px red;
    text-align: left;
  }

  .zaitaku_step {
    padding: 0px 15px;
    /*上下 左右の余白*/
    color: #494949;
    /*文字色*/
    background: transparent;
    /*背景透明に*/
    border-left: solid 5px #74a700;
    /*左線*/
    margin-bottom: 15px;
    text-align: left;
  }

  .zaitaku_child p {
    color: #494949 !important;
    margin-left: 0px;
  }

  .zaitaku_child_2 p {
    color: #494949 !important;
    margin-left: 0px;
  }

  /* 画像だけcenter */
  .zaitaku_child ul {
    text-align: center;
  }

  /* 画像横並び */
  .zaitaku_child li {
    display: inline-block;
    /* 481pxまでは横並び */
    margin: 10px 0px;
  }

  /* 画像を横幅いっぱいにする */
  .zaitaku_img {
    width: 100%;
  }

  /* medicine購入可能な医療薬品ページ用
---------------------------------------------------------------------------*/
  /* フレックス設定 */
  .medicine_parent {
    display: -webkit-flex;
    display: flex;
  }

  .medicine_parent {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .medicine_parent {
    justify-content: flex-start;
  }

  .medicine_parent {
    width: 100%;
  }

  /* 子供設定 */
  .medicine_child {
    width: 100%;
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    border-bottom: solid 0px #666;
    text-align: center !important;
  }

  /* 購入可能薬品ページに飛ぶとモーダルポップアップ表示 */
  .bg_onetime_popup {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
  }

  .bg_onetime_popup.js_active {
    opacity: 1;
    visibility: visible;
  }

  .onetime_popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 50%;
    min-width: 90%;
    background-color: #fff;
    cursor: pointer;
  }

  .onetime_popup_title {
    position: relative;
    padding: 20px 0px 0px 0px;
    margin: 0px;
    background-color: #74a700;
    color: #fff;
    font-size: 20px !important;
    text-align: center;
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  }

  /* Xボタン */
  /*
.onetime_popup_title::before,
.onetime_popup_title::after {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    width: 30px;
    height: 4px;
    background-color: #fff;
    content: "";
}
.onetime_popup_title::before {
    transform: rotate(45deg);
}
.onetime_popup_title::after {
    transform: rotate(-45deg);
}
*/
  .onetime_popup_content {
    padding: 15px 15px;
    text-align: left;
    color: #000000 !important;
  }

  .onetime_popup_content p {
    color: #000000 !important;
    padding: 0px 0px !important;
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  }

  .medicine_agree ul {
    text-align: center;
  }

  .medicine_agree li {
    display: inline-block;
    margin: 0px 20px;
  }

  /* 在宅医療用お問い合わせフォームボタン */
  a.cp_btn_medicine {
    display: block;
    width: 250px;
    padding: 0.8em;
    /*	margin: 0 auto;*/
    margin: 15px 0px;
    text-align: center;
    text-decoration: none;
    color: #74a700;
    border: 2px solid #74a700;
    border-radius: 3px;
    transition: .4s;
  }

  a.cp_btn_medicine:hover {
    background: #74a700;
    color: #fff;
  }

  /* prescription処方箋なしページ用
---------------------------------------------------------------------------*/
  /* フレックス指定ではない。文字サイズを14pxにしたい */
  .prescription_child {
    font-size: 14px;
  }

  /* 知っていましたか？見出し用 */
  .prescription_h {
    width: 100%;
    margin: 0 auto;
  }

  .prescription_h1 {
    text-align: center;
    width: 100%;
    font-size: 20px;
  }

  /* 謎の線 */
  .prescription_h1_hr {
    width: 80px;
    height: 1px;
    border: none;
    border-top: 1px #666 solid;
    margin: 40px auto;
  }

  /* h1の下の小見出し */
  .prescription_small {
    text-align: center;
    width: 100%;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .prescription_h2 {
    text-align: center;
    font-size: 18px;
    padding: 0.5em 0;
    /*上下の余白*/
    border-top: solid 1px #666;
    /*上線*/
    border-bottom: solid 1px #666;
    /*下線*/
  }

  /* 画像上がってくる範囲 */
  .prescription_h3 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    /* ボタンも14pxになる */
  }

  /* 画像パソコンでは大きすぎるものを制御、スマホでは100% */
  .prescription_img {
    width: 100%;
    margin-top: 20px;
  }

  /* 説明テキスト用 */
  .prescription_text {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    margin-top: 0px;
    font-size: 14px;
  }

  /* 上がってくるお薬イラスト */
  .prescription_drug_img {
    width: 100%;
    margin-top: 40px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 40px;
  }

  /* お薬アイコン一覧 */
  .prescription_drug {
    display: inline-block;
    /* 横並び */
    margin: 5px 0px;
    width: 90%;
    height: 50px;
    padding: 0 0;
    font-weight: ;
    color: #fff;
    /*文字色*/
    background: #74a700;
    border: solid 3px #74a700;
    /*線*/
    border-radius: 3px;
    /*角の丸み*/
    position: relative;
    /* 中央水平の親設定 */
  }

  .a_middle {
    position: absolute;
    /* 中央水平の子設定 */
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: left;
    /*一応BOX内の文字も中央寄せ*/
  }

  /* 警告用赤文字 */
  .prescription_warning {
    font-size: 12px;
    text-align: left;
  }

  .box-title {
    font-size: 14px !important;
  }

  /* 処方箋なしのお店フレックス設定 */
  .prescription_parent {
    display: -webkit-flex;
    display: flex;
  }

  .prescription_parent {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .prescription_parent {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  /* サービスの親設定 */
  .prescription_parent {
    margin-top: 20px;
  }

  /* サービスの子供設定 */
  .prescription_child {
    width: 100%;
    /* 子供は50%で2つ並ぶ。スマホは1カラム。 */
    border: solid 0px #666;
    font-size: 14px;
  }

  .prescription_child_img {
    width: 50%;
    /* 画像は100% */
    border: solid 0px #666;
  }

  /* 画像の上にテキスト設定 */
  .prescription_img_text {
    position: relative;
    /*相対配置*/
  }

  .prescription_img_text p {
    text-align: center;
    /* テキスト自体の中央揃え */
    position: absolute;
    /*絶対配置*/
    color: white;
    /*文字は白に*/
    font-weight: bold;
    font-size: 14px;
    /* サイズ2倍 */
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    width: 90%;
  }

  /* 比較表テーブル */
  .prescription_table {
    border-collapse: collapse;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    table-layout: fixed;
    margin-top: 15px;
  }

  .prescription_table tr {
    background-color: #fff;
    padding: .35em;
    border: 0px solid #eee;
  }

  .prescription_table tr:last-child {
    border: none;
  }

  .prescription_table th {
    padding: 10px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    text-align: center;
  }

  .prescription_table td {
    padding: 10px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 18px;
    text-align: left;
    color: #ed6c00;
    background: #f7fdeb;
    font-weight: bold;
  }

  .prescription_table thead tr {
    background-color: #f0f0f0;
    color: #666;
  }

  .prescription_table tbody th {
    font-weight: normal;
    text-align: left;
    border-right: 1px solid #eee;
  }

  .prescription_table th.non {
    padding: 0px 0px 5px 0px;
    border-left: none;
    border-right: none;
    background: #ffffff;
  }

  .prescription_table th.non_2 {
    padding: 0px 0px 5px 0px;
    border-left: none;
    border-right: none;
    background: #ffffff;
  }

  .txt {
    text-align: left;
  }

  .red_bk {
    font-size: 18px !important;
    color: #ed6c00;
    background: #f7fdeb;
  }

  .table_white {
    color: #fff;
    background: #ffffff !important;
    border-left: 0px solid #eee !important;
    border-right: 0px solid #eee !important;
    border-top: 0px solid #eee !important;
    border-bottom: 0px solid #eee !important;
  }

  .table_span {
    font-size: 14px;
    text-align: right !important;
    line-height: 28px;
    /* 文字同士の高さを調整 */
  }

  .table_span_2 {
    font-size: 18px !important;
    text-align: left !important;
    line-height: 32px;
    /* 文字同士の高さを調整 */
  }

  .table_span_3 {
    font-size: 26px !important;
    text-align: right !important;
    line-height: 40px;
    /* 文字同士の高さを調整 */
  }

  .prescription_table_img {
    width: 50%;
  }

  /* 価格表画像の制御 */
  .prescription_img_pc {
    display: none;
  }

  .prescription_img_sp {
    display: block;
  }

  /* メリットデメリット見出し */
  .prescription_merit {
    font-size: 20px;
  }

  /* recruitスタッフ募集ぺージ用
---------------------------------------------------------------------------*/
  .recruit_section {
    margin-top: 0px !important;
  }

  /* フレックス設定 */
  .recruit_parent {
    display: -webkit-flex;
    display: flex;
  }

  .recruit_parent {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .recruit_parent {
    justify-content: flex-start;
  }

  .recruit_parent {
    width: 100%;
  }

  /* 子供設定 */
  .recruit_child {
    width: 100%;
    font-size: 14px;
    margin: 0px 0px 60px 0px;
    /* bottomに60設定してあった */
    padding: 0px 0px;
    border-bottom: solid 0px #666;
    text-align: left;
  }

  /* 支援金テーブル */
  .recruit_support {
    border: solid 0.5px #74a700;
    padding: 30px 30px;
    margin-bottom: 0px;
    font-size: 14px;
  }

  /* 支援金画像の下の文言 */
  .recruit_support_h3 {
    font-size: 18px;
    font-weight: bold;
  }

  /* 支援金画像 スマホも同じ大きさ */
  .recruit_img {
    width: 250px;
  }

  /* フォームの下の文言 */
  .recruit_text_center {
    font-size: 14px;
    text-align: center;
    margin: 5px 0px;
    padding: 0px 0px !important;
    color: #666666 !important;
  }

  /* 薬剤師の文言を強調 */
  .recruit_pharmacist_text {
    font-weight: bold;
    color: #ed6c00;
    font-size: 14px;
  }

  /* 矢印の表示制御 スマホは表示される */
  .recruit_arw {
    display: block;
  }

  /* 会員ぺージ用
---------------------------------------------------------------------------*/
  .members_section {
    margin-top: 0px !important;
  }

  .members_small {
    font-size: 10px;
    line-height: 15px !important;
  }

  /* フレックス設定 */
  .members_parent {
    display: -webkit-flex;
    display: flex;
  }

  .members_parent {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .members_parent {
    justify-content: flex-start;
  }

  .members_parent {
    width: 100%;
  }

  /* 子供設定 */
  .members_child {
    width: 100%;
    font-size: 14px;
    margin: 30px 0px 20px 0px;
    padding: 0 auto;
    border-bottom: solid 0px #666;
    text-align: left;
  }

  .members_step {
    padding: 0px 15px;
    /*上下 左右の余白*/
    color: #494949;
    /*文字色*/
    background: transparent;
    /*背景透明に*/
    border-left: solid 0px #74a700;
    /*左線*/
    margin-top: 10px;
    margin-bottom: 5px;
    margin: 0 auto;
  }

  /* フロー画像用 */
  .members_flow_img {
    margin-bottom: 25px;
  }

  /* 文章の上の見出し */
  .members_title_text {
    width: 100%;
    color: #ed6c00;
    font-size: 16px;
    font-weight: bold;
    padding: 0px 0px 15px 0px;
    text-align: center;
  }

  /* 内容比較テーブル */
  .members_table {
    border-collapse: collapse;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    table-layout: fixed;
    margin-top: 0px;
  }

  .members_table tr {
    background-color: #fff;
    padding: .35em;
    border: 0px solid #eee;
  }

  .members_table tr:last-child {
    border: none;
  }

  .members_table th {
    padding: 20px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    text-align: center;
  }

  .members_table td {
    padding: 20px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 18px;
    text-align: center;
    color: #ed6c00;
    background: #f7fdeb;
    font-weight: bold;
  }

  .members_table thead tr {
    background-color: #f0f0f0;
    color: #666;
  }

  .members_table tbody th {
    font-weight: normal;
    text-align: center;
    border-right: 1px solid #eee;
  }

  .members_table th.non {
    padding: 0px 0px 5px 0px;
    border-left: none;
    border-right: none;
    background: #ffffff;
  }

  .members_table th.non_2 {
    padding: 0px 0px 5px 0px;
    border-left: none;
    border-right: none;
    background: #ffffff;
  }

  .txt {
    text-align: left;
  }

  .red_bk {
    font-size: 18px !important;
    color: #ed6c00;
    background: #f7fdeb;
  }

  .members_table_white {
    color: #fff;
    background: #ffffff !important;
    border-left: 0px solid #eee !important;
    border-right: 0px solid #eee !important;
    border-top: 0px solid #eee !important;
    border-bottom: 0px solid #eee !important;
  }

  .table_span {
    font-size: 14px;
    text-align: right !important;
  }

  .table_span_2 {
    font-size: 18px !important;
    text-align: left !important;
  }

  .table_span_3 {
    font-size: 26px !important;
    text-align: right !important;
  }

  .members_table_img {
    width: 50%;
  }

  /* 安くなるポイント吹き出し */
  .members_balloon {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 35px 10px;
    width: 150px;
    height: 150px;
    line-height: 30px;
    text-align: center;
    color: #FFF;
    font-size: 14px !important;
    font-weight: bold;
    background: #ed6c00;
    border-radius: 50%;
    box-sizing: border-box;
  }

  .members_balloon:before {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #ed6c00;
    z-index: 0;
  }

  /* line@ぺージ用
---------------------------------------------------------------------------*/
  .line_section {
    margin-top: 0px !important;
  }

  .line_small {
    font-size: 10px;
    line-height: 15px !important;
  }

  /* フレックス設定 */
  .line_parent {
    display: -webkit-flex;
    display: flex;
  }

  .line_parent {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .line_parent {
    justify-content: flex-start;
  }

  .line_parent {
    width: 100%;
  }

  /* 子供設定 */
  .line_child {
    width: 100%;
    font-size: 14px;
    margin: 30px 0px 20px 0px;
    padding: 0 auto;
    border-bottom: solid 0px #666;
    text-align: center;
  }

  .line_step {
    padding: 0px 15px;
    /*上下 左右の余白*/
    color: #494949;
    /*文字色*/
    background: transparent;
    /*背景透明に*/
    border-left: solid 5px #74a700;
    /*左線*/
    margin-top: 10px;
    margin-bottom: 5px;
    margin: 0 auto;
  }

  .line_step_p {
    color: #494949 !important;
    /*文字色*/
    text-align: left !important;
  }

  /* 子供設定 友達登録用 */
  .line_child_friend {
    width: 100%;
    font-size: 14px;
    margin: 15px 0px 15px 0px;
    padding: 0px 0px;
    border-bottom: solid 0px #666;
    text-align: center;
  }

  /* 子供設定 タイムライン用 */
  .line_child_timeline {
    width: 100%;
    font-size: 14px;
    margin: 15px 0px 15px 0px;
    padding: 0px 0px;
    border-bottom: solid 0px #666;
    text-align: center;
  }

  /* 子供設定 処方箋撮影用 */
  .line_child_photo {
    width: 100%;
    font-size: 14px;
    margin: 15px 0px 30px 0px;
    padding: 0px 0px;
    border-bottom: solid 0px #666;
    text-align: center;
  }

  .line_child_photo p {
    margin-top: 0px;
    color: #666 !important;
    text-align: center !important;
  }

  /* eparkのリンクのテーブル */
  .line_epark_link {
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 50px;
    border: solid 1px #666;
  }

  .line_epark_link th {
    width: 80px;
    padding: 10px 10px;
  }

  .line_epark_link td {
    padding: 10px 10px;
  }

  /* eparkのSVG */
  .line_epark_svg {
    width: 150px;
  }

  /* eparkのアイコン */
  .line_epark_img {
    width: 80px;
  }

  /* eparkアプリのリンクボタン */
  #modal_window {
    width: 100%;
    text-align: center;
  }

  /* eparkの特徴説明画像 */
  .line_epark_feature_img {
    width: 240px;
    text-align;
    center;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  /* eparkQR用の子供設定 */
  .line_child_epark {
    width: 100%;
    font-size: 14px;
    margin: 30px 0px 20px 0px;
    padding: 0px 0px;
    border-bottom: solid 0px #666;
    text-align: center;
  }

  /* eparkの特徴説明画像 */
  .line_epark_qr_img {
    width: 60%;
    margin: 0px 0px 50px 0px;
    text-align;
    center;
  }

  /* eparkの操作説明画像 */
  .line_epark_flow_img {
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align;
    center;
  }

  /* お問い合わせフォーム用
---------------------------------------------------------------------------*/
  .contact_form {
    color: #666 !important;
  }

  /* お薬の個別ページ用
---------------------------------------------------------------------------*/
  /* メニューと個別薬のフレックス設定 */
  /* 全体設定 */
  .medicine_all_parent {
    display: -webkit-flex;
    display: flex;
  }

  .medicine_all_parent {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .medicine_all_parent {
    justify-content: flex-start;
  }

  /* 子供設定 */
  .medicine_all_child_pcs {
    width: 100%;
    margin-right: 0px;
  }

  .medicine_all_child_menu {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 40px;
    /* お問い合わせセクションとの間 */
  }

  /* 薬品個別ページのメニュー設定 */
  /* 薬品カテゴリ一覧見出し */
  .medicine_menu {
    position: relative;
    text-align: center;
    padding: 15px 0px !important;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    margin-bottom: 0px !important;
    margin-top: 80px;
    font-size: 18px;
  }

  .medicine_menu_pcs {
    border-bottom: solid 1px #666;
    padding: 20px 20px;
    position: relative;
    /* 全体にリンク判定 */
  }

  /* 全体にリンク判定、htmlの記述に注意 */
  .medicine_menu_pcs a {
    position: absolute;
    text-decoration: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }

  .medicine_menu_pcs:hover {
    background: #c0c0c0;
    color: #ffffff;
  }

  .medicine_menu_pcs a:link {
    color: #666666;
  }

  .medicine_menu_pcs a:visited {
    color: #666666;
  }

  .medicine_menu_pcs a:hover {
    color: #ffffff;
  }

  .medicine_menu_pcs a:active {
    color: #c0c0c0;
  }

  /* 個別薬の全体枠 */
  /* フレックス設定 */
  .medicine_block_parent {
    display: -webkit-flex;
    display: flex;
  }

  .medicine_block_parent {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .medicine_block_parent {
    justify-content: flex-start;
  }

  /* 子供設定 */
  .medicine_block_child {
    width: 100%;
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    padding-bottom: 30px;
    border-bottom: solid 1px #666;
    text-align: left;
  }

  /* 子供空欄用 */
  .medicine_block_child_none {
    width: 100%;
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    padding-bottom: 30px;
    border-bottom: solid 0px #666;
    text-align: left;
  }

  /* フレックス設定 */
  .medicine_pcs_parent {
    display: -webkit-flex;
    display: flex;
  }

  .medicine_pcs_parent {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .medicine_pcs_parent {
    justify-content: flex-start;
  }

  .medicine_pcs_parent {
    width: 100%;
  }

  /* 子供設定 */
  .medicine_pcs_child {
    width: 100%;
    font-size: 14px;
    margin: 40px 0px 0px 0px;
    padding: 0px 0px;
    border-bottom: solid 0px #666;
    text-align: left;
  }

  /* お薬名の装飾 */
  .medicine_pcs_child h4 {
    font-size: 16px;
    /* これだけ16px */
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 20px;
  }

  .medicine_pcs_hr {
    display: none;
  }

  /* お薬の個別ページのタブメニュー */
  .medicine_pcs_tab {
    width: 100%;
    height: auto;
    border: solid 0px red;
    margin-bottom: 30px;
    /* 見出しとボタンの間 */
  }

  /* タブメニュー詳細 */
  .tab_title {
    width: 200px;
    text-align: left;
    padding: 10px 0px 10px 0px;
    border-top: solid 0px #666;
    border-left: solid 0px #666;
    border-right: solid 0px #666;
    font-size: 14px;
  }

  /*tabの全体枠*/
  .tab {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    max-height: 100%;
    background: #ffffff;
    border: solid 0px #666;
  }

  /*tabボタン部分*/
  .tab-label {
    width: auto;
    height: auto;
    padding: 10px 10px;
    background: #ffffff;
    cursor: pointer;
    font-weight: none;
    font-size: 14px;
    color: #7f7f7f;
    margin-bottom: 0;
    transition: background 0.1s, color 0.1s;
  }

  .tab-label a {
    text-decoration: none !important;
  }

  .tab-label:hover {
    background: #c0c0c0;
    color: #ffffff;
  }

  .tab-label a:link {
    color: #666666;
  }

  .tab-label a:visited {
    color: #666666;
  }

  .tab-label a:hover {
    color: #ffffff;
  }

  .tab-label a:active {
    color: #c0c0c0;
  }

  .tab-label:active {
    background: #c0c0c0;
    color: #ffffff;
  }

  /*tabの本文エリア*/
  .tab-panel {
    display: none;
    padding: 20px 30px 30px;
    background: #fff;
  }

  @media (min-width: 600px) {
    .tab-panel {
      order: 99;
    }
  }

  .input:checked+.tab-label+.tab-panel {
    display: block;
  }

  /* お薬個別ページのアコーディオン */
  .acd-check {
    display: none;
  }

  .acd-label {
    width: 200px;
    text-align: center;
    padding: 10px 0px 10px 0px;
    border-top: solid 1px #666;
    border-left: solid 1px #666;
    border-right: solid 1px #666;
    border-bottom: solid 1px #666;
    font-size: 14px;
    color: #666666;
    display: block;
    margin-bottom: 1px;
  }

  .acd-label:hover {
    background: #686868;
    color: #ffffff;
  }

  .acd-label:active {
    background: #ffffff;
  }

  .acd-content {
    border: 1px solid #333;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
  }

  .acd-check:checked+.acd-label+.acd-content {
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
  }

  /* shopお店紹介用
---------------------------------------------------------------------------*/
  /* ショップの子供設定 */
  .shop_child {
    width: 95%;
    font-size: 14px;
    margin: 15px 10px;
    padding: 15px 15px;
    border-bottom: solid 1px #666;
  }

  .shop_child h4 {
    font-weight: bold;
    font-size: 16px;
  }

  /* クレジットカードのアイコン */
  .shop_cd_pay_td {
    padding: 0px 0px 0px 0px;
    background-color: #ffffff !important;
  }

  /* 設備アイコン */
  .li_icon {
    display: block;
  }

  /* 各種保険の取り扱いアイコン */
  /* 対応サービスアイコン */
  .li_icon2 {
    padding-left: 0px;
  }

  .li_icon2 li {
    display: inline;
  }

  .li_icon2 li img {
    padding-left: 0px;
    padding-bottom: 10px;
    padding-right: 5px;
  }

  .li_icon2 {
    display: block;
  }

  .li_icon2 img {
    width: 104px;
    /* 979以下はpx指定 */
  }

  /*コンテンツ
---------------------------------------------------------------------------*/
  /*h2タグ*/
  .contents h2 {
    font-size: 18px;
    /*文字サイズ*/
  }

  section+section {
    padding-top: 20px;
  }

  /*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
  /*見出しを含まないお知らせブロック*/
  #new dl {
    padding-left: 10px;
    padding-right: 10px;
  }

  /*日付設定*/
  #new dt {
    float: left;
    width: 100%;
    /*幅*/
    font-size: 14px;
    color: #714b3e;
    /*文字色*/
    letter-spacing: 0.1em;
    border-bottom: solid 0px #666;
  }

  /*記事設定*/
  #new dd {
    font-size: 14px;
    padding-left: 0px;
    margin-bottom: 15px;
  }

  /*list1（トップページの「こんなお悩みありませんか？」のブロック）
---------------------------------------------------------------------------*/
  /*各ブロックの設定*/
  .list1 {
    width: 44%;
    /*ブロック幅*/
  }

  /*h4見出し*/
  .list1 h4 {
    font-size: 16px;
    /*文字サイズ*/
  }

  /*パンくずリスト
---------------------------------------------------------------------------*/
  .bread_list_wrap {
    width: 100%;
    margin: 0 auto;
    border: solid 0px red;
    background-image: url(../images/footer_leaf.png);
    background-position: right 25px bottom -5px;
    background-repeat: no-repeat;
  }

  .bread_list_wrap p {
    font-size: 14px;
    margin-left: 5%;
    padding: 20px 0px;
  }

  /*PAGE TOP設定
---------------------------------------------------------------------------*/
  /* smartphone 上に戻るボタン */
  #page_top {
    width: 40px;
    height: 40px;
    position: fixed;
    right: -40px;
    bottom: 15px;
    background: #74a700;
    opacity: 0.6;
    border-radius: 50%;
    z-index: 100;
  }

  #page_top a {
    position: relative;
    display: block;
    width: 40px;
    height: 15px;
    text-decoration: none;
  }

  /* 上に戻るボタンだけa:hoverが透明 */
  #page_top a:hover {
    background-color: transparent;
  }

  /* ----------------------------- */
  #page_top a::before {
    font-family: FontAwesome;
    content: '\f077';
    font-size: 20px;
    color: #fff;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
  }

  /*コピーライト
---------------------------------------------------------------------------*/
  #copyright small {
    font-size: 11px !important;
  }

  /*フッター設定
---------------------------------------------------------------------------*/
  /*footer内の左右のブロック指定*/
  #footer-left,
  #footer-right {
    width: auto;
    /*幅*/
    float: none;
    /*回り込みの解除*/
    padding: 0 5%;
    /*上下、左右へのブロック内の余白*/
  }

  /*フッターのロゴ画像*/
  #footer-logo img {
    width: 180px;
    /*画像の幅*/
  }

  /*その他
---------------------------------------------------------------------------*/
  .big1 {
    font-size: 20px;
  }

  .w50 {
    overflow: hidden;
    width: auto;
  }

  .fl {
    float: none;
  }

  .fr {
    float: none;
  }

  .table_800 {
    display: block;
  }

  .btn_wrapwp {
    text-align: center;
    width: 90%;
  }
}


/* ----------------------------------------------------------------------979以下ここまで */


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */


/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

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

  /*全体の設定
---------------------------------------------------------------------------*/
  body {
    font-size: 12px;
    /*文字サイズ*/
    line-height: 1.5;
    /*行間*/
  }

  /*ヘッダー
---------------------------------------------------------------------------*/
  /*h1画像（トップページ以外で使用するロゴ画像）*/
  header h1 img {
    width: 170px;
    /*画像幅*/
  }

  #top header h1 {
    font-size: 20px;
  }

  /*トップページのメイン画像
mainimg_sは古い端末用で準備した小さい画像ですが、小さな端末では大きな画像を使う必要がないので小さい方を適用しました。
---------------------------------------------------------------------------*/
  #mainimg {
    background: url(../images/mainimg.jpg) no-repeat center center / cover;
  }

  /*トップページのSVGロゴアニメーション設定480px以下
---------------------------------------------------------------------------*/
  /* 未使用 */
  /*#svg-logo {
/*	width: 50%;	/*画像の幅*/
  /*	top: 25%;	/*左から40%の場所に配置*/
  /*	left: 25%;	/*左から40%の場所に配置*/
  /*}*/
  /*トップページの「ホームページ開設キャンペーン」ボックス設定
---------------------------------------------------------------------------*/
  /*ボックス内のh2見出し*/
  #topics h2 {
    font-size: 18px;
    /*文字サイズ*/
  }

  /*３本バーアイコン設定
---------------------------------------------------------------------------*/
  /*３本バーブロック*/
  #menubar_hdr {
    top: 6px;
    /*上から6pxの場所に配置*/
  }

  /* スマホメニュー2 */
  #nav-drawer {
    top: 20px;
    right: 25px;
  }

  .acd-check:checked+.acd-label+.acd-content {
    height: 210px;
    /* 480px以下のアコーディオンの高さ */
  }

  /*inner
---------------------------------------------------------------------------*/
  .inner#first {
    padding-top: 65px;
  }

  /* ヘッダートグルの下の高さ480px以下用 */
  /*inner
---------------------------------------------------------------------------*/
  section {
    font-size: 14px;
  }

  section {
    margin-top: 0px !important;
  }

  /* 各ページ共通 流れ説明画像フレックス480px以下
---------------------------------------------------------------------------*/
  .common_flow_img_parent {
    display: -webkit-flex;
    display: flex;
  }

  .common_flow_img_parent {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .common_flow_img_parent {
    width: 100%;
    margin: 0px 0px;
    text-align: center;
    border: solid 0px red;
  }

  /* 各ページ共通フレックス子供設定 */
  .common_flow_img_child {
    width: 100%;
    margin: 0px 0px;
  }

  /* 2つの場合用 */
  .common_flow_img_parent_2 {
    display: -webkit-flex;
    display: flex;
  }

  .common_flow_img_parent_2 {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .common_flow_img_parent_2 {
    width: 100%;
    margin: 0px 0px;
    text-align: center;
    border: solid 0px red;
  }

  /* 各ページ共通フレックス子供設定 */
  .common_flow_img_child_2 {
    width: 100%;
    margin: 0px 0px;
    text-align: center;
  }

  /* 流れの説明の矢印の回転制御 */
  .common_flow_img_arrow {
    transform: rotate(90deg);
    transform-origin: center center;
    height: 100px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }

  /* 画像のサイズ調整 */
  .common_flow_img {
    width: 80%;
  }

  /* 会員ページ用
----------------------------------------------------------------------------*/
  /* 文章の上の見出し */
  .members_title_text {
    width: 100%;
    color: #ed6c00;
    font-size: 16px;
    font-weight: bold;
    padding: 0px 0px 15px 0px;
    text-align: center;
  }

  /* zaitaku在宅医療への取り組みページ用
---------------------------------------------------------------------------*/
  /* 画像横並び */
  .zaitaku_child li {
    display: block;
    /* 480px以下は縦並び */
    margin: 10px 0px;
  }

  /* LINEページ用
---------------------------------------------------------------------------*/
  /* eparkのアイコン */
  .line_epark_img {
    width: 80px !important;
  }

  /* お薬の個別ページ用
----------------------------------------------------------------------------*/
  /* 薬品カテゴリ一覧見出し */
  .medicine_menu {
    position: relative;
    text-align: center;
    padding: .5em;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    margin-bottom: 0px !important;
    margin-top: 80px !important;
    font-size: 18px;
  }

  .tab-label a {
    text-decoration: none !important;
  }

  .tab-label a:link {
    color: #666666;
  }

  .tab-label a:visited {
    color: #666666;
  }

  .tab-label a:hover {
    color: #ffffff;
  }

  .tab-label a:active {
    color: #ffffff;
  }

  .tab-label:hover {
    background: #686868;
  }

  .tab-label:active {
    background: #ffffff;
  }

  /* お薬個別ページのアコーディオン */
  .acd-check {
    display: none;
  }

  .acd-label {
    width: 200px;
    text-align: center;
    padding: 10px 0px 10px 0px;
    border-top: solid 1px #666;
    border-left: solid 1px #666;
    border-right: solid 1px #666;
    border-bottom: solid 1px #666;
    font-size: 14px;
    color: #666666;
    display: block;
    margin-bottom: 1px;
  }

  .acd-label:hover {
    background: #686868;
    color: #ffffff;
  }

  .acd-label:active {
    background: #ffffff;
  }

  .acd-content {
    border: 1px solid #333;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
  }

  .acd-check:checked+.acd-label+.acd-content {
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
  }

  /*コンテンツ
---------------------------------------------------------------------------*/
  .contents {
    padding: 0px 10px;
    /*上下、左右へのコンテンツ内の余白*/
  }

  /*h2タグ*/
  .contents h2 {
    font-size: 26px !important;
    /* 店舗紹介の一番上のフォントはここがかかっている */
  }

  /*h2タグのspan（装飾用）タグ*/
  .contents h2 span {
    margin-top: 0px;
    font-size: 10px;
    /*文字サイズ*/
  }

  /* 各ページの見出し画像の設定480px以下
---------------------------------------------------------------------------*/
  /*type2のspan（装飾用）タグ*/
  .contents h2.type2 span {
    color: #fff;
    /*文字色（古いブラウザ用）*/
    color: rgba(255, 255, 255, 0.9);
    /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
  }

  /*type3のspan（装飾用）タグ*/
  .contents h2.type3 span {
    color: #fff;
    /*文字色（古いブラウザ用）*/
    color: rgba(255, 255, 255, 0.9);
    /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
  }

  /*type4のspan（装飾用）タグ*/
  .contents h2.type4 span {
    color: #fff;
    /*文字色（古いブラウザ用）*/
    color: rgba(255, 255, 255, 0.9);
    /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
  }

  /*type5のspan（装飾用）タグ*/
  .contents h2.type5 span {
    color: #fff;
    /*文字色（古いブラウザ用）*/
    color: rgba(255, 255, 255, 0.9);
    /*文字色。255,255,255は白の事で0.3は透明度30%の事。*/
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
  }

  /* ページ内区切り見出し設定、上下にhrある部分、contentsで指定しているところもある。編集上ここに記載 */
  /*h3タグ*/
  .contents h3 {
    font-size: 26px;
    padding-left: 0px;
    margin-top: 15px;
    margin-bottom: 25px;
    /* 480px以上は40pxで設定 */
  }

  /*h3タグの１文字目*/
  .contents h3::first-letter {
    padding-left: 0px;
    /*線と文字との余白 テンプレートの名残り*/
  }

  /*段落タグ*/
  .contents p {
    font-size: 16px;
    padding: 0px 0px 0px 0px;
  }

  /*フッターメニュー
---------------------------------------------------------------------------*/
  /* 表示設定 */
  #footer-left {
    display: none;
  }

  #footermenu {
    display: none;
  }

  .footermenu_sp {
    display: block;
    text-align: center;
    padding: 0ｐｘ 0px;
  }

  .footer_text_small {
    font-size: 11px !important;
    padding-bottom: 5px !important;
  }

  .footer_text_link_small {
    font-size: 11px !important;
    padding-bottom: 10px;
    margin: 0 auto;
  }

  /* メニューを横並び */
  .footer_sp_menu_link1 li {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0px 0px;
    font-size: 11px !important;
    text-align: center;
  }

  .footer_sp_menu_link1 li a {
    text-decoration: none;
  }

  /* メニューを横並び */
  .footer_sp_menu_link2 li {
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 5px 0px;
    font-size: 11px !important;
    text-align: center;
  }

  .footer_sp_menu_link2 li a {
    text-decoration: none;
  }

  /* メニューリンクとコピーライトの高さ調整用 */
  .footer_sp_menu_link_spacer {
    height: 15px;
  }

  /* フッター自体 */
  footer {
    width: 100%;
    margin: 0 auto;
    clear: both;
    line-height: 1.5;
    /*行間を基準より少し狭くする*/
    padding: 0px 0 0;
    /*上、左右、下へのボックス内の余白*/
    padding-top: 10px;
    font-size: 85%;
    /*文字サイズ*/
    background: #714b3e;
    /*背景色*/
    color: #fff;
    /*文字色*/
  }

  /*フッターのロゴ画像*/
  #footer-logo {
    padding: 10px 0px !important;
  }

  #footer-logo p {
    padding: 0px 0px !important;
  }

  #footer-logo img {
    width: 180px;
    /*画像の幅*/
    padding: 0px 0px;
  }

  /* フッターリンクのフレックス設定 */
  .footer_parent {
    display: -webkit-flex;
    display: flex;
  }

  .footer_parent {
    -webkit-flex-direction: row;
    flex-direction: row;
  }

  /*.footer_parent {
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
}*/
  /* メニューの個別設定 */
  .footer_parent {
    width: 100%;
    border: solid 0px red;
  }

  .footer_child {
    width: 100%;
    padding: 5px 0px;
    display: flex;
    justify-content: space-between;
    /*	background: #946251;*/
  }

  .footer_child p {
    width: 100%;
    font-size: 14px !important;
    padding: 0px 0px;
    padding-left: 5px;
    padding-bottom: 0px !important;
  }

  /*PAGE TOP設定
---------------------------------------------------------------------------*/
  /* smartphone 上に戻るボタン */
  #page_top {
    width: 40px;
    height: 40px;
    position: fixed;
    right: -40px;
    bottom: 15px;
    background: #74a700;
    opacity: 0.6;
    border-radius: 50%;
    z-index: 100;
  }

  #page_top a {
    position: relative;
    display: block;
    width: 40px;
    height: 15px;
    text-decoration: none;
  }

  /* 上に戻るボタンだけa:hoverが透明 */
  #page_top a:hover {
    background-color: transparent;
  }

  /* ----------------------------- */
  #page_top a::before {
    font-family: FontAwesome;
    content: '\f077';
    font-size: 20px;
    color: #fff;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    /* 調整 */
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
  }

  /*list2（施術メニューページの各症状ブロック）
---------------------------------------------------------------------------*/
  /*ボックス内の右側のブロック*/
  .list2 .text {
    margin-left: 0;
  }

  /*figure画像*/
  .list2 figure {
    width: 50%;
    /*幅*/
    float: none;
    display: block;
    margin: 0 auto;
  }

  /*h4見出し*/
  .list2 h4 {
    font-size: 20px;
    /*文字サイズ*/
  }

  /*診療のご案内ページの「診療までの流れ」のステップブロック（info.html）
---------------------------------------------------------------------------*/
  /*ステップブロック１個あたりの設定*/
  .step {
    padding: 10px 10px 60px;
    /*上、左右、下へのボックス内の余白*/
    margin-bottom: 10px;
    background: url(../images/arrow1.png) no-repeat center bottom/100px;
    /*背景の矢印画像の読み込み。りピーとせず、中央下部に配置。幅は200px。*/
  }

  /*h4見出し*/
  .step h4 {
    font-size: 20px;
    /*文字サイズ*/
  }

  /*h4見出しのspanタグ。見出し冒頭の番号。*/
  .step h4 span {
    width: 30px;
    /*幅*/
    line-height: 30px;
    /*高さ（行間）*/
    margin-right: 10px;
    /*右側に空けるスペース*/
  }

  /*テーブル（ta1）
---------------------------------------------------------------------------*/
  /*ta1設定*/
  .ta1,
  .ta1 td,
  .ta1 th {
    padding: 5px;
    /*ボックス内の余白*/
  }

  /*ta1の左側ボックス*/
  .ta1 th {
    width: 100px;
  }

  /*よく頂く質問
---------------------------------------------------------------------------*/
  /*外側ブロック*/
  .faq {
    padding: 0px 10px;
    /*上下、左右への余白*/
  }

  /*質問、回答共通*/
  .faq dt,
  .faq dd {
    background: none;
    /*背景アイコンを非表示に*/
    padding-left: 0px;
  }

  /*inputボタン
---------------------------------------------------------------------------*/
  .contents input[type="submit"].btn,
  .contents input[type="button"].btn,
  .contents input[type="reset"].btn {
    font-size: 16px;
    /*文字サイズ*/
  }

  /*その他
---------------------------------------------------------------------------*/
  .photo {
    padding: 5px;
    border: 2px solid #fff;
  }

  .ws,
  .wl {
    width: 94%;
  }

  .fl {
    float: none;
  }

  img.fl {
    float: none;
    display: block;
    width: 90%;
    margin: 0 auto 20px;
  }

  .fr {
    float: none;
  }

  img.fr {
    float: none;
    display: block;
    width: 90%;
    margin: 0 auto 20px;
  }

  .big1 {
    font-size: 16px;
  }

  .sh {
    display: block;
  }

  .pc {
    display: none;
  }
}



@media screen and (max-width:480px) {
  .bg_index_line {
    height: 490px;
  }
}



/* 480以下、ここまで */




/*追加
---------------------------------------------------------------------------*/


/*トップページ　LINEで自宅にお薬が届きます
---------------------------------------------------------------------------*/
.bg_index_linepage {
  height: 100%;
  background-image: url(../images/l_linepage_pr01.jpg);
  background-repeat: no-repeat;
  background-position: top -200px center;
  background-size: auto;
}

@media screen and (max-width:979px) {
  .bg_index_linepage {
    height: 100%;
    background-position: top -250px left -350px;
    background-size: auto;
  }
}


/* スマホ480px位置調整 */
@media screen and (max-width:480px) {
  .bg_index_linepage>.contents {
    padding: 30px 30px !important;
  }
}


/* sectionで位置調整 */
.sitetop_linepage_wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media screen and (max-width:480px) {
  .sitetop_linepage_wrap {
    justify-content: center;
  }
}


/* ボタンメニュー */
.sitetop_linepage_button_wrap {
  border: 0px solid red;
  width: 50%;
  height: 100%;
  padding: 20px 40px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media screen and (max-width:979px) {
  .sitetop_linepage_button_wrap {
    width: 90%;
    padding: 20px 30px;
    background-color: rgba(255, 255, 255, 0.8);
  }
}


/* タイトル文字調整 */
.sitetop_linepage_button_wrap>h2 {
  margin-bottom: 5px;
}


/* 英語 */
.sitetop_linepage_button_wrap>h2>span {
  width: 230px;
}

@media screen and (max-width:480px) {
  .sitetop_linepage_button_wrap>h2>span {
    width: 160px;
  }
}


/* アイコン */
.sitetop_linepage_button_wrap>h2>img {
  width: 110px;
  margin-right: 5px;
  margin-bottom: 10px;
  vertical-align: middle;
}


/* オレンジの下線 */
.underline_orange {
  padding-bottom: 0px !important;
}

.underline_orange>span {
  color: #666666;
  font-size: 18px;
  padding-bottom: 0px !important;
  background: linear-gradient(transparent 50%, #edcc86 50%);
}


/* ボタン調整 */
.sitetop_linepage_button_wrap>div {
  width: 100%;
  margin-top: 15px;
}


/* 吹き出し画像 */
.sitetop_linepage_button_box {
  width: 100%;
  height: 100%;
}

.sitetop_linepage_button_box>ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: wrap;
}


.sitetop_linepage_button_box>ul>li {
  border: 0px solid red;
  border-radius: 5px;
  width: 40%;
  height: 100%;
  margin: 15px 10px;
  padding: 10px 0px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  background-color: #00cc00;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

@media screen and (max-width:480px) {
  .sitetop_linepage_button_box>ul>li {
    width: 100%;
    margin: 5px 10px;
    font-size: 14px;
  }
}



/* 吹き出し先端 */
.sitetop_linepage_button_box>ul>li::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 10px;
  left: -10px;
  z-index: 1;
  background-image: url(../images/sitetop_linepage_hukidashi.png);
  background-position: center;
  background-size: cover;
}


/* LINE画像タイトルvw */
.sitetop_linepage_title_wrap {
  overflow: hidden;
  width: 98.9vw;
  margin: 0 calc(50% - 50vw);
  height: 250px;
  background-image: url(../images/l_linepage_pr01.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #666;
  position: relative;
}

@media screen and (min-width:1600px) {
  .sitetop_linepage_title_wrap {
    background-position: 0px -365px;
  }
}


.sitetop_linepage_title_wrap>div {
  border: 0px solid red;
  position: absolute;
  top: 0;
  left: 0;
  right: -25%;
  bottom: 0;
  margin: auto;
  width: 460px;
  height: 90px;
}

@media screen and (max-width:979px) {
  .sitetop_linepage_title_wrap>div {
    right: 0;
    width: 100%;
    text-align: center;
    line-height: 1.3;
  }

  .sitetop_linepage_title_wrap>div>h2>span {
    margin-top: 10px !important;
  }
}


.sitetop_linepage_title_wrap>div>h2 {
  font-size: 32px;
  color: #fff;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}


.sitetop_linepage_title_wrap>div>h2>span {
  display: block;
  margin-top: -10px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 0.3em;
}


/*下層ページ　LINEで自宅にお薬が届きます
---------------------------------------------------------------------------*/
/* 改行制御 */
.bpts_br_sp {
  display: none;
}

@media screen and (max-width:979px) {
  .bpts_br_sp {
    display: block;
  }
}


/* vw制御 */
.l_linepage_title_wrap,
.l_linepage_howto_title_wrap,
.l_linepage_qr_wrap {
  width: 98.9vw;
  margin: 0 calc(50% - 50vw);
}

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

  .l_linepage_title_wrap,
  .l_linepage_howto_title_wrap,
  .l_linepage_qr_wrap {
    width: 98.0vw;
  }
}


/* ページ画像タイトルvw */
.l_linepage_title_wrap {
  overflow: hidden;
  height: 250px;
  background-image: url(../images/l_linepage_pr01.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #666;
  position: relative;
}

@media screen and (min-width:1600px) {
  .l_linepage_title_wrap {
    background-position: 0px -365px;
  }
}


.l_linepage_title_wrap>div {
  border: 0px solid red;
  position: absolute;
  top: 0;
  left: 0;
  right: -25%;
  bottom: 0;
  margin: auto;
  width: 460px;
  height: 90px;
}

@media screen and (max-width:979px) {
  .l_linepage_title_wrap>div {
    right: 0;
    width: 100%;
    text-align: center;
    line-height: 1.3;
  }

  .l_linepage_title_wrap>div>h2>span {
    margin-top: 10px !important;
  }
}


.l_linepage_title_wrap>div>h2 {
  font-size: 32px;
  color: #fff;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}


.l_linepage_title_wrap>div>h2>span {
  display: block;
  margin-top: -10px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 0.3em;
}


/* DX */
.l_linepage_dx_wrap {
  border: 1px solid #66cc66;
  /*	width: 100%;*/
  height: 100%;
  padding: 30px 20px 20px 20px;
  position: relative;
}

@media screen and (max-width:979px) {
  .l_linepage_dx_wrap {
    margin-top: 30px;
  }
}


.l_linepage_dx_wrap>h4 {
  border: 0px solid red;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 270px;
  height: 50px;
  font-size: 28px;
  font-weight: bold;
  color: #66cc66;
  text-align: center;
  background-color: #fff;
}

@media screen and (max-width:979px) {
  .l_linepage_dx_wrap>h4 {
    top: 2px;
    width: 200px;
    height: 30px;
    font-size: 20px;
  }
}


.l_linepage_dx_wrap>ul {
  padding-left: 20px;
}


.l_linepage_dx_wrap>ul>li {
  list-style: disc !important;
}

.l_linepage_dx_wrap>ul>li::marker {
  color: #aaa;
}


.l_linepage_dx_wrap>p {
  color: #666 !important;
  margin-top: 15px;
  padding-bottom: 0px !important;
}


/* 5つのポイント */
.l_linepage_point_wrap {
  border: 0px solid red;
  width: 100%;
  height: 100%;
  margin-top: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

@media screen and (max-width:979px) {
  .l_linepage_point_wrap {
    margin-top: 30px;
    flex-direction: column-reverse;
  }
}


.l_linepage_point_left {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media screen and (max-width:979px) {
  .l_linepage_point_left {
    width: 90%;
  }
}


.l_linepage_point_item {
  margin-bottom: 15px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
}


.l_linepage_point_item>div:nth-child(1) {
  width: 25%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
}

@media screen and (max-width:979px) {
  .l_linepage_point_item>div:nth-child(1) {
    width: 30%;
  }
}


.l_linepage_point_item>div:nth-child(2) {
  width: 75%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

@media screen and (max-width:979px) {
  .l_linepage_point_item>div:nth-child(2) {
    width: 70%;
  }
}


/* ポイント見出し */
.l_linepage_item_title {
  font-size: 28px;
  font-weight: bold;
  color: #66cc66;
  text-align: left;
  line-height: 1.3;
}

@media screen and (max-width:979px) {
  .l_linepage_item_title {
    font-size: 20px;
  }
}


.l_linepage_point_item>div:nth-child(2)>p {
  color: #666 !important;
}


.l_linepage_point_right {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media screen and (max-width:979px) {
  .l_linepage_point_right {
    width: 100%;
  }
}


/* 位置指定 */
.l_linepage_point_right_wrap {
  border: 0px solid red;
  width: 100%;
  height: 500px;
  position: relative;
}

@media screen and (max-width:979px) {
  .l_linepage_point_right_wrap {
    height: 300px;
    margin-bottom: 30px;
  }
}


/* 診察 */
.l_linepage_point_right_wrap>img:nth-child(1) {
  position: absolute;
  top: -165px;
  right: 40px;
  z-index: 1;
}

@media screen and (max-width:979px) {
  .l_linepage_point_right_wrap>img:nth-child(1) {
    top: 0px;
    left: 0;
    right: -165px;
    bottom: 0;
    margin: auto;
    width: 200px;
  }
}


/* スマホ */
.l_linepage_point_right_wrap>img:nth-child(2) {
  position: absolute;
  bottom: -140px;
  right: 0;
}

@media screen and (max-width:979px) {
  .l_linepage_point_right_wrap>img:nth-child(2) {
    top: 0px;
    left: -170px;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 200px;
  }
}


/* わかくさ薬局の LINE 登録でできる 5 つのこと */

.l_linepage_5function_title {
  font-size: 28px;
  font-weight: bold;
  color: #66cc66;
  text-align: center;
  line-height: 1.3;
}

@media screen and (max-width:979px) {
  .l_linepage_5function_title {
    font-size: 20px;
  }
}


.l_linepage_5function_title {
  margin-top: 40px;
  margin-bottom: 40px;
}

/* icon */
.l_linepage_5function_title>img {
  width: 70px;
  margin-right: 5px;
}

@media screen and (max-width:979px) {
  .l_linepage_5function_title>img {
    margin-right: 0px;
    margin-bottom: 15px;
  }
}


.l_linepage_5function_wrap {
  width: 100%;
  height: 100%;
  padding-top: 15px;
}


.l_linepage_5function_wrap>ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: wrap;
}

@media screen and (max-width:979px) {
  .l_linepage_5function_wrap>ul {
    flex-direction: row;
  }
}


.l_linepage_5function_wrap>ul>li {
  border: 1px solid #66cc66;
  width: 28%;
  height: 320px;
  margin: 10px 10px 30px 10px;
  padding: 15px 10px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
  position: relative;
}

@media screen and (max-width:979px) {
  .l_linepage_5function_wrap>ul>li {
    width: 100%;
  }
}


.l_linepage_5function_wrap>ul>li::before {
  position: absolute;
  content: "";
  top: -25px;
  left: 20px;
  width: 50px;
  height: 50px;
  background-color: #00cc00;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}


/* 数字 */
.l_linepage_5function_wrap>ul>li:nth-child(1)::before {
  content: "1";
}

.l_linepage_5function_wrap>ul>li:nth-child(2)::before {
  content: "2";
}

.l_linepage_5function_wrap>ul>li:nth-child(3)::before {
  content: "3";
}

.l_linepage_5function_wrap>ul>li:nth-child(4)::before {
  content: "4";
}

.l_linepage_5function_wrap>ul>li:nth-child(5)::before {
  content: "5";
}


/* ダミー */
.l_linepage_5function_wrap>ul>li:nth-child(6) {
  border: 0px solid #66cc66;
}

.l_linepage_5function_wrap>ul>li:nth-child(6)::before {
  display: none;
}

@media screen and (max-width:979px) {
  .l_linepage_5function_wrap>ul>li:nth-child(6) {
    display: none;
  }
}


/* 見出し */
.l_linepage_5function_wrap>ul>li>span {
  font-size: 24px;
  font-weight: bold;
  color: #66cc66;
  text-align: center;
  line-height: 1.3;
}

@media screen and (max-width:979px) {
  .l_linepage_5function_wrap>ul>li>span {
    font-size: 20px;
  }
}


/* ご利用方法 */

.l_linepage_spacer {
  margin-top: 60px;
}


/* マージンリセット */
.mb_0 {
  margin-bottom: 0px !important;
}

@media screen and (max-width:979px) {
  .mb_0 {
    margin-bottom: 30px !important;
  }
}


/* ご利用方法画像イメージ */
.l_linepage_howto_title_wrap {
  overflow: hidden;
  height: 380px;
  background-image: url(../images/l_linepage_pr02.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #666;
  position: relative;
}


/* 風船色 */
.l_linepage_howto_step_item>div>.balloon3-right {
  background-color: #00cc00;
  margin: 0px;
}

.l_linepage_howto_step_item>div>.balloon3-right::before {
  border-left: 15px solid #00cc00;
  z-index: -1;
}


/* ステップ */
.l_linepage_howto_step_wrap {
  border: 0px solid red;
  width: 70%;
  height: 100%;
  margin: 0 auto;
}

@media screen and (max-width:979px) {
  .l_linepage_howto_step_wrap {
    width: 100%;
    margin-top: 30px;
  }
}


.l_linepage_howto_step_item {
  margin-bottom: 40px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
}


.l_linepage_howto_step_item>div:nth-child(1) {
  width: 25%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
}

@media screen and (max-width:979px) {
  .l_linepage_howto_step_item>div:nth-child(1) {
    width: 30%;
    justify-content: center;
  }
}


.l_linepage_howto_step_item>div:nth-child(2) {
  width: 75%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

@media screen and (max-width:979px) {
  .l_linepage_howto_step_item>div:nth-child(2) {
    width: 70%;
  }
}


.l_linepage_howto_step_item>div:nth-child(2)>p {
  color: #666 !important;
  padding-bottom: 0px !important;
}


/* ご利用料金と配送料 */
.l_linepage_price_wrap {
  border: 0px solid red;
  width: 70%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

@media screen and (max-width:979px) {
  .l_linepage_price_wrap {
    width: 100%;
    flex-direction: column;
  }
}


.l_linepage_price_item {
  width: 45%;
  height: 100%;
  margin: 10px 20px;
  padding: 30px;
  background-color: #f1f1f1;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media screen and (max-width:979px) {
  .l_linepage_price_item {
    width: 80%;
  }
}


/* 見出し */
.l_linepage_price_item>span:nth-child(1),
.l_linepage_price_item>span:nth-child(3) {
  font-size: 28px;
  font-weight: bold;
  color: #666666;
  text-align: center;
  line-height: 1.3;
}

/* 画像 */
.l_linepage_price_item>img {
  margin: 30px 0px;
}


/* QR見出し */

.l_linepage_qr_title {
  width: 560px;
  font-size: 28px;
  font-weight: bold;
  color: #66cc66;
  text-align: center;
  line-height: 1.3;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 30px;
  position: relative;
}

@media screen and (max-width:979px) {
  .l_linepage_qr_title {
    width: 80%;
    font-size: 20px !important;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}


.l_linepage_qr_title::before,
.l_linepage_qr_title::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 40px;
  height: 80px;
  background-image: url(../images/l_linepage_pr16.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

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

  .l_linepage_qr_title::before,
  .l_linepage_qr_title::after {
    width: 20px;
    height: 40px;
  }
}


.l_linepage_qr_title::before {
  left: -600px;
}

@media screen and (max-width:979px) {
  .l_linepage_qr_title::before {
    left: -245px;
  }
}


.l_linepage_qr_title::after {
  transform: scale(-1, 1);
  right: -600px;
}

@media screen and (max-width:979px) {
  .l_linepage_qr_title::after {
    right: -245px;
  }
}


/* QR画像 */

.l_linepage_qr_wrap {
  overflow: hidden;
  height: 100%;
  background: linear-gradient(180deg, rgba(2, 0, 36, 1) 0%, rgba(241, 241, 241, 1) 0%, rgba(255, 255, 255, 1) 100%);
  display: flex;
  align-items: flex-start;
  justify-content: center;
}


.l_linepage_qr_inner_wrap {
  max-width: 870px;
  margin: 0 auto;
  padding: 60px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}

@media screen and (max-width:979px) {
  .l_linepage_qr_inner_wrap {
    justify-content: center;
  }
}


/* 三角 */
.l_linepage_qr_inner_wrap::before {
  position: absolute;
  content: "";
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 120px solid transparent;
  border-left: 120px solid transparent;
  border-top: 60px solid #fff;
  border-bottom: 0;
}


.l_linepage_qr_item {
  width: 25%;
  height: 100%;
  margin: 20px 10px;
  padding: 15px;
  background-color: #fff;
  border-radius: 10px;

}

@media screen and (max-width:979px) {
  .l_linepage_qr_item {
    width: 35%;
  }
}


.l_linepage_qr_item>a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}


/* QR画像 */
.l_linepage_qr_item>a>img {
  width: 170px;
}

/* 店名 */
.l_linepage_qr_item>a>span:nth-child(2) {
  font-size: 24px;
  font-weight: bold;
  color: #666666;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 15px;
}

@media screen and (max-width:979px) {
  .l_linepage_qr_item>a>span:nth-child(2) {
    font-size: 20px;
  }
}


/* QR ID */
.l_linepage_qr_id {
  width: 65%;
  height: 100%;
  border-radius: 10px;
  padding: 20px;
  background-color: #66cc66;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1.3;
}

@media screen and (max-width:979px) {
  .l_linepage_qr_id {
    width: 100%;
    padding: 5px;
  }
}


/* 新着情報news.html */
#bpts_100 {
  position: relative;
}

#resizableIframe {
  width: 100%;
  display: block;
  min-height: 600px;
}