@charset "UTF-8";
/*
Theme Name: amdfsm
Template: lightning
Description: This is the child theme to be connected with Lightning. Don't delete the parent - Lightning theme.
Author: Toru Nejime
Version: L-15.21.1-c
*/
/***** The following additional CSS was inserted by T.Nejime *****/
/* ExUnit（編集ページ下部）によるカスタムCSS設定ページを記録
* カスタマイザーの追加CSSおよびstyle.css内に見当たらない場合は下記ページごとのカスタムCSSをチェック
* ・役に立つリンク集 https://micronesia.saloon.jp/about_micronesia/useful-links
* ・カセレーリエ https://micronesia.saloon.jp/micronesia_report/kaselehlie
* ・会員専用ページ https://micronesia.saloon.jp/amdmembersonly
* ・お問い合わせ https://micronesia.saloon.jp/inquiry
* ・組織概要 https://micronesia.saloon.jp/organization
* ・参加方法のご案内 https://micronesia.saloon.jp/how_to_join
* ・ご支援のお願い https://micronesia.saloon.jp/askforsupport
* ・支援申込フォーム https://micronesia.saloon.jp/organization/askforsupport/supportentryform
*/
/* color of site header would be set in RED to indicate this is a sample site
#site-header-container > h1 > a > span{
color: #f00;
}
.site-header-logo > a{
color: #f00;
}
*/
/* サイドバーの幅 ※必要になればコメントを外して%値で調整
.main-section--col--two {
width:78%;float:left;
}
.sub-section--col--two {
width:18%;float:right;
}
*/
/* 区切り線の色を濃い目に */
hr {
background-color : #ddf ;
}
/* サイト本体下部の余計なpaddingを排除
* 必要な場合は個別のブロックでスペーサーを使用すること
*/
body > div.site-body {
padding-bottom: 10px ;
}
/* side bar inquiry banner space adjustment */
#block-76 {
margin-bottom: .7em;
}
/* サイト自体のコピーライト表記も消す場合はコメントを外す
.site-footer-copyright p:nth-child(1) {
display: none;
}
*/
/* lightning powered by 表記の消去
* 但し、コンテンツの無断使用お断りの文言に変えて表示するため
* この部分をコメントアウト
* 無断使用お断りの一文はfunction.phpにフィルターフックで実装
* 関数名 lightning_footerPoweredCustom
.site-footer-copyright p:nth-child(2) {
display: none;
}
*/
/* フッターの背景色と文字色の変更 */
.site-footer{
color : white;
background-color: #101050 ;
}
/* フッターのリンク文字色（電話番号）が埋もれて見難いため変更 */
.menu-footer-navigation-container > ul a {
color: white;
}
.menu-footer-navigation-container > ul a:hover {
color: skyblue;
}
/* スマホ表示の場合のフッター内電話番号がリンクにより見にくくなるため
* 文字色を修正（iPhone対策） colorは背景色に応じて適宜調整
* 同時にフッターウィジェットエリア１で pointer-events: none を指定
* これによりスマホでの誤発信を抑止
* スマホによっては連続する数字を勝手に電話番号リンクにする場合があり
* その対策として局所的な aタグへのstyle適用が有効
*/
.amd-tel-link a {
color:#fff;
text-decoration:none;
}
/* ヘッダーグローバルメニュー背景色の設定 */
header.site-header.site-header--layout--nav-float{
background-color: rgba(245,255,255,.85);
}
/* ヘッダーグローバルメニュー文字の装飾サンプル 白抜き文字で影付きだが
* ちょっと派手過ぎなためコメントアウト
.global-nav-name{
color: white;
text-shadow: 3px 3px 5px #505050, -3px -3px 5px #505050;
}
*/
/* グローバルナビ マウスホバー時の背景色 */
.global-nav-list li a:hover {
background-color: #fff;
border : 1px solid #ddf ;
}
/* グローバルナビ サブメニューマウスホバー時の背景色 */
.global-nav-list .sub-menu li a:hover {
background-color: #59F;
}
/* スライドタイトル文字の装飾（文字影付加）*/
.amd-slide-title {
font-size: 3vw;
text-shadow: 2px 2px 3px #707070, -2px -2px 3px #707070;
}
/* スライドテキストの装飾（文字影付加） */
.amd-slide-text {
font-size: 1.5vw;
text-shadow: 2px 2px 3px #303030, -2px -2px 3px #303030;
}
/* スライド中のボタンCSS（３枚目のスライドに適用） */
.ltg-slide .mini-content-container-3 .btn{
font-size : 1.5vw ;
padding:.2em 1em;
text-shadow:2px 2px 2px #000000;
background:rgba(128,128,255,.5);
transition: .3s;
border:4px double;
border-radius:20px;
box-shadow:0 0 2px #000000;
}
/* 以下はスマホ用文字サイズ調整 */
@media screen and (max-width:768px) {
/* スライドタイトルのスマホ文字サイズ */
.amd-slide-title {
font-size: 1.1rem;
}
/* スライドテキストのスマホ文字サイズ */
.amd-slide-text {
font-size: 0.82rem;
}
/* スライド中のボタンのスマホ文字サイズ */
.ltg-slide .mini-content-container-3 .btn{
font-size : 0.81rem ;
}
}
.ltg-slide .mini-content-container-3 .btn:hover{
background-color:#55f;
border-color:#fff;
}
/* ボタンにマウスオンでborder表示して目立たせる */
a:hover.wp-block-button__link.has-white-color.has-vk-color-primary-background-color.has-text-color.has-background.wp-element-button{
border: solid 2px #fff;
}
/* ページヘッダー最小高さ（今のところ不要）
.page-header{
min-height: 1vw;
}
*/
/* ページヘッダー（上部の帯）の背景画像 */
.page-header {
background: url(/wp-content/uploads/2024/01/page-header-image3.png) no-repeat;
background-size: cover;
}
/* ページヘッダータイトル文字の装飾（影付き）*/
.page-header {
color: #fff;
text-shadow: 2px 2px 3px #303030, -2px -2px 3px #303030;
}
/*
リンク色がデフォルトでは目立たないため一般的な色に設定
*/
.main-section a {
color: #1a0dab;
text-decoration: underline;
}
.main-section a:hover {
color: #1a3dff;;
text-decoration: underline;
}
.main-section a:visited {
color: #609;
text-decoration: underline;
}
/* 画像リンクのマウスオーバー時の変化 */
.img-opa a img:hover {
opacity : 0.7;
}
/* スマホでの画像リンクタップ時の変化を目立たせるため
* opacityをもう一段変化 */
.amd-sp-tap a img:active {
opacity : 0.5;
}
/* 最新の投稿ウィジェット内サムネイル画像リンク マウスオーバー時の変化
* ミクロネシア通信のページで使用 */
div.wp-block-latest-posts__featured-image.alignleft a img:hover {
opacity : 0.7;
}
/* 最新の投稿一覧 アイキャッチ画像の表示サイズと画像の右マージン調整 */
div > ul > li > div.wp-block-latest-posts__featured-image.alignleft > a > img {
width : 70%;
margin-bottom : 30px;
border : 1px solid #dfdfdf;
border-radius : 50%;
}
div > ul > li > div.wp-block-latest-posts__featured-image.alignleft {
margin-right : 0
}
/* 投稿ページのヘッダーと本文の間の区切り線 */
article.entry header.entry-header > h1 {
border-bottom : solid 1px;
border-color : #bbb ;
padding-bottom : 2rem
}
/*
* 前の記事 次の記事の表示
* 文字かぶり調整用CSS
*/
.next-prev-prev.card-horizontal .card-body {
padding-left: 5.2rem;
padding-top : 2rem;
}
.next-prev-next.card-horizontal .card-body {
padding-left: 5.2rem;
padding-top : 2rem;
}
/* 「前の記事」「次の記事」ボックスの文字サイズを変更 */
.vk_post_imgOuter_singleTermLabel {
font-size:12px;padding:.3em .8em;position:absolute;right:0;top:0;z-index:100
}
/* 「前の記事」「次の記事」ボックスの日付の文字サイズを変更 */
div.vk_posts.next-prev > div div.vk_post_date.card-date.published {
font-size : 0.9em ;
}
/* next-prevの背景色設定 */
.next-prev .card-body {
border-bottom : 1px solid #00f ;
background-color : #F0FFF0;
}
/* 新着記事のNEW!-------- */
.amd-new-txt{
font-size: 60%;
padding: 1px 5px;
vertical-align: middle;
color: White;
background-color: #ff4500;
border-radius: 3px;
margin-right : 0.5em;
}
/* 投稿ページ h1タグの NEW! 文字の大きさを調整 */
h1 .amd-new-txt{
font-size: 40%;
}
/* 投稿ページのh1タグの調整 文字を中央に配置 本文との間に少し間隔を空ける */
header.entry-header > h1.entry-title {
text-align : center;
/* text-decoration : underline; */
margin-bottom : 1.5em;
}
/* 投稿記事内のpタグの左右にマージンを設定 但しスマホでは画面幅が狭いためマージン設定しない */
@media screen and (min-width: 640px){
article > div.entry-body > p {
margin-left : 3em;
margin-right : 4em;
}
}
/**
* すべての投稿タイプでページヘッダー上の著者情報を非表示にする
*/
.entry-meta-item-author {
display: none;
}
/* 記事が所属する分類リスト（カテゴリー）を非表示 */
.entry-meta-data-list{
display: none;
}
/* 投稿の更新日を非表示（作成日はそのまま） */
.entry-meta-item-updated {
display:none;
}
/* faq shortcode 背景色や文字の大きさを調整 */
h3.ea-header {
background-color : #e0ffff;
}
#sp-ea-2901 > div > h3 a {
color : #006!important;
font-size : .7em;
padding-bottom : 0px;
}
#sp-ea-2901 > div > h3 a:hover {
color : blue!important;
}
/* トップページ投稿一覧の各タイトル h6 の文字調整（太さや位置） */
#post-11 > div > div > ul > li > h6 > a {
font-weight : lighter ;
margin-left : 2rem ;
}
/* 画像とキャプションの間の隙間（マージン）調整 */
figcaption.wp-element-caption{
margin-top : 5px;
}
/* reCAPTCHAバッジのカスタマイズ */
.grecaptcha-badge {
visibility: hidden;
bottom: 70px!important;
/* バッジを隠す際は(Googleの規約により)以下の旨を告知する文言を記載
* このサイトはGoogleの reCAPTCHA により保護されています。
* This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
*/
}
/*上に戻るボタンカスタマイズ*/
.page_top_btn {
right: 10px;
bottom: 15px;
width: 40px;
height: 40px;
border-radius: 20%;
background-color: rgba(64,64,128,.5);
box-shadow: none;
border: #fff 5px double;
}
/* ファイルのダウンロードボタンのカスタマイズ */
.wp-block-file__button.wp-element-button {
color : white;
background-color : #228;
}
a:hover.wp-block-file__button.wp-element-button{
color:white;
background-color : #33f;
}
/* 検索ボックスの大きさ調整 */
#block-16 > form > div {
width : 15rem ;
height : 2.1rem ;
border : none ;
}
/* ボタンの「検索」文字サイズと位置調整 */
#block-16 > form > div button {
font-size : .8rem ;
display:flex ;
justify-content: center ; /* 左右真ん中 */
align-items: center ; /* 上下真ん中 */
}
/* summaryをクリックしてもらうための文字色調整 */
div > details > summary {
color : #000080 ;
}
div > details > summary:hover {
color : #1e90ff ;
}
/* 主にdetails配下のpとimg要素を右に1remずらす
* 他の要素にも必要ならそれを追加すること
*/
div details p {
padding-left : 1rem
}
div details img {
padding-left : 1rem
}
/* チェックボックスの大きさとチェック時の色 調整 */
input[type="checkbox"] {
accent-color : #0000f0 ;
width : 1.1rem ;
height : 1.1rem ;
vertical-align : bottom
}
/* placeholderのフォントと色調整 */
::placeholder {
color : #99b!important;
font-family : Meiryo ;
}
/* パスワード入力欄の幅やボタン幅などを調整 */
div form label input[name="post_password"] {
width : 35% ;
}
div > form > p:nth-child(2) > input[type=submit] {
padding-left : 1rem ;
padding-right : 1rem;
}
/* 理事専用ルームのタイトル文字 背景ゴールド */
body.page-id-2791 h1 {
background-color : rgba(255,215,100,0.7) ;
}
/* 会員専用ルームのタイトル文字 背景白 */
body.page-id-1883 h1 {
background-color : rgba(255,255,255,0.7) ;
}
/********** 以下、共通利用できるCSS **********/
/* テキストの縁取り 白 */
.amd-txt-whiteshadow{
text-shadow: 1px 1px 2px #fff, -1px -1px 2px #fff;
}
/* テキストに蛍光マーカーのような線を引く */
.amd-marker-gradation {
background: linear-gradient(transparent 60%, #fc0 95%);
}
/* テキストに蛍光マーカーのような線を引く skyblue */
.amd-marker-gradation-sb {
background: linear-gradient(transparent 60%, #87ceeb 95%);
}
/* テキストに蛍光マーカーのような線を引く green */
.amd-marker-gradation-gr {
background: linear-gradient(transparent 60%, #0f0 95%);
}
/* テキストに蛍光マーカーのような線を引く red */
.amd-marker-gradation-rd {
background: linear-gradient(transparent 60%, #f00 95%);
}
/* ボーダーの角丸 5px */
.amd-radius5{
border-radius: 5px;
}
/* ボーダーの角丸 10px */
.amd-radius10{
border-radius: 10px;
}
/* ボーダースタイルの立体化 */
.amd-border-style-ridge{
border-style: ridge;
}
/* brタグにこのクラスを適用してスマホの時のみ改行 */
@media screen and (min-width: 640px){
/* SP時改行 */
.amd-sp {
display:none ;
}
.amd-pc {
display:inline ;
}
}
/*
* 以下はお問い合わせページに記載して同意のチェックボックスをクリックしないと送信できないようにするためのチェックボックス用の文言
* 個人情報については当協会のプライバシーポリシーに従って扱われることに同意します。
*
*/