/*
Theme Name: WING-STINGER PRO2 Child
Template: stingerpro2
Description: ver20180831以上対応
Version: 20180831
*/





/* contact form */
.inquiry th{
text-align:left;
font-size:14px;
color:#444;
padding-right:5px;
width:30%;
background:#f7f7f7;
border:solid 1px #d7d7d7;
}
.inquiry td{
font-size:13px;
border:solid 1px #d7d7d7;
}
.must{
font-size:10px;
padding:5px;
background:#ff9393;
color:#fff;
border-radius:2px;
margin-right:5px;
}
.may{
font-size:10px;
padding:5px;
background:#93c9ff;
color:#fff;
border-radius:2px;
margin-right:5px;
}

.inquiry input[type="text"],.inquiry input[type="password"],.inquiry input[type="datetime"],.inquiry input[type="datetime-local"],.inquiry input[type="date"],.inquiry input[type="month"],.inquiry input[type="time"],.inquiry input[type="week"],.inquiry input[type="number"],.inquiry input[type="email"],.inquiry input[type="url"],.inquiry input[type="search"],.inquiry input[type="tel"],.inquiry input[type="color"],.inquiry select,.inquiry textarea,
.inquiry .field{
margin-bottom: 0;
}

.inquiry textarea{padding: 12px;}
.submit{text-align: center;}
#submit-btn{
padding:1em;
width: 80%;
margin: 0 auto;
max-width:350px;
background:#ffaa56;
color:#fff;
font-size:18px;
border-radius:2px;
}
#submit-btn:hover{
background:#fff;
color:#ff870f;
border:1px solid #ffa042;
}

@media (min-width: 599px) {
.entry-content .inquiry th,.entry-content .inquiry td {
display: block;
width: 100%;
border-top: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.entry-content .inquiry tr:first-child th{
border-top: 1px solid #d7d7d7;
}
.entry-content .inquiry tr td{
border-right: 1px solid #d7d7d7;
}
}


/* エラー個所をわかりやすく表示 */
.wpcf7 .must{
color: #fff;
}

.wpcf7 .wpcf7-not-valid{
    background: #ffb6c1;
}
.wpcf7 .wpcf7-response-output{
    margin: 10px 0 0;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wpcf7 .wpcf7-validation-errors{
        color: #B94A48;
        background-color: #F2DEDE;
        border: 1px solid #EED3D7;
}
.wpcf7 .wpcf7-mail-sent-ok{
        color: #3A87AD;
        background-color: #D9EDF7;
        border: 1px solid #BCE8F1;
}


/*
 *****Ach共通
 */
/*
/* Header のすぐ下の画像に sp class と位置を付与 */
.entry-content .sp {
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-repeat: no-repeat; /* 繰り返し表示オフ */
  /*padding: 0px 0px 0px 110px; *//* 画像と重ならないように文字列を右に移動 */
  position: absolute;
  right: 0px;
  top: 105px;/*Header画像の大きさがサイトで微妙に異なるので調整必要 110が標準*/
  <a href="https://medical-ach.com/"><img class="sp" src="/wp-content/themes/stingerpro2-child/images/Medical-ach_sm.png" alt="Medical Ach へ" /></a>
}


/* 2020/04/29 不要とする。固定ページ開設に当たっての画像の前後に[nopc][/nopc]で対応。
 パソコンで見たときは "pc" の class がついた画像が表示される */
/*.pc { display: block !important; }
/*.sp { display: none !important; }
/* スマートフォンで見たときは "sp" の class がついた画像が表示される */
/*@media only screen and (max-width: 599px) {
/*.pc { display: none !important; }
/*.sp { display: block !important; }
/*}


/* Header の横に追加 */
/** ヘッダー横のナビメニューの位置など **/
@media screen and (max-width: 600px){ /*1110px *//*これ付けないとPCから消える*/
#menu-header-side-container{
    display: inline;
  }
#header-r ul{
    display: none;
  }
}


@media screen and (min-width: 600px){ /*1110px *//*これ付けないとphoneから消える*/
#header-r { /* ヘッダー右側のボックスの幅 */
	margin: 40px 120px 0px 0px;
    padding: 0px 0px 0px 0px;
    max-width: 600px;
    display: inline-block;
}

#header-r li a {
    margin: 0px 0px 0px 0px;
    max-width: 100px;
    padding-right: 0px;/*ボックス内右側の余白*/
    margin-right: 0px;/*ボックス右側の間隔*/
    margin-left: 0px;/*ボックス左側の間隔*/
    display: inline;
}

