タグに相当*/
#committeea .row03 {
padding: 0px;
width: 555px;
/* ＝.cell の （width ＋ padding * 2）* 1行の.cell数 */
/* ※.cell に border を付ける場合はその width も考慮する。 */
}
#committeea .row04 {
padding: 0px;
width: 740px;
/* ＝.cell の （width ＋ padding * 2）* 1行の.cell数 */
/* ※.cell に border を付ける場合はその width も考慮する。 */
}
/* タグに相当 */
#committeea .cell03 {
padding: 15px;
width: 155px;
float: left;
/* float は .cellにつける（![]() に直接つけない）。 */
/* ※画像や文章等は.cell 内に記述する。 */
}
#committeea .cell04 {
padding: 15px;
width: 155px;
float: left;
/* float は .cellにつける（![]() に直接つけない）。 */
/* ※画像や文章等は.cell 内に記述する。 */
}
/*グラフ終わり*/
/* ポップアップ */
.popup_left{
width:200px;
float:left;
margin-top:20px;
}
.popup_right{
width:460px;
float:left;
margin-top:20px;
padding-left:20px;
font-size: 16px;
}
/* ポップアップ終わり */
#content img[usemap="#map"] {
display: block;
}
#content #sp_map {
display: none;
}
/* スマートフォン対応 */
@media (max-width: 768px) {
/* 20250112 ToDo*/
body.cbp-spmenu-push {
overflow-x: auto;
}
.wprmenu_icon span, #wprmenu_menu.wprmenu_levels ul li, html body div.wprm-wrapper, #wprmenu_bar, .wpr_search .wpr-search-field {
width: 100% !important;
}
/* ベースレイアウト */
body {
min-width: auto;
}
#header #subnavigation,
#main,
#footer .widgets,
#footer #copyright {
width: 100%;
}
#header #subnavigation #logo {
box-sizing: border-box;
padding: 0 2px;
float: none;
}
#logo img {
width: 100%;
}
#header .fontsize {
display: none;
}
#main {
display: flex;
flex-direction: column;
}
#main #content {
width: 100%;
float: none;
order: 2;
}
/* サブナビ */
#header #subnavigation .button {
float: none;
display: flex;
justify-content: space-evenly;
}
/* メインナビ */
#header #globalnavigation {
display: none;
}
/* サイドバーバナー */
#main #sidebar {
width: 100%;
float: none;
order: 1;
}
#main #sidebar .textwidget {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
#main #sidebar .widget .textwidget > div {
width: 48%;
max-width: 225px;
}
#main #sidebar .textwidget .banner {
width: 100%;
height: auto;
}
#main #sidebar .facebookbanner {
width: 100%;
}
.facebookbanner .facebook_link_chr {
display: inline-block;
}
/* フッタウィジェット */
#text-4, #text-5 {
display: none;
}
#footer .navigation .widgets #text-6 {
width: 100%;
}
#footer .navigation .widgets .widget ul {
display: flex;
justify-content: space-evenly;
}
/* トップページ */
#mobileimg {
display: block;
margin-bottom: 5px;
}
#mobileimg > img {
width: 100%;
}
#topslider {
display: none;
}
/* クラブ */
#content img[usemap="#map"] {
display: none;
}
#content #sp_map {
display: block;
}
#content ul.clublist li {
width: 48%;
max-width: 225px;
}
/* 全体 */
#content h2 {
height: auto;
}
#content p {
box-sizing: border-box;
padding: 0 5px;
}
#content #whatsnew {
width: 100%;
}
#content #whatsnew .list li {
margin-left: 5px;
display: flex;
height: auto;
}
#content #whatsnew .list li span.date {
margin-left: 75px;
padding-left: 5px;
float: none;
}
#content #whatsnew .list li span.title {
margin-left: 0;
padding: 0 10px;
float: none;
flex-grow: 1;
}
#content .postdate {
width: 100%;
margin: 0 0 20px 0;
}
.w3eden .card-body {
padding: 0.5rem !important;
}
#content .c2 .w3eden {
display: block;
width: auto;
margin: 0 20px 10px;
}
#content .w3eden .card h3 {
margin-bottom: 3px;
}
#content table {
display: block;
width: 100% !important;
margin: 0;
height: auto !important;
}
#content table tbody {
display: block;
}
#content table tr {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#content table tr td {
flex: 1;
}
#content video {
width: 100%;
}
#content .wp-caption {
max-width: 100%;
}
#committeea table th {
flex: 1;
}
#committeea table tr td:first-child {
width: 110px;
flex: none;
}
#committeea table tr td:last-child {
flex: 1;
text-wrap: auto;
}
#content ul.childcategorieslist li,
#content ul.categoryarticlelist li,
#content ul.clubposts li {
display: flex;
}
#content ul.childcategorieslist li > .date,
#content ul.categoryarticlelist li > .date,
#content ul.clubposts li > .date {
padding-right: 5px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
box-sizing: border-box;
width: 100%;
}
#wpcf7-f389-p261-o1 th:nth-child(1),
#wpcf7-f389-p261-o1 td:nth-child(1),
#wpcf7-f389-p261-o1 th:nth-child(4),
#wpcf7-f389-p261-o1 td:nth-child(4),
#wpcf7-f389-p261-o1 th:nth-child(5),
#wpcf7-f389-p261-o1 td:nth-child(5) {
width: 20%;
}
#wpcf7-f389-p261-o1 th:nth-child(2),
#wpcf7-f389-p261-o1 td:nth-child(2) {
width: 30%;
}
#wpcf7-f389-p261-o1 th:nth-child(3),
#wpcf7-f389-p261-o1 td:nth-child(3) {
width: 10%;
}
}
|