/*----------------------------------------------------------------------------------------------------------------------------------*/ /* テーマ関連 /*----------------------------------------------------------------------------------------------------------------------------------*/ a { color:#2b913d; text-decoration: none;} a:hover { color:#ffffff;} a.btn, .linkBtn.linkBtnS a, .linkBtn.linkBtnM a, .moreLink a, .btn.btnS a, .btn.btnM a, .btn.btnL a, #content p.btn.btnL input, #tribe-events-content p.btn.btnL input, input[type=button], input[type=submit], #searchform input[type=submit], p.form-submit input[type=submit], form#searchform input#searchsubmit, #content form input.wpcf7-submit, #tribe-events-content form input.wpcf7-submit, #confirm-button input, ul.tribe-events-sub-nav a, .tribe-events-back a, .tribe-events-list-widget .tribe-events-widget-link a, .tribe-events-adv-list-widget .tribe-events-widget-link a{ background-color:#2b913d;color:#f5f5f5; } .moreLink a:hover, .btn.btnS a:hover, .btn.btnM a:hover, .btn.btnL a:hover { opacity: 0.85; text-decoration: none;} #headerTop { border-top-color:#2b913d;} #header #headContact #headContactTel {color:#2b913d;} #gMenu { border-top:2px solid #2b913d; } #gMenu h3.assistive-text { background-color:#2b913d; border-right:1px solid #2b913d; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2b913d), to(#2b913d)); background: -moz-linear-gradient(#2b913d, #2b913d); background: linear-gradient(#2b913d, #2b913d); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#2b913d, EndColorStr=#2b913d)"; } #gMenu .menu li.current_page_item > a, #gMenu .menu li > a:hover { background-color:#2b913d; } #pageTitBnr { background-color:#e6fff0; border-bottom:2px solid #ccc; } #panList a { color:#00570a; } #panList a:hover { color:#00570a; } #content h2, #tribe-events-content h2, #content h1.contentTitle, #tribe-events-content h1.contentTitle, #content h1.entryPostTitle, #tribe-events-content h1.entryPostTitle { border: 1px solid #e8e8e8; border-bottom: 3px solid #2b913d; font-size: 20px; padding: 18px 15px 14px; background:none; background-color:#f9f9f9; text-align: left; } #content h3 { border-left-color:#2b913d; } #tribe-events-content h3 { border-left-color:#2b913d; margin: 24px 0; font-size: var(--tec-font-size-3);} #content h4, #content dt, #tribe-events-content h4, #tribe-events-content dt { color:#2b913d; } #tribe-events-content h4, #tribe-events-content h5 { margin: 24px 0; } #content .infoList .infoCate a:hover, #tribe-events-content .infoList .infoCate a:hover { background-color:#2b913d; } #content .child_page_block h4 a, #tribe-events-content .child_page_block h4 a { border-color:#2b913d; } #content .child_page_block h4 a:hover, #content .child_page_block p a:hover, #tribe-events-content .child_page_block h4 a:hover, #tribe-events-content .child_page_block p a:hover { color:#2b913d; } #content .childPageBox ul li.current_page_item li a, #tribe-events-content .childPageBox ul li.current_page_item li a { color:#2b913d; } #content .mainFootContact p.mainFootTxt span.mainFootTel, #tribe-events-content .mainFootContact p.mainFootTxt span.mainFootTel { color:#2b913d; } #content .mainFootContact .mainFootBt a, #tribe-events-content .mainFootContact .mainFootBt a { background-color:#2b913d; } #content .mainFootContact .mainFootBt a:hover, #tribe-events-content .mainFootContact .mainFootBt a:hover { background-color:#ffffff; } .sideTower .localHead { border-top-color:#2b913d; } .sideTower li.sideBnr#sideContact a { background-color:#2b913d; } .sideTower li.sideBnr#sideContact a:hover { background-color:#ffffff; } .sideTower .sideWidget h4 { border-left-color:#2b913d; } #pagetop a { background-color:#2b913d; } #footMenu { background-color:#2b913d;border-top-color:#2b913d; } #topMainBnr { background-color:#2b913d; } #topMainBnrFrame a.slideFrame:hover { border:4px solid #ffffff; } #topPr .topPrInner h3 { border-left-color:#2b913d ; } #topPr .topPrInner p.moreLink a { background-color:#2b913d; } #topPr .topPrInner p.moreLink a:hover { background-color:#ffffff; } .paging span, .paging a { color:#2b913d;border:1px solid #2b913d; } .paging span.current, .paging a:hover { background-color:#2b913d; } @media (min-width: 770px) { #gMenu .menu > li.current_page_item > a, #gMenu .menu > li.current-menu-item > a, #gMenu .menu > li.current_page_ancestor > a , #gMenu .menu > li.current-page-ancestor > a , #gMenu .menu > li > a:hover { background-color:#2b913d; border-right:1px solid #2b913d; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2b913d), to(#2b913d)); background: -moz-linear-gradient(#2b913d, #2b913d); background: linear-gradient(#2b913d, #2b913d); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#2b913d, EndColorStr=#2b913d)"; } } /*-------------------------------------------*/ /* menu divide /*-------------------------------------------*/ @media (min-width: 970px) { #gMenu .menu > li { width:189px; text-align:center; } #gMenu .menu > li.current_menu_item, #gMenu .menu > li.current-menu-ancestor, #gMenu .menu > li.current_page_item, #gMenu .menu > li.current_page_ancestor, #gMenu .menu > li.current-page-ancestor { width:193px; } } /*-------------------------------------------*/ /* font /*-------------------------------------------*/ h1,h2,h3,h4,h4,h5,h6,#header #site-title,#pageTitBnr #pageTitInner #pageTit,#content, #tribe-events-content .leadTxt,#sideTower .localHead {font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; } #pageTitBnr #pageTitInner #pageTit { font-weight:normal; } #gMenu .menu li a strong {font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; } /*----------------------------------------------------------------------------------------------------------------------------------*/ /* テーマ関連 override /*----------------------------------------------------------------------------------------------------------------------------------*/ #pageTitBnr { color:#00570a; box-shadow: none; } #panList { margin-top:0 !important; padding:10px 0; background-color: #e6fff0; border-bottom: none; box-shadow:none; } #panList #panListInner { border-bottom:none; } .btn.btnS a:hover, .btn.btnM a:hover, .btn.btnL a:hover, .moreLink a:hover, .linkBtn.linkBtnS a:hover, .linkBtn.linkBtnM a:hover, .linkBtn.linkBtnL a:hover, ul.tribe-events-sub-nav a:hover, .tribe-events-back a:hover, .tribe-events-list-widget .tribe-events-widget-link a:hover, .tribe-events-adv-list-widget .tribe-events-widget-link a:hover { background-color:#2b913d; color:#f5f5f5; opacity: 0.85; } .moreLink a:visited, .btn.btnS a:visited, .btn.btnM a:visited, .btn.btnL a:visited, ul.tribe-events-sub-nav a:visited, .tribe-events-back a:visited, .tribe-events-list-widget .tribe-events-widget-link a:visited, .tribe-events-adv-list-widget .tribe-events-widget-link a:visited { color:#f5f5f5; } ul.tribe-events-sub-nav a, .tribe-events-back a, .tribe-events-list-widget .tribe-events-widget-link a, .tribe-events-adv-list-widget .tribe-events-widget-link a{ padding: 9px 18px; font-weight: normal;} .content .child_page_block h4 { border:none; padding:0px 0px 2px;margin:0px; border-bottom:1ps solid #ccc;margin-bottom:10px; border-bottom:1px solid #ccc; box-shadow:0px 1px 0px rgba(255,255,255,1.0); } a.btn, .linkBtn a, input[type=button], input[type=submit] { background-color:#2b913d; color:#f5f5f5; } a.btn:hover, .linkBtn a:hover { background-color:#2b913d; color:#f5f5f5; opacity: 0.85; text-decoration: none; } a.btn:visited, .linkBtn a:visited { background-color:#2b913d; color:#f5f5f5; } /*----------------------------------------------------------------------------------------------------------------------------------*/ /* tribe-events override /*----------------------------------------------------------------------------------------------------------------------------------*/ #tribe-events-content .tribe-events-calendar div[id*="tribe-events-event-"] h3.tribe-events-month-event-title { font-weight: normal; } .tribe-events-calendar td.tribe-events-past .tribe-events-month-event-title a, .tribe-events-calendar td.tribe-events-past .tribe-events-viewmore a { opacity: 1; filter:Alpha(opacity=100); } .tribe-events .tribe-events-calendar-month__header-column-title { text-align: center !important; font-size: var(--tec-font-size-4) !important; } /*----------------------------------------------------------------------------------------------------------------------------------*/ /* 既存サイト override /*----------------------------------------------------------------------------------------------------------------------------------*/ .content table#Table_01 { border-top: none; } .content table#Table_01 th, .content table#Table_01 td { border: none; padding: 0; } #footMenu { padding:5px 0; } #footMenu .menu li { font-size: 14px; } #footMenu .menu:after { display:block; clear:both; height:0px; visibility:hidden; content:"."; } #footMenu .menu li a { display: block; background-image:none; padding: 5px 20px 5px 0; } /*----------------------------------------------------------------------------------------------------------------------------------*/ /*　カスタムCSS /*----------------------------------------------------------------------------------------------------------------------------------*/ /*游ゴシック追加*/ body {font-family:"游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#333; } #gMenu .menu li a strong {font-family:"游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} h1, h2, h3, h4, h4, h5, h6, #header #site-title, #pageTitBnr #pageTitInner #pageTit, #content, #tribe-events-content .leadTxt, #sideTower .localHead {font-family:"游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} #gMenu .menu li a span{font-family:"游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} /*リンク色変更*/ a, a:active {color:#0095e6;} a:hover {color:#0095e6; text-decoration: underline;} a:visited {color:#4b69c5;} * { border-radius:0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important;} /* hidhira 追加 ここから */ #header #site-title { float: left; padding-bottom: 0; } /* hidhira 追加 ここまで */ /*ロゴの大きさ変更用*/ /*スマホビューの時のヘッダの上下マージン変更。*/ @media (min-width: 660px) { #header { padding-top: 20px; } /* hidhira 削除 ここから */ /* #header #site-title { padding-bottom: 25px;} */ /* #site-search { top: 70px; } */ /* hidhira 削除 ここまで */ } /*グロナビの分割値変更*/ /*各インデックスのパネル内の文字の大きさ変更*/ #panList { font-size: 13px; margin-top: 10px; } .moreLink a {font-size:15px; margin-top:25px; padding:9px 22px 9px 18px;} /*各インデックスのパネル内の文字の大きさ変更*/ #content .child_page_block p, #tribe-events-content .child_page_block p { line-height:160%; font-size:16px;} /*テーブル内のフォントサイズ変更*/ #content table, #tribe-events-content table {font-size: 16px; margin-right: 0;} /*グロナビのデザイン変更*/ #gMenu { content:'desktop-gMenu'; } #gMenu .menu li a span { font-size: 11px; margin-top: 6px; } #gMenu .menu li a {padding: 15px 15px 10px;} #gMenu .menu li a strong {font-size: 16px;} #gMenu .menu .menu-item-has-children a {padding: 20px 5px 15px;} #gMenu .menu .sub-menu a {padding: 15px 15px 10px;} #gMenu .menu .sub-menu-top { display: none; } @media (max-width: 770px) { #gMenu { content:'mobile-gMenu'; } #gMenu .menu .sub-menu { display: none; } #gMenu .menu .sub-menu-top { display: block; background-color: #e6fff0; } } /*テキストの基本サイズ変更*/ #content p, #tribe-events-content p {font-size:16px; line-height:180%;} /*リスト系のフォントサイズ、デザイン変更*/ .content ul, .content ol, .content li, .content dl, .content dt, .content dd {font-size: 16px;} .content ol { list-style:decimal; } .content ol li { list-style:inherit; } .content ol[type="1"] { list-style-type: decimal; } .content ol[type="a"], .content ol li.lal, .content ol.lower-latin { list-style-type: lower-latin; } .content ol[type="A"], .content ol li.ual, .content ol.upper-latin { list-style-type: upper-latin; } .content ol[type="i"], .content ol li.lro, .content ol.lower-roman { list-style-type: lower-roman; } .content ol[type="I"], .content ol li.uro, .content ol.upper-roman { list-style-type: upper-roman; } #content ul, #tribe-events-content ul, #content ol, #tribe-events-content ol {font-size: 16px; line-height:170%; margin: 10px 0px 20px 35px;} dl {font-size: 16px; line-height:170%;} .tribe-events-content ul li, .tribe-events-content ol li { margin: 0 0 20px; } /*h2変更*/ #content h1.contentTitle, #content h1.entryPostTitle { background:none;} #content h2 { background:none; background-color:#f9f9f9; border-bottom: 3px solid #2b913d;} .content h2 { margin:50px 0px 25px; } .content h2 a:hover { text-decoration: underline; } /*h3変更*/ #content h3, #tribe-events-content h3 {line-height:150%;} /*#pageTitBnr {background-color:#fff;}*/ #pageTitBnr #pageTitInner { background:url(/wp-content/themes/jsim_theme/images/pageTit_bg.png) left 50% no-repeat;padding:0 20px;} #pageTitBnr #pageTitInner #pageTit {font-size:32px; margin:30px 0;} /*テーブル内のthの改行を嫌う*/ #content table tr th, #tribe-events-content table tr th { /*white-space: nowrap;*/ } #content th, #content thead th, #tribe-events-content th, #tribe-events-content thead th { white-space: normal; } /*タイトル系の行間を変更*/ #content h2, #content h1.contentTitle, #content h1.entryPostTitle, #tribe-events-content h2, #tribe-events-content h1.contentTitle, #tribe-events-content h1.entryPostTitle {line-height: 140%;} /*ローカルナビ系いろいろ変更*/ #tribe-events-pg-template{ text-align:left;width: 94%;} .sideTower .localHead {font-size:16px;background:none;} .sideTower .sideWidget li { line-height: 142%;background-color: #ffffff;} .sideTower .sideWidget li ul li a {padding-left:46px; background-position:28px 50%;} .sideTower .sideWidget li ul li a:hover, .sideTower .sideWidget li.current-cat ul li a:hover, .sideTower .sideWidget li.current_page_item ul li a:hover { background-color:#efefef;color:#333; } .sideTower .sideWidget li ul li ul li a, .sideTower .sideWidget li ul li.current-cat ul li a, #sideTower .sideWidget li ul li.current_page_item ul li a { padding-left:64px; background-position:46px 50%;} #footer { border-top:none;color:#333; background-color:#e6fff0; } #footerSiteMap .menu a { color:#333;} #siteBottom { border-top:none; background-color:#e6fff0; } #footer dl#footerOutline { float:none; margin: 0 auto; text-align: center;} /* yasmor */ #headerInner { position: relative; } #headerInner:after { /*floatの解除、ここがポイント*/ display:block; clear:both; height:0px; visibility:hidden; content:"."; } #headerInner { min-height: 1px; /*IE6、7対策*/ } * html #headerInner { height: 1px; /*¥*//*/ /*MAC IE5.x対策*/ height: auto; overflow: hidden; /**/ } #content form input[type="text"], #content form input[type="email"], #content form textarea, #tribe-events-content form input[type="text"], #tribe-events-content form input[type="email"], #tribe-events-content form textarea { width: auto; } .wpforms-container input[type=date],.wpforms-container input[type=datetime],.wpforms-container input[type=datetime-local],.wpforms-container input[type=email],.wpforms-container input[type=month],.wpforms-container input[type=number],.wpforms-container input[type=password],.wpforms-container input[type=range],.wpforms-container input[type=search],.wpforms-container input[type=tel],.wpforms-container input[type=text],.wpforms-container input[type=time],.wpforms-container input[type=url],.wpforms-container input[type=week],.wpforms-container select,.wpforms-container textarea,.wp-core-ui div.wpforms-container input[type=date],.wp-core-ui div.wpforms-container input[type=datetime],.wp-core-ui div.wpforms-container input[type=datetime-local],.wp-core-ui div.wpforms-container input[type=email],.wp-core-ui div.wpforms-container input[type=month],.wp-core-ui div.wpforms-container input[type=number],.wp-core-ui div.wpforms-container input[type=password],.wp-core-ui div.wpforms-container input[type=range],.wp-core-ui div.wpforms-container input[type=search],.wp-core-ui div.wpforms-container input[type=tel],.wp-core-ui div.wpforms-container input[type=text],.wp-core-ui div.wpforms-container input[type=time],.wp-core-ui div.wpforms-container input[type=url],.wp-core-ui div.wpforms-container input[type=week],.wp-core-ui div.wpforms-container select,.wp-core-ui div.wpforms-container textarea { width: 90% !important; } /*-------------------------------------------*/ /* #site-search /*-------------------------------------------*/ #site-search { display: block; position: relative; float: left; width: 100%; margin: 12px 0 0;} #site-search.itemClose .menu { display: none; } #site-search.itemOpen .menu { display: block; } #site-searchInner { margin: 0; width: 100%; } #site-search .assistive-text { display: block; background: #ccc; position: absolute; right: 0; top: -48px; padding: 5px 7px; color: #fff; overflow: hidden; cursor:pointer;} #site-search .assistive-text .fa-search:before { padding-right: 100px; } #site-title { max-width: 180px; } #site-search .gsc-control-cse { padding: 0; border: 1px solid #b5b5b5; } #site-search .gsc-input { -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0);box-shadow:inset 1px 1px 1px rgba(0,0,0,0); } #site-search .gsc-input input::-ms-clear { visibility:hidden } #site-search .gsc-input{ vertical-align: top; padding-right: 0; } #site-search .gsc-input-box { height: auto; vertical-align: top; border: none;} #site-search .gsc-search-box { margin-bottom: 0; } #site-search .gsc-search-button { margin: 1px; border: none; vertical-align: bottom; } #site-search input.gsc-search-button { padding: 13px 27px 12px; } #site-search button.gsc-search-button { padding: 12px 30px; } /* IE10-11対策 */ _:-ms-input-placeholder, #site-search button.gsc-search-button { padding: 14px 30px 0 30px; } #site-search .gsib_a { padding: 10px 8px 9px;} #site-search .gsib_b { vertical-align: bottom; line-height: 1;} #site-search.itemOpen { margin-bottom: 12px;; } #site-search .gsc-results-wrapper-overlay { padding:30px 10%; left: 5%; } #site-search .fa-search { overflow: hidden; } /*-------------------------------------------*/ /* #naikainfo /*-------------------------------------------*/ #naikainfo { float: none; position:absolute; right: 35px; top: 8px; text-align: center; } #naikainfo .linkBtn { height: 43px; } #naikainfo .linkBtn a { margin-top: 0; background-color: #2b913d; } #naikainfo .naikainfoLabel { display:none; } #naikainfo .naikainfoIcon { display:block; } /*-------------------------------------------*/ /* #personal-login /*-------------------------------------------*/ #personal-login { float: none; position:absolute; right: 75px; top: 8px; text-align: center; } #personal-login .loginLabel .secretLabel { position: absolute; top: -9000px; } #personal-login .loginTxt{ display:none; } #personal-login .linkBtn a { margin-top: 0; background-color: #F9800F; } @media (min-width: 400px) { #site-title { max-width: none; } #site-search .assistive-text { top: -54px; } #personal-login { top: 20px; } #naikainfo { top: 20px; } } @media (min-width: 770px) { /* スクロール分余裕に20px */ #headerInner { min-height: 80px; } #site-search { float: right; width: 250px; margin: 12px 0 0 0; position: static; } #site-search .assistive-text { display: none; } #site-search.itemClose .menu, #site-search.itemOpen .menu { display: block; } #personal-login { position:static; float: right; margin: 11px 12px 0 0;} #personal-login .fa { display: none; } #personal-login .loginLabel { display:block; font-size:14px; font-weight: bold; } #personal-login .linkBtn a { padding: 10px 20px; } #personal-login .loginTxt a { color:#333333 !important; } #naikainfo { position:static; float: right; margin: 11px 12px 0 0;} #naikainfo .naikainfoIcon { display: none; } #naikainfo .naikainfoLabel { display:block; font-size:14px; font-weight: bold; } #naikainfo .linkBtn a { padding: 10px 20px; } #gMenu { background: none; box-shadow: 0 2px 3px -2px rgba(0,0,0,0.5); -webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 2px 3px -2px; -moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 2px 3x -2px; } #gMenu .menu > li, #gMenu .menu > li.current_page_item, #gMenu .menu > li.current_page_ancestor { width:20%; } #gMenu .menu > li:last-child { width:19%; } #gMenu .menu > li { float:left;vertical-align:top;border-right:1px solid #ccc; } #gMenu .menu > li > a { border-right:none;background: none; } #gMenu .menu li:hover ul { width:100%; } #gMenu .menu li:hover li { width:100%; } #gMenu .menu li:hover ul li ul { left:100%; } #gMenu .menu li:hover:last-child ul li ul { left:auto;right:100%; } #gMenu .menu > li, #gMenu .menu > li.current-menu-item, #gMenu .menu > li.current_page_item, #gMenu .menu > li.current_page_ancestor { background: none; } #gMenu ul.menu > li > a { min-height: 35px; } #panList { border-top:10px solid #2b913d; } } @media (min-width: 950px) { /* スクロール分余裕に20px */ #gMenu ul.menu > li > a { min-height: 0; } } @media (min-width: 970px) { /* スクロール分余裕に20px */ #personal-login .loginLabel .secretLabel { position:static; margin-right:1em; } #personal-login .loginTxt { display:block; font-size:12px; } #naikainfo { display: block; } /* hidhira 追加 ここから */ #headerInner { min-height: 100px; } /* hidhira 追加 ここまで */ #topMainBnr img { width:774px !important; } #topMainBnrFrame { width:774px;min-height:220px; } #header #site-title a img { max-height:70px; } .innerBox, #gMenu #gMenuInner.innerBox, #tribe-events-pg-template, #gMenu #gMenuInner#tribe-events-pg-template { width:94%; } #main #container #content, #main #tribe-events-pg-template #tribe-events-content { width:68.33333%; } #main #tribe-events-pg-template #sideTower, #main #container #sideTower { width:26.66666%; } /* #topMainBnr img { width:94% !important; } #topMainBnrFrame { width:94%; } */ #footMenu .innerBox, #footMenu #tribe-events-pg-template { width:94%; } #gMenu .menu li:hover ul { width:100%; } #gMenu .menu li:hover li { width:100%; } #gMenu .menu li:hover ul li ul { left:100%; } #gMenu .menu li:hover:last-child ul li ul { left:auto;right:100%; } } @media (min-width: 1220px) { /* スクロール分余裕に20px */ #gMenu .menu > li { width:238px; } #gMenu .menu > li:first-child, #gMenu .menu > li:last-child { width:239px; } #gMenu .menu > li.current_page_item, #gMenu .menu > li.current_page_ancestor { width:239px; } .innerBox, #gMenu #gMenuInner.innerBox, #tribe-events-pg-template, #gMenu #gMenuInner#tribe-events-pg-template { width:1200px; } #main #container #content, #main #tribe-events-pg-template #tribe-events-content { width:820px; } #main #container #sideTower, #main #tribe-events-pg-template #sideTower { width:320px; } /* #topMainBnr img { width:1200px !important; } #topMainBnrFrame { width:1200px; } */ #footMenu .innerBox, #footMenu #tribe-events-pg-template { width:1200px; } } body{ background: #fff; } /*コンテンツエリア直下の要素*/ #contents_box > *:first-child {margin-top:0;} /*align要素の上書き*/ #my_form, .att3 { text-align:left; } .mw_wp_form table td span{ display:block; } .mw_wp_form table td span input{ margin-right: 5px; } /*フォーム*/ .mw_wp_form .supTxt { margin-top:5px; } .mw_wp_form_confirm .supTxt, .mw_wp_form_preview .supTxt { color:#999999; } /*イベント*/ #tribe-events-pg-template { max-width: 1200px; padding: 0; } #tribe-events-pg-template {padding-top: 30px;} #tribe-events-content .tribe-events-event-cost, #tribe-events-content .tribe-events-ical, #tribe-events-content .tribe-events-back, #tribe-events-content .tribe-events-single-event-title { display: none; } #tribe-events-content h2 {margin: 24px 0;} .tribe-events-content a, .tribe-events-content a:hover, .tribe-events-meta-group a, .tribe-events-meta-group a:hover { border-bottom: none; color: #0095e6; text-decoration: none; } .tribe-events-content a:visited { color: #4b69c5; } .tribe-events-event-meta:before { border-top: none; } .single-tribe_events .tribe-events-single .tribe-events-event-meta { background: #fafafa; border: 1px solid #eee; margin: 30px 0; width: 100%; padding: 0 4%; } .tribe-events-meta-group .tribe-events-single-section-title { font-size: var(--tec-font-size-3); } .tribe-events-content blockquote { quotes: none; } /*ますだぶん*/ .wc-shortcodes-fa { margin:0 7px; } .sideTower .sideWidget li.current_page_item a { background-color: #2b913d; color: #ffffff; } .sideTower .sideWidget li.current_page_item .children a { color: #666666; } .sideTower .sideWidget li.current_page_parent > a { border-bottom: 2px solid #9bd5a5; } .sideTower .sideWidget ul.children li.current_page_ancestor > a { border-bottom: 2px solid #9bd5a5; } /*ニュース系リスト*/ .content .infoList .entryList, .content .entryList, .home .entryList { list-style: none; margin: 0 0 20px !important; } .home .entryList { border-bottom: 2px solid #cccccc; } .content .infoList .entryList li, .content .entryList li, .home .entryList li { width: 100%; list-style: none; border-top:1px dotted #ccc; border-bottom:0 none; margin: 0; padding: 2px 0; display: table;} .content .infoList .entryList li:first-child, .content .entryList li:first-child, .home .entryList li:first-child { border-top:none;} .content .infoList .entryList li span, .content .entryList li span, .home .entryList li span { display:table-cell; margin: 0 10px; padding: 10px; vertical-align: middle;} .content .infoList .entryList li span span, .content .entryList li span span, .home .entryList li span span { display:inline; margin: 0; padding: 0; ;} /*新着・更新*/ .content .infoList .entryList li .infoNew, .content .entryList li .infoNew, .home .entryList li .infoNew, .content .infoList .entryList li .infoUp, .content .entryList li .infoUp, .home .entryList li .infoUp { color: #ffffff; width: 7%; padding: 0; text-align: center; white-space: nowrap; font-size: 14px; } .content .infoList .entryList li .infoNew em, .content .entryList li .infoNew em, .home .entryList li .infoNew em { color: #ffffff; background-color: #2b913d; margin: 0; padding: 10px; font-style: normal; white-space: nowrap; } .content .infoList .entryList li .infoUp em, .content .entryList li .infoUp em, .home .entryList li .infoUp em { color: #ffffff; background-color: #ffad33; margin: 0; padding: 10px; font-style: normal; white-space: nowrap; } /*日付*/ .content .infoList .entryList li .infoDate, .content .entryList li .infoDate, .home .entryList li .infoDate { width: 10%; margin:0; color:#666666; text-align: left; white-space: nowrap; float:none; /* 2021-03-19niwa */ font-weight: bold; /* 2021-03-19niwa */ } /*日時*/ .content .infoList .entryList li .infoDate.infoTime, .content .entryList li .infoDate.infoTime, .home .entryList li .infoDate.infoTime { white-space: normal; } /*日付*/ .content .infoList .entryList li .infoPlace, .content .entryList li .infoPlace, .home .entryList li .infoPlace { width: 30%; margin:0; color:#666666; text-align: center;} /*カテゴリ*/ .content .infoList .entryList li .infoCate, .content .entryList li .infoCate, .home .entryList li .infoCate { width: 5%; padding: 0; text-align: left; white-space: nowrap; clear: both; } .content .infoList .entryList li .infoCate a, .content .entryList li .infoCate a, .home .entryList li .infoCate a { color: #ffffff; text-decoration: none; box-shadow: none !important; background-color: #2b913d; margin: 0; padding: 8px; font-size: 14px; } /*リンクテキスト*/ .content .infoList .entryList li .infoTxt, .content .entryList li .infoTxt, .home .entryList li .infoTxt { width: 80%; } .content .infoList .entryList li .infoTxt a, .content .entryList li .infoTxt a, .home .entryList li .infoTxt a { color:#0095e6; background-image: none; padding: 0; } .content .infoList .entryList li .infoTxt a:hover, .content .entryList li .infoTxt a:hover, .home .entryList li .infoTxt a:hover { color:#0095e6; text-decoration: underline; } .content .infoList .entryList li .infoTxt a:visited, .content .entryList li .infoTxt a:visited, .home .entryList li .infoTxt a:visited { color:#4b69c5; } @media (max-width: 770px) { .content .infoList .entryList li, .content .entryList li, .home .entryList li { display: block;} .content .infoList .entryList li span, .content .entryList li span, .home .entryList li span { display:inline-block; width: auto; margin: 0; padding-left: 0; } /*日付*/ .content .infoList .entryList li .infoDate, .content .entryList li .infoDate, .home .entryList li .infoDate { display: block; text-align: left; padding-bottom: 0; } /*日時*/ .content .infoList .entryList li .infoDate.infoTime, .content .entryList li .infoDate.infoTime, .home .entryList li .infoDate.infoTime { width:auto; } /*新着・更新*/ .content .infoList .entryList li .infoNew, .content .entryList li .infoNew, .home .entryList li .infoNew, .content .infoList .entryList li .infoUp, .content .entryList li .infoUp, .home .entryList li .infoUp { width: auto; margin-top: 15px;} /*カテゴリ*/ .content .infoList .entryList li .infoCate, .content .entryList li .infoCate, .home .entryList li .infoCate { width: auto; display: block; text-align: left; margin: 15px 0 10px; padding-bottom: 0; } /*リンクテキスト*/ .content .infoList .entryList li .infoTxt, .content .entryList li .infoTxt, .home .entryList li .infoTxt { width: auto; } .content .entryList li.ecs-event .infoTxt { display: table-cell; } } #content h1.entryPostTitle { border:0 none; margin-bottom: 20px; padding:0; font-size: 24px; } /*----------------------------------------------------------------------------------------------------------------------------------*/ /* Front Page /*----------------------------------------------------------------------------------------------------------------------------------*/ .home #gMenu { border-bottom:none; } .home .textwidget { zoom: 1; } .home .textwidget:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } /*-------------------------------------------*/ /* #topMainBnrFrame /*-------------------------------------------*/ #topMainBnr { padding: 0; } #topMainBnrFrame { box-shadow: 0 0 0 rgba(0,0,0,0); background-color: #fcfff4; border: none; width: 100%; } #topMainBnrFrame a.slideFrame, #topMainBnrFrame a.slideFrame:hover { border: 0 none; padding: 17px; } .film_roll_pager { padding: 0 0 30px; } .film_roll_pager a { width: 10px !important; height: 10px !important; border: 0 none !important; margin-right: 20px; background-color: #b5b5b5; } .film_roll_pager a.active { background-color: #269238 !important; } .flex-direction-nav { display: none; } #topMainBnr .film_roll_prev, #topMainBnr .film_roll_next { width: 50px; height: 50px; font-size: 50px; background: #b5b5b5; border: 0 none; border-radius: none; opacity: 0.5; } @media (min-width: 770px) { #topMainBnr { padding: 10px 0 0; } } @media (min-width: 1220px) { #topMainBnr .film_roll_prev { left: 50%; margin-left: -452px; } #topMainBnr .film_roll_next { right: 50%; margin-right: -442px; } } /*-------------------------------------------*/ /* home-menuPanelBlock /*-------------------------------------------*/ .home-menuPanelBlock { width: 100%; /*1200px*/ margin-bottom: 40px; zoom:1; } .home-menuPanelBlock:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .home-menuPanelBlock > div:first-child { margin-left: 0; } .home-menuPanelBlock .home-menuTypeA { width: 48.33333%; /*580px*/ float:left; margin-left: 1.66666%; /*20px*/ } .home-menuPanelBlock .home-menuTypeB { width: 22.91666%; /*275px*/ float:left; margin-left: 1.66666%; /*20px*/ } .home-menuPanelBlock .home-menuPanel { border: 3px solid #98cd7d; padding: 2px; background: #ffffff; } .home-menuPanelBlock .home-menuTitleA { background-color: #98cd7d; text-align: center; font-size: 16px; color: #ffffff; padding: 10px; margin-bottom: 20px; } .home-menuPanelBlock .home-menuTitleB { text-align: center; font-size: 16px; margin-top: 5px; margin-right: 3.10344%; /*18px*/ margin-bottom: 20px; margin-left: 3.10344%; /*18px*/ padding-top: 15px; border-top: 1px solid #98cd7d; } /* home-menuListA */ .home-menuPanelBlock .home-menuListA { margin-right: 3.10344%; /*18px*/ margin-left: 3.10344%; /*18px*/ font-size: 18px; } .home-menuPanelBlock .home-menuListA li { display: inline-block; margin-bottom: 20px; } .home-menuPanelBlock .home-menuListA li a { color: #333333; text-decoration: none; } .home-menuPanelBlock .home-menuListA li span { margin-top: 5px; margin-left: 1.28571429em; display: block; font-size: 14px; color: #999999; } /* home-menuListB */ .home-menuPanelBlock .home-menuListB { margin-right: 3.10344%; /*18px*/ margin-left: 3.10344%; /*18px*/ font-size: 16px; } .home-menuPanelBlock .home-menuListB li { display: inline-block; margin-right: 4.59558%; /*25px*/ margin-bottom: 10px; } .home-menuPanelBlock .home-menuListB li a { color: #2b913d; text-decoration: none; } /* home-menuTypeA */ .home-menuPanelBlock .home-menuTypeA .home-menuListA, .home-menuPanelBlock .home-menuTypeA .home-menuListB { text-align: center; } .home-menuPanelBlock .home-menuTypeA .home-menuListA li, .home-menuPanelBlock .home-menuTypeA .home-menuListB li { margin-right: 1.0101%; /*5px*/ margin-left: 1.0101%; /*5px*/ } .home-menuPanelBlock .home-menuTypeA .home-menuListB { padding-top: 15px; padding-bottom: 5px; border-top: 1px solid #98cd7d; } .home-menuPanelBlock .home-menuTypeA .home-menuListA.all { border-bottom: 1px solid #98cd7d; margin-bottom: 20px; } /* home-menuTypeB */ .home-menuPanelBlock .home-menuTypeB .home-menuListA > li { display:list-item; } .home-menuPanelBlock .home-menuTypeB .home-menuListB { margin: 0; } .home-menuPanelBlock .home-menuTypeB .home-menuListB li { margin-top: 10px; margin-bottom: 0; } .home-menuPanelBlock .fa { font-size: 22px; width: 1.28571429em; } .home-menuPanelBlock .fa-arrow-circle-o-right { color:#999999; } .home-menuPanelBlock .fa-lock { color:#fec72e; } @media (max-width: 970px) { .home-menuPanelBlock .home-menuTypeA { width: 100%; float:none; margin-left: 0; margin-bottom: 20px; } .home-menuPanelBlock .home-menuTypeB { width: 49.166%; margin-left: 0; } .home-menuPanelBlock > div:last-child { float: right; } .home-menuPanelBlock .home-menuPanel { min-height: 0; } } @media (max-width: 770px) { .home-menuPanelBlock .home-menuTypeA { width: 100%; float:none; margin-left: 0; margin-bottom: 20px; } .home-menuPanelBlock .home-menuTypeB { width: 100%; float:none; margin-left: 0; margin-bottom: 20px; } .home-menuPanelBlock .home-menuPanel{ height: auto !important; } } @media (min-width: 970px) { .home-menuPanelBlock { position: relative; top: -50px; } } /*-------------------------------------------*/ /* home-newsBlock /*-------------------------------------------*/ .home-newsBlock { margin-bottom: 40px; font-size: 16px; } .home-newsBlock .home-newsTitle { text-align: center; font-size: 20px; margin-bottom: 40px; } .home-newsBlock .tabs { text-align: center; border-bottom: 3px solid #2b913d; } .home-newsBlock .tabs .tabTitleList .tabTitle { border: none; padding: 0; list-style: none; margin: 0; display: inline-block; vertical-align: bottom; width:18%; } .home-newsBlock .tabTitle__anchor { display: block; padding: 0; margin-bottom: 0; background: #eee; color: #333; text-align: center; text-decoration: none; } .home-newsBlock .tabTitle__anchor span { display: block; padding: 9px 12px; border: 1px solid #fff; border-bottom: none; } .home-newsBlock .tabTitle__anchor--active { background: #2b913d; color: #fff; } .home-newsBlock .tabContent { display: block; } .home-newsBlock .tabContent--hide { display: none; } @media (max-width: 770px) { .home-newsBlock .tabs .tabTitleList .tabTitle { width: auto; } } @media screen and (orientation: portrait) and (max-width: 669px) { .home-newsBlock .tabs { overflow-x: auto; } .home-newsBlock .tabs .tabTitleList { width: auto; min-width: 100%; white-space: nowrap; } } @media screen and (orientation: landscape) and (max-width: 669px) { .home-newsBlock .tabs { overflow-x: auto; } .home-newsBlock .tabs .tabTitleList { width: auto; min-width: 100%; white-space: nowrap; } } @media (min-width: 970px) { .home-newsBlock .tabs { } .home-newsBlock .content .tabs .tabTitleList { margin: 0; display: block; } .home-newsBlock .tabs .tabTitleList .tabTitle { } .home-newsBlock .tabTitle__anchor span { display: block; padding: 13px 12px 11px; border: 1px solid #fff; } .home-newsBlock .tabTitle__anchor--active { border: 3px solid #2b913d; border-bottom: none; margin-bottom: -3px; } .home-newsBlock .tabTitle__anchor--active span{ padding: 14px 12px; } } .home-newsBlock .moreLink.right { text-align: right; width:100%; float: none } .home-newsBlock .moreLink.right a { margin-top: 0; } /*-------------------------------------------*/ /* home-contetBlock2 /*-------------------------------------------*/ .home-contetBlock2 { margin-bottom: 40px; } .home-contetBlock2 .home-contentTitle { text-align: center; font-size: 20px; margin-bottom: 40px; } .home-contetBlock2 .home-contentList { width: 100%; /*1200px*/ font-size: 18px; color: #999999; display: table; } .home-contetBlock2 .home-contentList li, .home-contetBlock2 .home-contentList td { width: 30.66666%; /*368px*/ display: table-cell; text-align: center; vertical-align: middle; padding: 0 3.5% 22px 0; background-color: #ffffff; } .home-contetBlock2 .home-contentList li.tri, .home-contetBlock2 .home-contentList td.tri { padding-right: 0; } .home-contetBlock2 .home-contentList li a, .home-contetBlock2 .home-contentList td a { width: 33%; /*368px*/ display: table-cell; text-align: center; vertical-align: middle; padding: 10px 15px; box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #bfbfbf; background-color: #eeeeee; } .home-contetBlock2 .home-contentList .imageList a { background-size: cover; background-position: center center; background-repeat: no-repeat; } .home-contetBlock2 .home-contentList .imageList span { visibility: hidden; } @media (max-width: 770px) { .home-contetBlock2 .home-contentList { width: auto; display: block; } .home-contetBlock2 .home-contentList li, .home-contetBlock2 .home-contentList td { width: auto; display: block; text-align: left; vertical-align: top; padding: 0 0 22px; } .home-contetBlock2 .home-contentList li a, .home-contetBlock2 .home-contentList td a { width: auto; display: block; text-align: left; vertical-align: top; } .home-contetBlock2 .home-contentList li span, .home-contetBlock2 .home-contentList td span { width: auto; display: block; } } /*-------------------------------------------*/ /* home-contetBlock3 /*-------------------------------------------*/ .home-contetBlock3 { margin-bottom: 40px; } .home-contetBlock3 .home-contentTitle { text-align: center; font-size: 20px; margin-bottom: 40px; } .home-contetBlock3 .home-contentList { width: 100%; /*1200px*/ font-size: 18px; line-height: 1.4; color: #999999; zoom: 1; margin: -11px 0; } .home-contetBlock3 .home-contentList:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .home-contetBlock3 .home-contentList li { float: left; width: 30.66666%; /*368px*/ margin: 11px 3.5% 11px 0; } .home-contetBlock3 .home-contentList li:nth-child(3n) { margin-right: 0; } .home-contetBlock3 .home-contentList li a { display: block; text-align: left; vertical-align: top; padding: 10px 15px; box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #bfbfbf; background-color: #eeeeee; } .home-contetBlock3 .home-contentList .imageList a { background-size: cover; background-position: left center; background-repeat: no-repeat; } .home-contetBlock3 .home-contentList .imageList span { visibility: hidden; } @media (max-width: 865px) { .home-contetBlock3 .home-contentList li { float: left; width: 47.75%; } .home-contetBlock3 .home-contentList li:nth-child(3n) { margin-right: 3.5%; } .home-contetBlock3 .home-contentList li:nth-child(2n) { margin-right: 0; } } @media (max-width: 560px) { .home-contetBlock3 .home-contentList { margin: -17px 0; } .home-contetBlock3 .home-contentList li { float: none; width: 100%; margin: 17px 0; } .home-contetBlock3 .home-contentList li:nth-child(3n) { margin-right: 0; } .home-contetBlock3 .home-contentList li:nth-child(2n) { margin-right: 0; } } /*-------------------------------------------*/ /* font-weight:lighter to font-weight:normal /*-------------------------------------------*/ .content .wpcf7 dl dt, th, #header #site-title, #gMenu .menu li a strong, .content .entry-utility dl.tag-links dt, .content #sitemapPostList h5, .content .childPageBox h4 { font-weight: normal; } /*-------------------------------------------*/ /* tribe-events-bar /*-------------------------------------------*/ #tribe-events-bar > form { background-color: #f5f5f5; padding: 15px 15px 0; } #tribe-events-bar > form select { width: 100%; height: 30px; font-size: 16px; } #tribe-bar-views li.tribe-bar-views-option { display: block; } #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option.tribe-bar-active a { background: #9bd5a5; } #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option.tribe-bar-active a:hover { background: #cacaca; } /*-------------------------------------------*/ /* relatedPagesList /*-------------------------------------------*/ #content ul.relatedPagesList, #tribe-events-content ul.relatedPagesList { list-style: none; margin: 0 0 30px; zoom:1; } #content ul.relatedPagesList:after, #tribe-events-content ul.relatedPagesList:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } #content ul.relatedPagesList li, #tribe-events-content ul.relatedPagesList li { list-style: none; float: left; margin: 0 10px 10px 0; } #content ul.relatedPagesList li a, #tribe-events-content ul.relatedPagesList li a { margin: 0; } /*-------------------------------------------*/ /* ますだ追加分。20150612,20150613 /*-------------------------------------------*/ .fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas { margin: 0 7px; } .fa-lock { color: #fec72e; /* margin: 0 7px; */ } i[class*="fa-file-pdf"] { color: #ee0b18; /* margin: 0 7px; */ } i[class*="fa-file-word"] { color: #265097; /* margin: 0 7px; */ } i[class*="fa-file-excel"] { color: #187041; /* margin: 0 7px; */ } .post { text-indent: 5em; } /*-------------------------------------------*/ /* niwa2020/07/22 /*-------------------------------------------*/ /* monthly and side bar side by side */ @media (min-width: 970px){ #tribe-events-pg-template{ display: flex; } #tribe-events-content{ flex: 5; } #sideTower{ flex: 2; padding-left: 40px; } } /* プルダウンの幅調整 */ #tribe-bar-form .tribe-bar-collapse .tribe-bar-filters{ width: 95%; } /* 検索実行ボタンのレイアウト崩れ修正 */ .tribe-bar-submit{ margin-left: 0; } /* 月・リスト切り替えプルダウンの崩れ修正 */ /* プルダウンの重なり順を修正 */ #tribe-bar-views .tribe-bar-views-list{ width: 96.4%; left: auto; z-index: 11; } /* ビュー検索の要素を横並び */ #tribe-bar-form .tribe-bar-filters-inner{ display: flex; } /* イベント日別 */ /* テーブルに枠線をつける */ #tribe-events-content table{ border-top: 1px solid #ccc; margin: 10px -1px 24px 0; text-align: left; width: 100%; border-collapse: collapse; border-spacing: 0; line-height: 141.7%; } #tribe-events-content table th, #tribe-events-content table td { border: 1px solid #ccc; padding: 10px 15px; vertical-align: top; } /* 詳細と会場の要素の体裁を整える */ .tribe-events-event-meta .tribe-events-meta-group { float: none; width: 45%; } /* 横のボーダーをつける */ .tribe-events-meta-group .tribe-events-single-section-title{ border-left: solid 3px #2b913d; padding: 2px 0px 0px 15px; margin-bottom: 20px !important; margin-top: 0 !important; } /* 詳細と会場の行間調整 */ .tribe-events-meta-group dl dt{ line-height: 2 !important; } /* レスポンシブで背景色消える崩れを修正 */ #tribe-events-bar{ background-color: #f5f5f5; } /* ビュー要素のSP表示崩れ対策 */ @media (max-width: 660px) { #tribe-bar-form .tribe-bar-filters-inner{ display: flex; flex-wrap: wrap; } .tribe-bar-submit{ width: 100%; } .tribe-bar-date-filter, .tribe-bar-search-filter{ width: auto !important; } } /* 一覧表示の修正 */ .tribe-events-list-separator-month span{ background-color: transparent; } .tribe-events-list-separator-month:after{ border-bottom: none; } /* Google mapの幅修正 */ .single-tribe_events .secondary .tribe-events-venue-map{ width:90%!important; } .tribe-events-meta-group.tribe-events-meta-group-gmap { flex-basis: 100%; border-top: 0; } .tribe-events-venue-map { width: 100%; } .tribe-events-venue-map>iframe { max-height: 350px; } /* 主催者が出る部分のイベント詳細 Google Mapの配置を整えるとともにレスポンシブ対応*/ @media (max-width: 768px){ .tribe-events-meta-group{ display:block !important; width:100% !important; } .single-tribe_events .tribe-events-single .tribe-events-event-meta{ display:block !important; width:100% !important; padding: 4%; } #tribe-events-footer { border-top: none; } } .extend_cat a{ display: inline-flex; min-width: 122px; padding: 10px 8px !important; margin-right: 6px !important; margin-bottom:4px !important; }