/* responsive smartphone breakpoint（480px以下） */
/* TOC
 - 全体設定とGrid Systemの設定
 - header
 -- Google検索
 -- グローバルナビゲーション
 - footer
 -- ページトップへ
 - main
 -- クラス 
 -- モジュール
 -- 汎用クラス 
 - ホーム
 - 財団紹介
 - 音楽分野への助成・地域の伝統文化分野への助成トップ
 - 音楽分野への助成・地域の伝統文化分野への助成 公募概要
 - 音楽分野への助成・地域の伝統文化分野への助成 機関紙
 - 音楽分野への助成・地域の伝統文化分野への助成 過去の助成者・対象者一覧
 - お問い合わせ
 - 個人情報保護方針
*/
/* ===========================================================
  全体設定とGrid Systemの設定
=========================================================== */
* { box-sizing: border-box; }
body { font: normal 16px/1.7 "メイリオ", Meiryo, sans-serif; color: #333; }
.wrapper { padding: 0 0 20px 0; min-width: 960px; }
@media only screen and (max-width: 480px) {
body { overflow: hidden; }
.wrapper { min-width: 240px; padding: 0; }
}
/* grid system 行設定 */
.row { width: 960px; margin: 0 auto; zoom: 1; }
.row:after { display: block; clear: both; content: ""; }
/* 行設定 display:table;*/
.rowTable { width: 960px; margin: 0 auto; display: table; }
/* grid system 列設定*/
.col12 { width: 940px; margin: 0 10px; }
.col11 { width: 860px; margin: 0 10px; float: left; }
.col10 { width: 780px; margin: 0 10px; float: left; }
.col9 { width: 700px; margin: 0 10px; float: left; }
.col8 { width: 620px; margin: 0 10px; float: left; }
.col7 { width: 540px; margin: 0 10px; float: left; }
.col6 { width: 460px; margin: 0 10px; float: left; }
.col5 { width: 380px; margin: 0 10px; float: left; }
.col4 { width: 300px; margin: 0 10px; float: left; }
.col3 { width: 220px; margin: 0 10px; float: left; }
.col2 { width: 140px; margin: 0 10px; float: left; }
.col1 { width: 60px; margin: 0 10px; float: left; }
/* インナーカラム */
.rowInner { zoom: 1; }
.rowInner:after { display: block; clear: both; content: ""; }
.colInner12 { width: 940px; float: left; margin-left: 20px; }
.colInner11 { width: 860px; float: left; margin-left: 20px; }
.colInner10 { width: 780px; float: left; margin-left: 20px; }
.colInner9 { width: 700px; float: left; margin-left: 20px; }
.colInner8 { width: 620px; float: left; margin-left: 20px; }
.colInner7 { width: 540px; float: left; margin-left: 20px; }
.colInner6 { width: 460px; float: left; margin-left: 20px; }
.colInner5 { width: 380px; float: left; margin-left: 20px; }
.colInner4-5 { width: 340px; float: left; margin-left: 20px; }/* =4.5 */
.colInner4 { width: 300px; float: left; margin-left: 20px; }
.colInner3 { width: 220px; float: left; margin-left: 20px; }
.colInner2 { width: 140px; float: left; margin-left: 20px; }
.colInner1 { width: 60px; float: left; margin-left: 20px; }
/* インナーカラム margin-left解除用 */
.rowInner>div:first-child,
.rowTable>div:first-child { margin-left: 0; }
.rowTable>div { display: table-cell; float: none; padding: 0 10px; }
@media only screen and (max-width: 480px) {
.row,
.rowTable { width: 100%; }
.col1,
.col2,
.col3,
.col4,
.col4r,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12,
.colInner1,
.colInner2,
.colInner3,
.colInner4,
.colInner4-5,
.colInner5,
.colInner6,
.colInner7,
.colInner8,
.colInner9,
.colInner10,
.colInner11,
.colInner12 { display: block; width: auto; margin: 0; padding: 0; float: none; }
.rowTable>div { display: block; padding: 0; }
}
section { zoom: 1; margin-bottom: 20px; padding-top: 20px; border-top: 1px solid #ddd; }
section:before,
section:after { content: ""; display: table; }
section:after { clear: both; }
@media only screen and (max-width: 480px) {
section { margin-bottom: 0; padding-top: 0; }
article section:nth-child(even) { background: #fafaff; }
}
/* ===========================================================
  header
=========================================================== */
header { position: relative; min-width: 960px; z-index: 100; }
header .wrapper { padding: 0; }
header .row { position: relative; }
.headerTopBox { min-height: 80px; background: #f1f3f4; background: -moz-linear-gradient(top, #fff, #f1f3f4);/* Firefox */ background: -webkit-gradient(linear, left bottom, left top, color-stop(1, #fff), color-stop(0, #f1f3f4));/* Webkit */ background: -ms-linear-gradient(top, #fff, #f1f3f4);/* IE10+ */ }
.home .headerTopBox { background: transparent; }
@media only screen and (max-width: 480px) {
header { height: 50px; min-width: 240px; -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.5); -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.5); box-shadow: 0 2px 4px rgba(0,0,0,.5); }
.headerTopBox { min-height: 50px; }
.home .headerTopBox { background: -moz-linear-gradient(top, #fff, #f1f3f4);/* Firefox */ background: -webkit-gradient(linear, left bottom, left top, color-stop(1, #fff), color-stop(0, #f1f3f4));/* Webkit */ background: -ms-linear-gradient(top, #fff, #f1f3f4);/* IE10+ */ }
}
/* ロゴ */
.logo { line-height: 1; margin-left: 30px; }
.logo a { display: inline-block; padding: 18px 0; }
.logo a:link,
.logo a:visited { text-decoration: none; }
.logo a:hover,
.logo a:focus { background: none; }
@media only screen and (max-width: 480px) {
.logo { display: table; width: 100%; height: 50px; padding: 0 50px 0 0; margin-left: 0; }
.logo a { display: table-cell; padding: 5px; vertical-align: middle; }
}
/* Google検索
----------------------------------------------------------- */
.searchBox { position: absolute; top: 20px; right: 30px; background: #e2e2e2; border-radius: 15px; overflow: hidden; }
.searchInput { width: 155px; height: 30px; font-size: 16px; line-height: 1; padding: 0px 8px 0px 16px; border-style: none; background: transparent; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.searchInput:focus { width: 300px; outline: none; }
::-webkit-input-placeholder {
color: #666;
font-size:16px;
line-height:1;
padding:4px 0;
}
:-moz-placeholder {
color: #666;
font-size:16px;
line-height:1;
padding:4px 0;
}
:-ms-input-placeholder {
color: #666;
font-size:16px;
line-height:1;
padding:4px 0 4px 12px;
}
placeholder { color: #999; font-size: 14px; line-height: 1; padding: 4px 0; }
.searchBtn { border-radius: 0 15px 15px 0; padding: 0 5px 0 5px; vertical-align: bottom; }
/* スマホ表示時 */
.searchBoxSP { display: none; }
@media only screen and (max-width: 480px) {
.searchBoxSP { position: relative; top: auto; right: auto; margin: 10px 15px; }
.searchBoxSP .searchInput { width: 80%; }
.searchBoxSP .searchBtn { display: block; position: absolute; top: 0; right: 0; }
}
/* グローバルナビゲーション
----------------------------------------------------------- */
/* ハンバーガーボタン */
.glNavBtn { display: none; }
@media only screen and (max-width: 480px) {
.glNavBtn { display: block; width: 50px; height: 50px; position: absolute; top: 0; right: 0; background: transparent url(/common/image/icon_nav_menu.png) no-repeat 0 0; border-left: 1px solid #ddd; }
.humbergerBtn { width: 100%; height: 50px; padding: 8px 10px 0 10px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.humbergerBtn span { display: block; width: 30px; height: 3px; background: #333; margin: 0 0 6px 0; }
/* アクティブ時のアニメーション */
.humbergerBtn.active { position: relative; left: 4px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.humbergerBtn.active .bar1 { -webkit-transform: translateY(10px); transform: translateY(10px); }
.humbergerBtn.active .bar2 { opacity: 0; }
.humbergerBtn.active .bar3 { -webkit-transform: rotate(-90deg) translateX(8px); transform: rotate(-90deg) translateX(8px); }
}
/* グローバルナビゲーション */
.globalNav,
.globalNavHome { margin: 0 3%; padding: 0; display: table; width: 94%; z-index: 1; }
.globalNav li,
.globalNavHome li { line-height: 1; display: table-cell; text-align: center; }
.globalNav a,
.globalNavHome a { color: #333; line-height: 55px; text-decoration: none; height: 55px; vertical-align: middle; padding: 0 1em; display: block; -webkit-transition: color 0.2s 0s ease, background 0.2s 0s ease; transition: color 0.2s 0s ease, background 0.2s 0s ease; }
#glNavHome a,
#glNavProfile a,
#glNavMusic a,
#glNavCulture a,
#glNavInquiry a { color: #333; }
/* ホームのみ */
.home .globalNav { display: none; }
.globalNavHome a:link,
.globalNavHome a:visited { color: #333; }
.globalNav a:hover,
.globalNavHome a:hover,
.globalNav a:active,
.globalNavHome a:active,
.globalNav a:focus,
.globalNavHome a:focus { color: #0e6a8c; opacity: 1; }
 @media only screen and (max-width: 480px) {
header .navBox { position: absolute; top: 50px; right: -100%; width: 100%; background: #9cc2d0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 1000; -webkit-box-shadow: 0px 4px 6px rgba(0,0,0,0.5); -moz-box-shadow: 0 4px 6px rgba(0,0,0,0.5); box-shadow: 0 4px 6px rgba(0,0,0,.5); }
header .navBox.active { right: 0; }
.home .globalNav { display: block; }
.globalNav { display: block; border-radius: 0; margin: 0; width: 100%; }
.globalNav li { margin: 0; text-align: left; display: block; }
.globalNav ul { margin: 0; padding: 0; }
.globalNav ul li { padding-left: 1.5em; }
.globalNav li a { color: #38474c; display: block; border-top: 1px solid #fff; padding: 15px; height: auto; line-height: 1; }
.globalNav li li a { border-left: 1px solid #fff; }
.globalNav li:first-child a,
.globalNav > li:last-child a { border-radius: 0; }
.globalNavHome { display: none; }
}
/* サブナビゲーション PC */
.subNavBox ul { text-align: center; margin: 0; padding: 0; }
.subNavBox li { text-align: center; display: inline-block; margin: 0 0 0 20px; }
.subNavBox li:first-child { margin-left: 0; }
.subNavBox li a { color: #333; line-height: 30px; margin: 10px 0; padding: 0 1.2em; display: block; height: 30px; background: #f1f4f4; border-radius: 15px; }
.subNavBox li a:hover,
.subNavBox li a:active { background: #d3e2e8; text-decoration: none; }
.subNavProfile,
.subNavMusic,
.subNavCulture { display: none; }
@media only screen and (max-width: 480px) {
.subNavBox { display: none; }
}
/* ===========================================================
  footer
=========================================================== */
footer { background: #9cc2d0; min-width: 960px; }
footer .wrapper { padding: 0; }
@media only screen and (max-width: 480px) {
footer { min-width: 240px; }
}
/* ページトップへ
----------------------------------------------------------- */
/* 初期位置指定 */
.pagetopPC { position: fixed; right: 80px; bottom: -80px; overflow: hidden; z-index: 2000; text-align: center; }
.pagetopPC a { font-size: 20px; line-height: 50px; color: #fff; text-decoration: none; padding: auto; background: #262626; border: 3px solid #fff; border-radius: 50%; width: 50px; height: 50px; display: block; position: relative; -webkit-transition: all 0.4s ease 0; transition: all 0.4s ease 0; text-decoration: none; cursor: pointer; }
.pagetopPC a:visited { color: #fff; }
.pagetopPC a:active,
.pagetopPC a:focus { text-decoration: none; }
.pagetopPC a:hover { opacity: 0.5; text-decoration: none; }
@media only screen and (max-width: 480px) {
.pagetopPC { display: none; }
}
.pagetopSP { display: none; }
@media only screen and (max-width: 480px) {
.pagetopSP { display: block; text-align: center; background: #f1f3f4; background: -moz-linear-gradient(top, #fff, #f1f3f4);/* Firefox */ background: -webkit-gradient(linear, left bottom, left top, color-stop(1, #fff), color-stop(0, #f1f3f4));/* Webkit */ background: -ms-linear-gradient(top, #fff, #f1f3f4);/* IE10+ */ }
.pagetopSP a { display: block; padding: 1em; border-top: 1px solid #ddd; }
}
/* コンテンツ内に表示させる場合 スマホのみ */
.pagetopInContentsSP { display: none; }
@media only screen and (max-width: 480px) {
.pagetopInContentsSP { display: block; font-size: 14px; line-height: 1; text-align: center; margin: 20px 0 0 0; }
.pagetopInContentsSP a { display: block; padding: .8em; background: #f1f4f4; border-radius: 20px; }
}
/* ナビゲーション */
.footerNav { padding: 40px 0 20px 0; margin-left: 0; }
.footerNav li { margin: 0 0 .5em 0; }
.footerNav a { color: #38474c; text-decoration: none; display: inline-block; }
.footerNav a:visited { color: #38474c; }
.footerNav a:hover,
.footerNav a:active,
.footerNav a:focus { text-decoration: underline; }
.footerNav a:hover { opacity: 1; }
@media only screen and (max-width: 480px) {
.footerNav { padding: 0; margin: 0; }
.footerNav li { margin: 0; }
.footerNav a { display: block; padding: .5em; }
}
/* 財団情報 */
.addressBox { font-size: 14px; padding: 8px 0; }
.address { display: inline; }
.addressTel,
.addressFax { display: inline; margin-left: 1em; }
@media only screen and (max-width: 480px) {
.addressBox { background: #fff; margin: 20px 0 0 0; padding: 16px 8px; }
.addressName { margin-bottom: 8px; }
.addressTel,
.addressFax { display: block; margin-left: 0; }
}
/* Copyright */
footer .copyright { font-size: 12px; line-height: 1.3; text-align: center; padding: 15px 0; color: #fff; background: #262626; }
/* ===========================================================
  main
=========================================================== */
.contents { margin-bottom: 50px; }
@media only screen and (max-width: 480px) {
.contents { margin: 20px 10px 40px 10px; }
}
/* text, heading */
.h1Box { padding: 40px 10px 0 10px; margin-bottom: 30px; }
.h1Box section,
.h1CategoryTopBox section { border-top: none; padding-top: 0; }
.h1Box .contents { margin-bottom: 0; }
h1 { color: #333; font-size: 30px; line-height: 1.3; font-weight: normal; text-align: center; margin: 10px 0; }
h1 img { vertical-align: middle; }
@media only screen and (max-width: 480px) {
.h1Box { padding: 30px 10px 0 10px; margin-bottom: 30px; }
h1 img { display: block; margin: 0 auto 10px auto; }
}
h2 { font-size: 24px; line-height: 1.4; margin: 0 0 20px 0; font-weight: normal; position: relative; }
h3 { font-size: 20px; line-height: 1.4; margin: 0 0 20px 0; color: #333; font-weight: normal; }
h4 { font-size: 16px; line-height: 1.5; margin: 0 0 15px 0; color: #000; }
h5 { font-size: 14px; line-height: 1.5; margin: 0 0 15px 0; color: #000; }
h6 { font-size: 14px; line-height: 1.5; margin: 0 0 15px 0; color: #000; font-weight: normal; }
p { margin: 0 0 20px 0; }
.lead { margin: 40px 80px 0 80px; }
@media only screen and (max-width: 480px) {
.lead { margin: 20px 10px 0 10px; }
}
::-moz-selection {
color: #fff;
background: #acacac;
text-shadow:none;
}
::selection { color: #fff; background: #333; text-shadow: none; }
/* 文頭に数字等が入ってインデントした場合の見出し */
.numHead { padding-left: 1.7em; text-indent: -2em; }
h2.numHead:after { left: 0; }
.numHead .numHeadNum { display: inline-block; width: 1.7em; margin-right: 0.3em; text-align: right; }
/* ul, ol, dl */
ul,
ol { margin: 0 0 20px 1em; padding-left: 1em; }
ol ol,
ul ul,
ol ul,
ul ol { padding-left: 0; padding-top: .5em; }
li { position: relative; margin: 0 0 .5em 1.5em; }
nav li { list-style: none; }
ol>li { list-style-type: decimal; }
.roman li { list-style-type: lower-roman; }
.alpha li { list-style-type: lower-alpha; }
dl { margin: 0 0 20px 0; }
dt { font-weight: bold; padding: 4px 0 0 0; }
dd { margin: 0 0 8px 0; padding: 4px 0 8px 0; border-bottom: 1px solid #eef1f4; }
dd ul:last-child,
dd ol:last-child,
dd p:last-child { margin-bottom: 0; }
.floatDl dt { clear: both; float: left; margin-bottom: .5em; }
.floatDl dt:before { content: ""; display: block; width: 100%; }
/* figure */
figure { margin: 0 0 20px 0; }
.figTitle { color: #050505; }
/* table */
table { margin: 0 0 20px 0; border-collapse: collapse; word-break: break-all; word-wrap: break-word; }
caption { font-size: 14px; text-align: right; }
th { padding: 4px 6px; vertical-align: middle; }
thead th { color: #333; text-align: center; border-bottom: 1px solid #ccc; border-right: 1px dashed #ccc; }
thead tr:first-child { border-top: 2px solid #333; }
thead tr:last-child { border-bottom: 2px solid #333; }
thead th:last-child { border-right: 0; }
tr:nth-of-type(2n) { background-color: #f9faff; }
tbody tr:hover { background: #eef1f4; }
tbody th,
tbody td { border-right: 1px dashed #ccc; border-bottom: 1px solid #ccc; }
tbody th:last-child,
tbody td:last-child { border-right: 0; }
td { padding: 4px 6px; vertical-align: middle; }
tfoot tr:first-child { border-top: 2px solid #333; }
tfoot tr:last-child { border-bottom: 2px solid #333; }
tfoot th { text-align: center; }
tfoot th,
tfoot td { border-right: 1px dashed #ccc; }
tfoot td:last-child { border-right: none; }
strong { color: #000; font-weight: bold; }
em { color: #333; font-weight: bold; font-style: normal; }
small,
.small { font-size: 85%; } /* small要素は著作社名などを表記する要素のため、文字サイズを縮小したときはspan.smallを使用すること */
cite { font-style: normal; }
/* link */
a { color: #286bda; }
a:link { text-decoration: none; }
a:visited { color: #286bda; }
a:hover,
a:focus,
a:active { opacity: .7; text-decoration: underline; }
/* 見出し内にリンクを入れ子するとき */
.linkInHeading { position: relative; float: right; top: 6px; font-size: 16px; }
.linkArrow:after { content: "→"; padding-left: 4px; }
/* クラス
----------------------------------------------------------- */
/* 注意書き */
.note { padding: 20px; background: #eaeaea; margin-bottom: 20px; }
/* 枠線 */
.border { border: 1px solid #ddd; padding: 20px 20px 0 20px; margin-bottom: 20px; }
/* パンくずリスト */
.breadcrumbBox { padding: 15px 0 5px 0; }
.breadcrumb { margin: 0; font-size: 0; padding: 0 10px; }
.breadcrumb li { font-size: 14px; line-height: 1; display: inline; margin: 0; padding: 0; }
.breadcrumb li:after { content: ""; width: 8px; height: 8px; display: inline-block; border-top: 1px solid #333; border-right: 1px solid #333; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: relative; margin: 0 1em 0 .9em; }
.breadcrumb li:last-child:after { content: none; }
.breadcrumb a { text-decoration: none; }
.breadcrumb a:hover,
.breadcrumb a:focus { text-decoration: underline; }
@media only screen and (max-width: 480px) {
.breadcrumbBox { display: none; }
}
/* 目次 */
.tocBox { font-size: 14px; margin: 0; padding: 20px; background: #f1f4f4; }
.tocTitle:before { content: url(../image/icon_toc.png); margin-right: 8px; vertical-align: middle; }
.toc { margin: 10px 0 0 0; }
.toc li a { padding: .5em 0; }
@media only screen and (max-width: 480px) {
.tocTitle { text-align: center; }
.toc { margin: 10px 0 20px 0; }
}
/* ファイルアイコン追加 ::は2つ入れないとIE8で読み込まれてクラッシュする（IE9の開発者モードで確認） */
.filesize { font-size: 80%; color: #666; }
a[target="_blank"]::after { content: url(/common/image/icon_link_blank.png); text-decoration: none; margin-left: 4px; }
a[href$=".pdf"]::after { content: url(/common/image/icon_pdf_s.png); margin-left: 4px; position: relative; top: 2px; text-decoration: none; }
a[href$=".doc"]::after,
a[href$=".docx"]::after { content: url(/common/image/icon_word_s.png); margin-left: 4px; position: relative; top: 2px; text-decoration: none; }
a[href$=".xls"]::after,
a[href$=".xlsx"]::after { content: url(/common/image/icon_excel_s.png); margin-left: 4px; position: relative; top: 2px; text-decoration: none; }
/* カテゴリートップのH1、キービジュアル
----------------------------------------------------------- */
/* h1、キービジュアル */
.h1CategoryTopBox { width: 940px; height: 295px; margin: 10px 10px 50px 10px; }
.profile .h1CategoryTopBox { background: url(../../profile/image/keyvisual_profile.jpg) no-repeat 0 0; }
.music .h1CategoryTopBox { background: url(../../music/image/keyvisual_music.jpg) no-repeat 0 0; }
.culture .h1CategoryTopBox { background: url(../../culture/image/keyvisual_culture.jpg) no-repeat 0 0; }
.inquiry .h1CategoryTopBox { background: url(../../inquiry/image/keyvisual_inquiry.jpg) no-repeat 0 0; }
.h1CategoryTop { font-size: 38px; line-height: 1.5; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
.profile .h1CategoryTop { margin-top: 135px; text-shadow: 0 0 1px #e3f8fc, 0 0 2px #e3f8fc, 0 0 3px #e3f8fc, 0 0 5px #e3f8fc; }
.profile .h1Inner { padding: 10px; background: rgba(227,248,252,.6); }
.music .h1CategoryTop { margin-top: 135px; }
.culture .h1CategoryTop { margin-top: 70px; }
.inquiry .h1CategoryTop { margin: 135px 0 0 140px; }
 @media only screen and (max-width: 480px) {
.h1CategoryTopBox { display: table; width: 100%; height: 180px; margin: 0; padding: 10px; }
.h1CategoryTopBox .contents { margin: 0; display: table; width: 100%; height: 180px; }
.profile .h1CategoryTopBox { background-position: 20% 0; background-size: cover; }
.music .h1CategoryTopBox { background-position: 20% 0; background-size: cover; }
.inquiry .h1CategoryTopBox { background-position: 15% 0; background-size: cover; }
.culture .h1CategoryTopBox { background-position: 0 0; background-size: cover; }
.culture .h1CategoryTopBox .rowInner { display: table; width: 100%; }
.culture .h1CategoryTopBox .colInner6 { display: table-row; height: 180px; }
.profile .h1CategoryTop { font-size: 32px; line-height: 1.2; margin: 0; text-align: center; display: table-cell; vertical-align: middle; }
.music .h1CategoryTop { font-size: 32px; line-height: 1.2; margin: 0; text-align: center; display: table-cell; vertical-align: middle; text-shadow: 0 0 5px #e3f8fc, 0 0 5px #e3f8fc, 0 0 5px #e3f8fc, 0 0 10px #e3f8fc, 0 0 10px #e3f8fc, 0 0 10px #e3f8fc, 0 0 15px #e3f8fc, 0 0 15px #e3f8fc, 0 0 15px #e3f8fc, 0 0 15px #e3f8fc; }
.music .h1Inner {/*  padding: 10px; background: rgba(227,248,252,.6); */ }
.culture .h1CategoryTop { font-size: 32px; line-height: 1.2; margin: 0; text-align: center; display: table-cell; vertical-align: middle; text-shadow: 0 0 1px #e4e0d2, 0 0 2px #e4e0d2, 0 0 3px #e4e0d2, 0 0 5px #e4e0d2; }
.inquiry .h1CategoryTop { font-size: 28px; line-height: 1.2; margin: 0; text-align: center; display: table-cell; vertical-align: middle; }
.inquiry .h1Inner { padding: 10px; background: rgba(255,255,255,.6); }
}
a.backtoHome { display: inline-block; width: 12em; padding: .5em 1.5em; color: #333; text-align: center; background: #f1f4f4; border-radius: 15px; }
/* モジュール
----------------------------------------------------------- */
/* 明治安田クオリティオブライフ財団とは */
.mainMdlAbout { border: 5px solid #ddd; padding: 20px; margin: 20px 0 40px 0; background: #fcfaed; }
.mainMdlTitle { font-size: 24px; margin-bottom: 20px; position: relative; }
@media only screen and (max-width: 480px) {
.mainMdlAbout { margin: 0 10px 20px 10px; }
.mainMdlTitle { font-size: 20px; line-height: 1.3; }
.mainMdlTitle span a { padding: 8px 8px; }
.mainMdlBody { clear: both; }
}
/* お知らせ 表示件数の制御は各ページのJSにて行う */
.newsBox { padding-top: 20px; margin-bottom: 0; }
.whatsnew { font-size: 0; }
.newsDate { font-size: 16px; display: inline-block; width: 135px; margin-right: 20px; font-weight: normal; clear: left; vertical-align: top; }
.newsCategory { display: inline-block; width: 130px; margin-right: 20px; font-size: 12px; text-align: center; letter-spacing: 0.05em; padding: 2px 5px; color: #fff; position: relative; top: 4px; vertical-align: top; }
.newsCategory.catNews { background: #666; } /* 財団からのお知らせ */
.newsCategory.catMusic { background: #1e6309; } /* 音楽分野 */
.newsCategory.catCulture { background: #ee6603; } /* 地域の伝統文化分野 */
.newsBody { font-size: 16px; display: inline-block; width: 635px; vertical-align: top; border-bottom: none; position: relative; }
.newsBody:after { content: ""; display: block; height: 1px; width: 940px; border-bottom: dotted 1px #666; position: absolute; bottom: -6px; right: 0; margin-bottom: 4px; }
.home .newsBody:nth-child(15):after { content: none; }
.music .catNews,
.music .catCulture { display: none; }
.culture .catNews,
.culture .catMusic { display: none; }
@media only screen and (max-width: 480px) {
.newsBox { padding-top: 10px; }
.newsDate { font-size: 14px; width: 120px; }
.newsCategory { float: right; margin-right: 0; }
.newsBody { width: 100%; padding-bottom: 12px; margin-bottom: 12px; }
.newsBody:after { width: 100%; }
}
/* 汎用クラス
----------------------------------------------------------- */
.pcDisplayNone { display: none; }
@media only screen and (max-width: 480px) {
.pcDisplayNone { display: block; }
.spDisplayNone { display: none; }
}
.noborder { border: none; }
.small { font-size: 85%; }
.smaller { font-size: 80%; }
.smallest { font-size: 70%; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.middle { vertical-align: middle; }
.nobr { display: inline-block; }
.nowrap { white-space: nowrap; }/* 改行しないTDなどに設定 */
/* ===========================================================
  ホーム
=========================================================== */
/*キービジュアル*/
.keyvisual { position: absolute; top: 0; width: 100%; padding: 0; z-index: 0; }
.keyvisual .row,
.keyvisual .col12 { width: 100%; margin: 0; }
.bxslider { margin: 0; padding: 0; }
.bxslider li { margin: 0; vertical-align: baseline; }
main section ul.bxslider>li:before { content: none; }
.keyvisual a { color: #333; }
.keyvisual a:hover { text-decoration: none; }
.keyvisualInner_1,
.keyvisualInner_2,
.keyvisualInner_3 { width: 100%; height: 485px; padding: 80px 10px 10px 10px; }
.keyvisualInner_1 { background: transparent url(/image/keyvisual_qol.jpg) repeat-x center 0; }
.keyvisualInner_2 { background: transparent url(/image/keyvisual_music.jpg) repeat-x center 0; }
.keyvisualInner_3 { background: transparent url(/image/keyvisual_culture.jpg) repeat-x center 0; }
.rowKeyvisual { width: 960px; margin: 0 auto; }
/* インナーカラム margin-left解除用 */
.rowKeyvisual>div:first-child { margin-left: 0; }
.keyvisualTitleQOL,
.keyvisualTitleMusic,
.keyvisualTitleCulture { color: #434343; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif; line-height: 1.5; text-indent: 0; }
.keyvisualTitleQOL { text-align: center; margin: 100px 20px 0 20px; }
.qol { font-family: "メイリオ", Meiryo, sans-serif }
.catch { font-size: 40px; display: inline-block; padding: 10px 20px; text-shadow: 0 0 5px #e3f8fc, 0 0 5px #e3f8fc, 0 0 5px #e3f8fc, 0 0 10px #e3f8fc, 0 0 10px #e3f8fc, 0 0 10px #e3f8fc, 0 0 15px #e3f8fc, 0 0 15px #e3f8fc, 0 0 15px #e3f8fc, 0 0 15px #e3f8fc;/*  background: rgba(227,248,252,.6);  */ }
.keyvisualTitleMusic { font-size: 38px; text-shadow: 0 0 5px #e3f8fc, 0 0 5px #e3f8fc, 0 0 5px #e3f8fc, 0 0 10px #e3f8fc, 0 0 10px #e3f8fc, 0 0 10px #e3f8fc, 0 0 15px #e3f8fc, 0 0 15px #e3f8fc, 0 0 15px #e3f8fc, 0 0 15px #e3f8fc; margin: 180px 20px 0 170px; }
.keyvisualTitleCulture { font-size: 38px; text-align: center; margin: 130px 0 0 80px; }
/* 地域の伝統文化分野の写真（地域の伝統文化分野トップページもここで指定） */
.keyvisualCulturePictureBox { height: 295px; position: relative; }
.home .keyvisualCulturePictureBox { height: 370px; }
.keyvisualCulturePictureBox:last-child { left: -15px; }
.keyvisualCulturePictureBox figure { margin: 15px 0 10px 0; }
.home .keyvisualCulturePictureBox figure { margin: 30px 0 10px 0; }
.keyvisualCulturePictureBox:last-child figure { position: absolute; bottom: 0; }
.keyvisualCulturePicture { display: table-cell; width: 220px; height: 220px; text-align: center; }
.keyvisualCulturePicture { vertical-align: bottom; }
.keyvisualCulturePicture img { display: block; margin: 5px auto; }
.keyvisualCulturePictureBox figcaption { font-size: 11px; display: block; text-align: center; }
@media only screen and (max-width: 480px) {
.keyvisualInner_1,
.keyvisualInner_2,
.keyvisualInner_3 { display: table; width: 100%; height: 240px; background-position: center top; background-size: cover; }
.keyvisualInner_1 { background-position: 50% top; }
.keyvisualInner_2 { background-position: 45% top; }
.keyvisualInner_3 { background-position: 30% top; }
.rowKeyvisual { width: 100%; height: 100%; padding: 0 10px 20px 10px; display: table-cell; vertical-align: middle; }
.keyvisualTitleQOL,
.keyvisualTitleMusic,
.keyvisualTitleCulture { font-size: 32px; line-height: 1.2; margin: 0; padding: 0; text-align: center; }
.qol { display: none; }
.catch { font-size: 28px; padding: 10px; }
.keyvisualTitleMusic .titleInner { display: inline-block; padding: 10px;/*  background: rgba(227,248,252,.8); */ }
.keyvisualCulturePictureBox { display: none; }
}
/* グローバルナビゲーション */
.globalNavHomeBox { margin-bottom: 30px; }
.globalNavHome { margin: 445px auto 0 auto; }
.globalNav .subNavProfile,
.globalNav .subNavMusic,
.globalNav .subNavCulture { display: none; }
@media only screen and (max-width: 480px) {
.globalNavHome { display: none; }
.globalNav .subNavProfile,
.globalNav .subNavMusic,
.globalNav .subNavCulture { display: block; }
}
/* カテゴリページへのショートカット */
.shortcutNav { padding: 0; font-size: 0; }
.shortcutNav li { font-size: 16px; display: inline-block; padding: 0; margin:0; }
.shortcutNav li:first-child { margin-right: 20px; }
@media only screen and (max-width: 480px) {
.shortcutNav { margin: 210px auto 0 auto; }
.shortcutNav li { display: block; margin:0; }
.shortcutNav li:first-child { margin: 0 0 20px 0; }
}
/* バナーリンク */
.bannerBlock { border-top: 1px solid #ccc; }
.bannerLink { margin: 0 10px; padding: 0; font-size: 0; }
.bannerLink li { font-size: 16px; display: inline-block; width: 460px; text-align: center; padding: 10px 0; margin: 0; vertical-align: top; }
.bannerLink li:first-child { border-right: 1px solid #ccc; }
.bannerLink li a[target="_blank"]:after { content: none; }
.mecenatLink { color: #333; display: inline-block; width: 320px; height: 59px; text-align: center; line-height: 59px; }
.mecenatLink:link,
.mecenatLink:visited { color: #333; }
@media only screen and (max-width: 480px) {
.bannerBlock { margin: 0; border-top:none; }
.bannerLink { margin-bottom: 20px; }
.bannerLink li { width: 100%; }
.bannerLink li:first-child { border-right: none; }
.mecenatLink { width: 100%; max-width: 320px; min-height: 59px; height: auto; }
.bannerLink li a[target="_blank"]::after { content:none;}
}
/* ===========================================================
  財団紹介
=========================================================== */
.dlProfile dt { float: left; width: 6em; clear: left; font-weight: normal; }
.dlProfile dd { padding-left: 8em; }
@media only screen and (max-width: 480px) {
.dlProfile dt { float: none; }
.dlProfile dd { padding-left: 1em; }
}
/* ===========================================================
  音楽分野への助成・地域の伝統文化分野への助成トップ
=========================================================== */
/* 下層ページへのショートカット */
.shortcutNavCategoryTop { display: table; width: 100%; margin-left: 0; padding: 0; }
a.sct { display: table-cell; width: 33%; text-align: center; list-style: none; padding: 20px 40px; color: #333; text-decoration: none; border-left: 1px solid #ddd; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.sct:first-child { border-left: none; }
.sct:hover { background: #d3e2e8; }
.sctTitle { font-size: 24px; display: table; width: 100%; margin: 10px 0 20px 0; }
.sctTitleInner { display: table-cell; height: 2.5em; vertical-align: middle; line-height: 1.1; }
.sct p { font-size: 14px; }
@media only screen and (max-width: 480px) {
.shortcutNavCategoryTop { display: block; }
a.sct { display: block; width: auto; margin-left: 0; padding: 20px 0 0 0; border-top: 1px solid #ddd; border-left: none; }
.sct:first-child { border-top: none; }
.sctTitle { display: block; }
.sctTitleInner { display: block; height: auto; }
}
/* ===========================================================
  音楽分野への助成・地域の伝統文化分野への助成 公募概要
=========================================================== */
.scheduleDl dt { width: 6em; }
.scheduleDl dd { padding-left: 7em; }
/* ===========================================================
  音楽分野への助成・地域の伝統文化分野への助成 機関紙
=========================================================== */
.organpaperBox { border-bottom: 1px solid #ddd; padding: 20px 0; }
.organpaperBox .colInner4 { width: 320px; border-right: 1px solid #ddd; padding: 20px 0 0 0; }
.organpaperBox .colInner4:last-child { border-right: none; }
.organpaperBox a { padding: 20px 0 0 0; }
.organpaperBox h3 { font-size: 18px; text-align: center; margin-bottom: 10px; }
.pubDate { font-size: 14px; font-weight: normal; display: block; }
.organpaperBox figure { text-align: center; margin-bottom: 10px; }
.organpaperBox figure img { border: 1px solid #ddd; }
.organpaperBox figcaption { text-align: left; }
.organpaperBox ul { margin: 0 10px; padding: 0; font-size: 14px; }
.organpaperBox ul ul { margin: 0; }
.organpaperBox li { margin-bottom: 0; }
.prefatoryNote { font-weight: bold; }
.organpaperDownload { text-align: center; padding: .5em; }
 @media only screen and (max-width: 480px) {
.organpaperBox { padding: 0; border-top: none; }
.organpaperBox .colInner4 { width: 100%; border-right: none; border-top: 1px solid #ddd; padding: 20px 0 0 0; }
.organpaperBox .noborder { border: none; padding: 0; }
.organpaperBox figure img { display: none; }
}
/* ===========================================================
  音楽分野への助成・地域の伝統文化分野への助成 過去の助成者・対象者一覧
=========================================================== */
/* 年度タブ */
.yearTab { font-size: 14px; text-align: center; margin: 0; padding: 0; }
.yearTab li { display: inline-block; margin: 0 0 0 20px; }
.yearTab li:first-child { margin-left: 0; }
.yearTab li a { color: #333; line-height: 1; margin: 10px 0; padding: 0.8em 1.2em; display: block; background: #f1f4f4; border-radius: 20px; }
.yearTab li a:hover,
.yearTab li a:active { background: #d3e2e8; text-decoration: none; }
@media only screen and (max-width: 480px) {
.yearTab li { display: block; margin: 20px 0; }
.yearTab li a { padding: .8em; }
}
/* 表組 */
.pastDescription { margin: 0 auto; width: 480px; }
.pastlist { width: 100%; }
.pastlist thead th { line-height: 1.3; }
.pastlist td { text-align: right; }
.pastlist tr td:first-child { width: 5em; text-align: center; }
@media only screen and (max-width: 480px) {
.pastDescription { display: table; width: 100%; }
.pastlist { width: 700px; }
.pastDescription,
.pastlist { font-size: 14px; }
.pastDescription caption,
.pastlist caption { text-align: left; }
.pastDescription td,
.pastlist td { white-space: nowrap; }
.tableScroll { overflow: scroll; border-top:1px solid #333; border-bottom:1px solid #333; }
.tableScroll:before { content:"←左右にスクロールしてください→"; display:block; text-align:center; font-size:85%; color:#666; padding:4px;}
}
/* 音楽分野 > 助成対象者一覧表 */
.recipientsList-left,
.recipientsList-right { width: 100%; }
.recipientsList-left td,
.recipientsList-right td { text-align: center; }
.recipientsList-left td:first-child,
.recipientsList-right td:first-child { width: 60%; }
@media only screen and (max-width: 480px) {
.recipientsList-left { margin-bottom: 0; }
.recipientsList-right thead { display: none; }
.recipientsList-right tbody tr:nth-of-type(2n) { background-color: #fff; }
.recipientsList-right tbody tr:nth-of-type(2n+1) { background-color: #f9faff; }
}
/* 注意書き */
.annotationUL { background: #eaeaea; padding: 20px 20px 12px 20px; margin: 0; list-style-type: disc; }
.annotation { font-weight: bold; font-size: 80%; color: #dd4400; margin: 0 4px; }
/* ===========================================================
  お問い合わせ
=========================================================== */
/* メールでのお問い合わせ */
.inquiryMailBox { border: 5px solid #ddd; padding: 20px; background: #fafafa; text-align: center; margin-bottom: 20px; }
.inquiryMailBox h3 .small { display: block; }
@media only screen and (max-width: 480px) {
}
/* 電話・FAXでのお問い合わせ */
.inquiryTelFaxBox { border: 5px solid #ddd; padding: 20px 0; background: #fafafa; text-align: center; margin-bottom: 0; }
.inquiryTelFaxBox .colInner6 { width: 440px; }
.telfax { font-size: 24px; font-weight: bold; margin-bottom: 10px; }
.telfax img { vertical-align: middle; margin-right: 10px; }
.inquiryTelFaxBox p { margin-bottom: 0; }
@media only screen and (max-width: 480px) {
.inquiryTelFaxBox .colInner6 { width: auto; margin-bottom: 20px; }
.inquiryTelFaxBox p { border-bottom: 2px solid #ddd; margin-bottom: 20px; padding-bottom: 20px; }
}
/* ===========================================================
  個人情報保護方針
=========================================================== */
.revisionHistory li { list-style: none; text-align: right; margin-bottom: 0; }