@charset "utf-8"; /* =========================================================== * * みどの福祉会　地域貢献活動　スタイルシート * Last UpDate : 2021/07/06 * =========================================================== */ /* ---------------------------------------------------------- style.css index 1 - ページ共通css 2 - リンクの色 3 - 見出し 4 - 背景 5 - レイアウト 6 - ヘッダー 7 - フッター 8 - グローバルナビゲーションgNavi 9 - ローカルナビゲーションlNavi 10 - コンテンツ ---------------------------------------------------------- */ /* ---------------------------------------------------------- 1 - ページ共通css ---------------------------------------------------------- */ /* ---------------------------------------------------------- 2 - リンクの色 ---------------------------------------------------------- */ /* ---------------------------------------------------------- 3 - 見出し ---------------------------------------------------------- */ /* ---------------------------------------------------------- 4 - 背景 ---------------------------------------------------------- */ /* ---------------------------------------------------------- 5 - レイアウト ---------------------------------------------------------- */ /* ---------------------------------------------------------- 6 - ヘッダー ---------------------------------------------------------- */ /* ---------------------------------------------------------- 7 - フッター ---------------------------------------------------------- */ /* ---------------------------------------------------------- 8 - グローバルナビゲーションgNavi ---------------------------------------------------------- */ /* ---------------------------------------------------------- 9 - ローカルナビゲーションlNavi ---------------------------------------------------------- */ /* ---------------------------------------------------------- 10 - コンテンツ ---------------------------------------------------------- */ /************** 発行物 **************/ #contents .manmaruSecIssue{ width: 830px; overflow: hidden; margin: 0 auto 80px auto; line-height: 1.6em; display: flex; justify-content: space-between; flex-wrap: wrap; } #contents .manmaruSecIssue:after{ content: ""; display: block; width: 33%; } #contents .manmaruSecIssue br{ display:none; } .w3eden{ float:left; width:33%; padding:10px; } .media{ } .media .pull-left{ margin-right:10px; } .media .media-body{ font-size:16px; } .media .media-body .ptitle{ display:none; } .package-title{ display: none; } .text-muted{ display: none !important; } .wpdmdl-btn{ display: block !important; } .media{ display: flex; } .media img.wpdm_icon{ margin-right: 10px; } .media-body h3{ background: none; font-size: 18px; color: #344789; border-top: 0; border-bottom: 0; border-left: none; border-right: none; letter-spacing:1px; padding:0; margin-bottom:30px; border-radius:0; } .w3eden .card{ border-right: none !important; border-left: none !important; border-top: none !important; border-bottom: none !important; } .w3eden .card-body{ padding: 10px !important; } img.wpdm_icon{ width: auto; height: 42px; } a.wpdm-download-link{ font-family: "heisei-maru-gothic-std",sans-serif !important; } .wpdm_icon, .w3eden .img-48, .w3eden .img-48 img{ width: 35px !important; } .w3eden .media{ align-items: center !important; } .w3eden{ flex-basis: 31%; margin: 0 1% 20px 1%; } .w3eden .mr-3{ margin-right: 0 !important; } .w3eden .ml-3{ margin-left: 0 !important; } .w3eden .media-body{ flex: 0 !important; } .media{ } .media .pull-left{ margin-right:10px; } .media .media-body{ font-size:16px; } .media .media-body .ptitle{ display:none; } .wpdmdl-btn a{ text-align: left !important; } .media .media-body{ font-size:16px; display: none; } .wpdmdl-btn a{ text-align: left !important; } .well.c2a3 .btn{ padding: 0 !important; } /************** 広報紙 issue **************/ #main .issueSec01{ overflow:hidden; margin-top:80px; } #main .issueSec01:after{ content:""; display:block; clear:both; } #main .issueSec01 table{ border-collapse:collapse; border:2px solid #cb0606; } #main .issueSec01 table th{ width:80px; padding:20px; border-right:2px solid #cb0606; } #main .issueSec01 table td{ width:770px; padding:20px; } #main .issueSec01Txt{ float:left; width:450px; margin-right:30px; } #main .issueSec01Btn{ float:left; width:210px; margin-top:10px; } #main .issueSec01Btn a { display:block; color:#fff; font-size:18px; font-weight:bold; padding:10px 0; background-color:#cb0606; border:2px solid #cb0606; text-align:center; text-decoration:none; } #main .issueSec01Btn a:hover { color:#cb0606; background-color:#fff; } #main .issueSec01Btn a { -ms-filter: "alpha( opacity=60 )"; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------SPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSP SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSP ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ @media screen and (max-width:640px){ /* ---------------------------------------------------------- 3 - 見出し SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS ---------------------------------------------------------- */ /* ---------------------------------------------------------- 6 - ヘッダー SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS ---------------------------------------------------------- */ /* ---------------------------------------------------------- 7 - フッター SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS ---------------------------------------------------------- */ /* ---------------------------------------------------------- 8 - グローバルナビゲーションgNavi SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS ---------------------------------------------------------- */ /* ---------------------------------------------------------- 9 - ローカルナビゲーションlNavi SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS ---------------------------------------------------------- */ /* ---------------------------------------------------------- 10 - コンテンツ SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS ---------------------------------------------------------- */ /************** 発行物 **************/ #contents .manmaruSecIssue{ width: 90%; overflow: hidden; margin: 0 auto 40px auto; } #contents .manmaruSecIssue br{ display:none; } .w3eden{ float:none; width:100%; padding:10px; } .media{ } .media .pull-left{ margin-right:10px; } .media .media-body{ font-size:16px; } .media .media-body .ptitle{ display:none; } #main .issueSec01 { display: none; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ TABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTAB TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTAB ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ @media screen and (min-width:641px) and (max-width:1024px){ /* ---------------------------------------------------------- 3 - 見出し TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS ---------------------------------------------------------- */ /* ---------------------------------------------------------- 6 - ヘッダー TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS ---------------------------------------------------------- */ /* ---------------------------------------------------------- 7 - フッター TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS ---------------------------------------------------------- */ /* ---------------------------------------------------------- 8 - グローバルナビゲーションgNavi TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS ---------------------------------------------------------- */ /* ----------------------------------------- ----------------- 9 - ローカルナビゲーションlNavi TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS ---------------------------------------------------------- */ /* ---------------------------------------------------------- 10 - コンテンツ TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS ---------------------------------------------------------- */ /************** 発行物 **************/ #contents .manmaruSecIssue{ width: 90%; overflow: hidden; margin: 0 auto 40px auto; line-height: 1.6em; } #contents .manmaruSecIssue br{ display:none; } .w3eden{ float:left; width:33%; padding:10px; } .media{ } .media .pull-left{ margin-right:10px; } .media .media-body{ font-size:14px; } .media .media-body .ptitle{ display:none; } #main .issueSec01 { display: none; } }