#header-r .menu-item-677 > a:before {                  /*サイト毎に変更する！*/
  content: '\f023'; /*ログイン*/
}
#header-r .menu-item-1812 > a:before {                  /*サイト毎に変更する！*/
  content: '\f13e'; /*ログイン済み*/
}
#header-r .menu-item-1813 > a:before {                  /*サイト毎に変更する！*/
  content: '\f07a'; /*カートの内容*/
}
#header-r .menu-item-1794 > a:before {                  /*サイト毎に変更する！*/
  content: '\f291'; /*購入履歴*/
}
#header-r .menu-item-1793 > a:before {                  /*サイト毎に変更する！*/
  content: '\f019'; /*ダウンロード*/
}
#header-r .menu-item-1792 > a:before {                  /*サイト毎に変更する！*/
  content: '\f13e'; /*ログアウト*/
}
}


/**
 * Header-under-widget
 #nav_menu-9.st-header-under-widgets.widget_nav_menu div.menu-header-side-container ul#menu-header-side-3.menu
 */
@media only screen and (min-width: 599px) {/*minは以下と読むとわかりやすい */
#nav_menu-3 {                                           /*サイト毎に変更する！*/
    display: none;
}
}

#st-header-under-widgets-box { /*以下 #nav_menu-9 としても全く同じ*/
    margin: 0px 0px 0px 10px; /*margin: 0px 0px 0px 10px; だと携帯画面が揺れる*/
    padding: 0px 0px 0px 0px;
    width: 70%;                   /*でもwidthを70%に落とすと携帯画面は揺れない*/
    display: inline-block;
}
#st-header-under-widgets-box .menu-item-678 > a:before {/*サイト毎に変更する！*/
  content: '\f023'; /*ログイン*/
}
#st-header-under-widgets-box .menu-item-1796 > a:before {/*サイト毎に変更する！*/
  content: '\f13e'; /*ログアウト*/
}



/**
 * Grand Menu
 */
/* グローバルメニューの大きさ */
.st-middle-menu .menu li a {
  font-size:100%;
}
#st-menubox li a{
  font-size:14px;
}

/* FontAwesome の設定*/
.menu-item > a:before {
  display: inline-block;
  font: 16px/1 FontAwesome;
  margin-right: 8px;
  position: relative;
  top: 0px;
}
.menu > .menu-item-229 > a:before {
  content: '\f015'; /*開設にあたって*/
}
.menu > .menu-item-20 > a:before {
  content: '\f05a'; /*お知らせ*/
}
.menu > .menu-item-703 > a:before {
  content: '\f0e4'; /*マイアカウント*/
}
.menu > .menu-item-659 > a:before {
  content: '\f218'; /*ダウンロード販売*/
}
.menu > .menu-item-21 > a:before {
  content: '\f0e0'; /*お問い合わせ*/
}
.menu > .menu-item-19 > a:before {
  content: '\f007'; /*組織概要*/
}

/*子メニューの書き方_こう書いてもいい*/
/*.menu > .menu-item:nth-child(4) .sub-menu .menu-item:nth-child(2) > a:before {
  content: '\f218';
}*/
/*.menu-item-693 > a:before {
 content: '';
}*/


/*モバイルでの見た目*/


/* サブメニューの色 */
.menu-item-692 > a {
 background-color:rgba(3,155,229,1) !important;/*Medical-Ach #039BE5*/
}
.menu-item-693 > a {
 background-color:rgba(124,211,66,1) !important;/*Pharmacy-Ach #7CD342*/
}
.menu-item-694 > a {
 background-color:rgba(221,153,51,1) !important;/*Nursing-Ach #DD9933*/
}

/* サブメニューに FontAwesome */
.menu-item-692 > a:before {
  content: '\f0e9'; /*メディカル アッハ*/
  color: rgba(0,0,255,1) !important;
}
.menu-item-693 > a:before {
  content: '\f0e9'; /*ファーマシー アッハ*/
  color: rgba(55,163,74,1) !important;
}
.menu-item-694 > a:before {
  content: '\f0e9'; /*ナーシング アッハ*/
  color: rgba(227,101,0,1) !important;
}

/* サブメニューを左寄せ*/ /* margin-right: 1px; ならいける？*/



/**
 * Footer Menu
 */
#footer a {
    color: green !important;/*rgba(255,255,255,0.8) !important;/*Cppyright中のサイト名の文字色*/                                  /*サイト毎に変更する！*/
}
#footer .clearfix {
    clear: both;/*回り込みを解除*/
}


/* 新たなフッター の設定*/
/*-- フッターエリア --*/



/**
 * TEST
 */

#headbox {
	padding: 0px 0px 5px 0px; /* ナビ時の幅 ○ 下の余白 ○*/
}
#footer {
	padding: 5px 0px 5px 0px; /* ナビ時の幅 ○ 下の余白 ○*/
}
#footer .footermenust {
	padding: 0px 0px 0px 0px; /* ナビ時の幅 ○ 下の余白 ○*/
}
#footer .footermenust li a {
	color: rgba(255,255,255,1) !important;
	font-size:12.5px;
}


