/* ---------------------------------------------------- */
/* トップページ　ヘッダーイメージ                        */
/* ---------------------------------------------------- */

@media all and (max-width: 640px) { /* Smartphone design */
  
#index-header-container-sp            {width:100vw;height:auto;margin-bottom:32px;}
  
#index-header-container-sp img      {width:100vw;height:auto;}
  
#index-header-container-pc            {display:none;}
  
}

@media all and (min-width: 641px) { /* pc design */
 
#index-header-container-pc            {width:1000px;height:500px;margin-bottom:32px;}
  
#index-header-container-pc img      {width:1000px;height:500px;}
  
#index-header-container-sp            {display:none;}
  
}


/* ---------------------------------------------- */
/* 共通　記事内の共通書式                           */
/* ---------------------------------------------- */

#post-container                              { }

#post-container strong                    {padding:5px 8px;background:#ffee99;font-weight:normal;}

#post-container .voice                     {font-size:1.2em;font-weight:bold;color:#555;padding-left:1em;}

#post-container h2                         {margin:60px 0 32px;font-size:23px;color:#3d6347;line-height:1.5em;font-weight:normal;border-bottom:2px solid #d1cab8;}
#post-container h2 span                 {display:inline-block;padding:0;border-bottom:4px solid #2b8c5f;margin-bottom:-4px;}

#post-container h3                         {font-size:22px;color:#3d6347;margin:40px 0 15px;font-weight:normal;}
#post-container h3::before             {font-family:Font Awesome\ 5 Free;content:"\f14a";color:#2b8c5f;margin-right:8px;}



/* ---------------------------------------------- */
/* 共通　テキストリンクの書式                       */
/* ---------------------------------------------- */

.text-link                                        {display:inline-block;padding:0 0.3em;}

a.text-link:link                                {color:#0039e5;text-decoration:underline;}
a.text-link:visited                            {color:#0039e5;}
a.text-link:hover                             {color:#2b8c5f;-webkit-animation:zoom .6s;animation:zoom .6s;text-decoration:none;}
                                                     @-webkit-keyframes zoom {50% {-webkit-transform: scale(1.05);}}
                                                     @keyframes zoom {50% {transform: scale(1.05);}}
a.text-link:active                             {color:#2b8c5f;}



/* ---------------------------------------------- */
/* 共通　リストリンクの書式                         */
/* ---------------------------------------------- */

a.list-link::before,
a.list-link::after                               {position:absolute;display:block;content:'';}

a.list-link,
a.list-link::before,
a.list-link::after                               {transition:all .3s;}

a.list-link:link                                  {color:#0039e5;text-decoration:underline;}
a.list-link:visited                              {color:#0039e5;}
a.list-link:hover                               {color:#2b8c5f;letter-spacing:2px;text-decoration:none;}
a.list-link:active                               {color:#2b8c5f;}



/* ---------------------------------------------- */
/* 個別ページ　リストのレ点                         */
/* ---------------------------------------------- */

#post-container ol                           {list-style-type:none;padding-left:5px;}

#post-container ol li                        {position:relative;padding-left:8px;}

#post-container ol li::after,
#post-container ol li::before            {display:block;content:'';position:absolute;}
#post-container ol li::before            {top:7px;left:-20px;width:16px;height:16px;background:linear-gradient(#37b279,#2b8c5f);border-radius:100%;}

#post-container ol li::after              {display:block;content:'';position:absolute;top:11px;left:-16px;width:7px;height:3px;
                                                       border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}



/* ---------------------------------------------- */
/* 個別ページ　見出し付きボックス                */
/* ---------------------------------------------- */

#post-container .reference              {position:relative;box-sizing:border-box;width:100%;margin:0 auto 32px;padding:50px 20px 20px;background:#F4F3ED;}

#post-container .reference p,
#post-container .reference ul          {margin-bottom:0;}

#post-container .reference .title      {position:absolute;top:0;left:0;background:#37b279;padding:7px 15px;
                                                      font-size:14px;color:#fff;letter-spacing:2px;}

#post-container .reference .title span {margin-right:5px;}



/* ------------------------------------------------- */
/* 個別ページ　Google AdSense link-unitの配置 */
/* ------------------------------------------------- */

.ad-linkunit                                     {margin-bottom:32px;}

@media all and (max-width: 640px) { /* Smartphone design */
  
.adsense_responsive_linkunit           {width:300px;height:150px;}
  
}

@media all and (min-width: 641px) { /* pc design */
 
.adsense_responsive_linkunit           {width:640px;height:100px;}

}



/* ---------------------------------------------------- */
/* トップページ　h1タイトルボックス                     */
/* ---------------------------------------------------- */

@media all and (max-width: 640px) { /* Smartphone design */
  
#index-h1-container                       {box-sizing:border-box;width:100%;margin-bottom:32px;padding:1em;
                                                      background-image:url("https://stammering.site/wp-content/uploads/2018/02/index-h1-background.jpg");}
  
#index-h1-container #title-box        {border-left:6px solid #2b8c5f;padding-left:10px;}
  
#index-h1-container #sub-title        {font-size:3.5vw;color:#777;display:block;font-weight:normal;}
  
#index-h1-container #sub-title span {display:block;}
  
#index-h1-container h1                   {font-size:6.5vw;color:#555;margin:10px 0 0;}
  
#index-h1-container p                     {font-size:14px;margin:18px 0 0;padding-top:18px;border-top:2px solid #999;color:#3d6347;}
  
}

@media all and (min-width: 641px) { /* pc design */
 
#index-h1-container                       {box-sizing:border-box;width:660px;height:220px;margin-bottom:32px;padding:10px;
                                                      background-image:url("https://stammering.site/wp-content/uploads/2018/02/index-h1-background.jpg");}
  
#index-h1-container #inner             {box-sizing:border-box;background-color:rgba(255,255,255,0.5);height:100%;padding:10px;}
  
#index-h1-container #title-box        {border-left:6px solid #2b8c5f;padding-left:10px;}
  
#index-h1-container #sub-title        {font-size:14px;color:#777;display:block;font-weight:normal;}
  
#index-h1-container h1                   {font-size:28px;color:#555;margin:0;}
  
#index-h1-container p                     {font-size:14px;margin:18px 0 0;padding-top:18px;border-top:2px solid #777;color:#3d6347;}
  
}



/* ---------------------------------------------------- */
/* トップページ　サイドウィジェットのプロフィール */
/* ---------------------------------------------------- */

#index-widget-profile                      { }

#index-widget-profile #photo-frame {text-align:center;}

#index-widget-profile img                {width:200px;height:200px;border-radius:100px;}

#index-widget-profile #name           {color:#555;font-size:18px;text-align:center;letter-spacing:2px;margin:10px 0 8px;}

#index-widget-profile p                   {font-size:12px;}



/* -------------------------------------------------- */
/* トップページ　サイドウィジェット　SNSボタン */
/* -------------------------------------------------- */

#index-widget-sns                           { }

#index-widget-sns .sns                    {width:250px;margin:0 25px 15px;line-height:250%;display:block;text-align:center;background:#2b8c5f;color:#fff;font-size:18px;text-decoration:none;transition:all .3s;}

#index-widget-sns a.sns:hover         {background:#37b279;}

#index-widget-sns span                   {margin-right:.5em;}