/**
*電光掲示板 → Homeにのみテロップにしたいためアニメーション本体は header.php
表示領域に合わせてサイズと余白を設定
*/
#st-header-top-widgets-box {
    margin: 0px 0px 0px 0px;
    height: 20px; /*topから下向きの距離！ ここで触るのはここだけ*/
    background: rgba(124,211,66,0.2);                   /*サイト毎に変更する！*/
}
#st-header-top-widgets-box .st-content-width {
    width: 93%;/*これ以上にすると携帯画面が左右にでてくる*/
    height: 11px;/*上のheightの半分で！*/
    /*background: rgba(3,155,229,0.2);*/
    text-align: left;
}
#st-header-top-widgets-box .textwidget {
    margin: -11px 0px 0px 0px;/*上のheightをマイナスに！ここで触るのはここだけ*/
    color:grey;
    position: relative;
    overflow: hidden;
}



/**
 * ハンバーガー
 */
/*メニュー部分*/
#s-navi {
    margin: -8.25px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}



/**
 * パンくず
 */
/*-- パンくずリスト --*/
#breadcrumb ol {
    margin: -5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;/*周りの余白*/
}

#breadcrumb ol li {
    color: #000000;/*記号の色*/
    font-size: 15px;/*記号のサイズ*/
    display: inline-block;/*横並びに均等配置*/
}

#breadcrumb ol li a {
    /*font-weight: bold;*//*文字を太字に*/
    text-decoration: none;/*下線なし*/
    color: #fff;/*文字色*/
    font-size: 12px;/*文字サイズ*/
    background: rgba(124,211,66,0.07);/*背景色*/        /*サイト毎に変更する！*/
    padding: 0px 5px 0px;/*ボックス内の余白*/
    padding-right: 0px;/*ボックス内右側の余白*/
    border-radius: 5px;/*角の丸み*/
    margin-right: 2px;/*ボックス右側の間隔*/
    margin-left: -2px;/*ボックス左側の間隔*/
}

#breadcrumb ol li:first-child a {
    padding: 0px 5px 0px 5px;/*1列目ボックス内の余白*/
    margin-right: -2px;/*1列目ボックス右側の間隔*/
}

/*ホバー時の文字色*/
#breadcrumb ol li a:hover {
    color: #fff;/*ホバー時の文字色*/
    background-color: rgba(124,211,66,1);/*ホバー時の背景色*/
                                                        /*サイト毎に変更する！*/
}



/**
 * 今後の小物類
 */
/*「トップへ戻る」ボタン*/
/*トップあげボタン*/

/*ようこそ*/

/**
 * ページネーション										サイト毎に変更する！
 */
.st-pagelink .page-numbers  { /* ボタン全てのボーダー */
	border: 1px solid rgba(124,211,66,1);
}
.st-pagelink .page-numbers { /* 現在のページ以外のボタン */
	color: rgba(124,211,66,1);
	background: #fff;
}
.st-pagelink a.page-numbers:hover { /* マウスホバーしたときのボタン */
	text-decoration: none;
	color: #fff;
	background: rgba(124,211,66,1);
	transition: all .5s ease;
	opacity: 1.0;
}
.st-pagelink .page-numbers.current { /* 現在のページのボタン */
	color: #fff;
	background: rgba(124,211,66,1);
	opacity: 1.0;
}
.st-pagelink .page-numbers.dots { /* 端折られたページのドット */
	color: rgba(124,211,66,1);
	background: #fff;
	border: none;
	opacity: 1.0;
}


/**
 * 投稿者一覧ページ
 */
.writers{
    overflow:hidden;
}
.writer-profile{
    width: 18%;
    min-height: 350px;
    margin:1%;
    float:left;
}
.writer-profile .name{
    text-align:center;
    font-weight:bold;
    padding:10px 0;
    margin:0;
}
.writer-profile .description{
    font-size:0.8em;
}
.writer-profile .button a{
    font-size:0.8em;
}
.writer-profile .button a:after{
    content:' >';
}


/*-- 続きを読むボタン --*/
.readmore_right {
	text-align: right;/*ボタンを右側に移動*/
	margin: -23px 7px 0px 0px;
}
.readmore_right a {
    /*color: #000000;/*文字色*/
    /*font-size: 12px;/*文字のサイズ*/
    /*background-color: #ffffff;/*背景色*/
    /*border: thin solid #000000;*/
    padding: 0px 0px 0px 0px;/*上下左右の余白*/
    /*text-decoration: none;/*文字の下線なし*/
 }


/*-- 検索ワードのハイライト--*/
span.search-highlight  {
         background: rgba(124,211,66,0.2);           /*サイト毎に変更する！*/
}


/*-- 新着の表示 --*/
.entry-icon-new {
    background: rgba(124,211,66,0.07);                /*サイト毎に変更する！*/
    border-radius: 10px;
    color: rgba(255,0,0,1);
    border: 1px solid rgba(255,0,0,1);
    font-weight: bold;
    display: inline-block;
    font-size: 80%;
    margin-bottom: 2px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}