/* Theme Name: Generic Theme URI: https://generic.tools/ Author: Bryan Hadaway Author URI: https://calmestghost.com/ Description: A fully responsive, SEO-ready, schema-ready, social-media-ready, accessibility-ready, translation-ready, and jQuery-ready starter theme for designers and developers, which comes with its own built-in, lightweight CSS grid (https://generic.tools/grid/). This generic/starter/clean/simple/bare/blank/minimalist/example/cheatsheet/white-label/HTML5/CSS3/base/foundation/framework/skeleton/boilerplate/whatever theme was created specifically as a tool to assist you with building client sites virtually from scratch or building your own themes. It's updated to reflect new standards and trends in web design to provide a solid foundation for features that every website is expected to support nowadays, but please post bug reports, suggestions for improvement, or support requests on GitHub (https://github.com/bhadaway/generic-theme/issues) if you're getting jammed up. The biggest point of discussion would be the semi-minification of Generic's code. This simplicity, like the omission of comments in the code is intentional. If you prefer formatting, you're welcome to format the code any way you like. If I was able to help you out, consider making a donation (https://calmestghost.com/donate). Thank you and enjoy! Tags: accessibility-ready, one-column, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready, blog, e-commerce, portfolio Version: 2.0.1 Requires at least: 5.2 Tested up to: 6.5 Requires PHP: 7.4 License: GNU General Public License v3 or Later License URI: https://www.gnu.org/licenses/gpl.html Text Domain: generic Generic WordPress Theme © 2015-2024 GenericTools Generic is distributed under the terms of the GNU GPL */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:all 0.5s ease} body{ /*font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;*/ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:16px; /*color:#767676;*/ color:#606060; line-height:normal; word-wrap:break-word; background:#222 } h1, h2, h3, h4, h5, h6{font-weight:bold;margin-bottom:30px} h2, h3, h4, h5, h6{margin-top:40px} h1{font-size:35px} h2{font-size:30px} h3{font-size:25px} h4{font-size:20px} h5{font-size:18px} h6{font-size:16px} p{margin:30px 0} .page #content p, .single-post #content p{font-size:18px;line-height:145%} * p:last-of-type, #sidebar .widget-container:last-child{margin-bottom:0} a{color:#007acc} a:hover, a:focus{text-decoration:none} strong{font-weight:bold} em{font-style:italic} pre{overflow-x:auto;white-space:pre-wrap} pre, code{font-family:'courier new',courier,serif} hr{height:1px;border:0;margin:30px 0;background:#ccc} blockquote{padding:15px;border-left:4px solid #ccc;margin:30px 0} blockquote p:first-of-type{margin-top:0} .entry-content ul, .widget-container ul, .comment-body ul, .entry-content ol, .widget-container ol, .comment-body ol{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;margin:30px 0 30px 60px} .entry-content ul ul, .widget-container ul ul, .comment-body ul ul, .entry-content ol ol, .widget-container ol ol, .comment-body ol ol, .entry-content ul ol, .widget-container ul ol, .comment-body ul ol, .entry-content ol ul, .widget-container ol ul, .comment-body ol ul{margin-top:0;margin-bottom:0} .entry-content ol, .widget-container ol, .comment-body ol{list-style:decimal outside;list-style-type:decimal-leading-zero;margin-left:70px} .entry-content ul li, .widget-container ul li, .comment-body ul li{/*list-style-type:'— '*/} .entry-content li, .widget-container li, .comment-body li{line-height:125%;margin:20px 0} input, textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;padding:15px;border:0;border-bottom:1px solid transparent;outline:0;margin-top:10px;background:#f6f6f6} input:focus, textarea:focus{border-bottom:1px solid #007acc} input[type="submit"], button, .button{display:inline-block;font-family:georgia,serif;font-size:18px;color:#fff;text-align:center;text-decoration:none;padding:15px 25px;border:0;background:#007acc;cursor:pointer} input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus, .button:hover, .button:focus{opacity:0.8} a img, input[type="image"], iframe{border:0} a img:hover, a:focus img, a svg:hover, a:focus svg{opacity:0.8} img, img[src$=".svg"], svg{display:inline-block;line-height:normal;vertical-align:middle} img, video, audio, table, select, textarea{max-width:100% !important;height:auto} table{width:100%;margin:30px 0} #wrapper{display:flex;flex-direction:column;max-width:1100px;min-height:100vh;margin:0 auto}/*100%*/ #header, #container, #footer{padding:5%} #branding{float:left} #logo{max-height:100%} #container{flex:1;background:#fff} #content{width:75%;padding-right:5%;float:left} #content.full-width{width:100%;padding-right:0;float:none} #sidebar{width:25%;float:right} #footer{clear:both} #menu{margin-top:10px;float:right} #menu div:first-of-type{float:left} #menu ul{font-size:0} #menu ul, #menu li, #menu a{position:relative;display:inline;list-style:none;margin:0;padding:0} #menu li.menu-item-has-children > a:after, #menu li.page_item_has_children > a:after{font-family:serif;content:' ▾';line-height:0} #menu li.current-menu-item a, #menu li.current_page_parent a{} #menu a{display:inline-block;font-size:18px;color:#fff;text-align:right;text-decoration:none;line-height:33px;padding-bottom:10px;margin-top:-1px;margin-right:25px} #menu a:hover, #menu a:focus{color:#767676;text-decoration:none} #menu ul.sub-menu, #menu ul.children{position:absolute;display:block;top:100%;left:-9999px;margin-top:20px;transition:unset;z-index:1000} #menu ul.sub-menu a, #menu ul.children a{width:200px;font-size:14px;color:#333;text-align:left;line-height:20px;padding:15px;border:1px solid #eee;background:#fff} #menu ul.sub-menu a:hover, #menu ul.sub-menu a:focus, #menu ul.children a:hover, #menu ul.children a:focus{color:#767676;background:#f7f7f7} #menu li.menu-item-has-children a:hover + ul.sub-menu, #menu li.menu-item-has-children a:focus + ul.sub-menu, #menu li.menu-item-has-children a + ul.sub-menu:hover, #menu li.menu-item-has-children a + ul.sub-menu:focus-within, #menu li.page_item_has_children a:hover + ul.children, #menu li.page_item_has_children a:focus + ul.children, #menu li.page_item_has_children a + ul.children:hover, #menu li.page_item_has_children a + ul.children:focus-within{left:0} #menu .menu-toggle{display:none;color:#fff;text-align:center;padding:0;border:0;margin:0;background:none;transition:unset} #menu .menu-toggle:hover, #menu .menu-toggle:focus{color:#007acc} #menu .menu-icon{font-size:50px} #search{float:right} #search .search-field{width:36px;height:36px;color:transparent;padding:10px;border-color:transparent;margin-top:0;background-color:#transparent;background-image:url(images/find-light.png);cursor:pointer} #search .search-field:focus{width:200px;color:#fff;border-color:#007acc;cursor:text} .widget-container .search-field{width:100%} .error404 .entry-content .search-field, .search .entry-content .search-field{width:200px;margin-top:30px} .error404 .entry-content .search-field, .search .entry-content .search-field, .widget-container .search-field{background-color:#f6f6f6} .search-field{background:url(images/find.png) no-repeat 98% center / 24px auto} #site-title h1, #site-title a{display:inline;font-size:40px;font-weight:normal;color:#fff;text-decoration:none;margin-bottom:0} #site-description, #copyright, #copyright a{color:#8a8a8a} .single h1.entry-title a{color:#767676;text-decoration:none} h2.entry-title, h3.widget-title{margin-top:0} #commentform label{display:block} #commentform #comment{width:100%;max-width:400px !important;height:auto} #comments .comment-author{line-height:14px} #comments .comment-author img{margin-right:5px;float:left} #comments .comment{margin:20px 10px} #comments .comment-body{padding:15px} #comments .odd > .comment-body{background:#f6f6f6} #comments .comment-body > p{font-size:16px;margin:15px 0 0} #copyright{text-align:center} .entry-meta, .entry-footer, .archive-meta{margin:30px 0} .entry-footer{clear:both} .entry-meta, .entry-meta a, .entry-footer, .entry-footer a, .comment-meta, .comment-meta a, .comment-author, .comment-author a{font-size:14px;color:#767676} .sticky{padding-bottom:60px;border-bottom:4px solid #ccc} .bypostauthor{} .post, .widget-container, .search article{margin-bottom:60px} .post:last-of-type{margin-bottom:0} .wp-caption{width:auto !important} .wp-caption.aligncenter, .wp-caption-text, .gallery-caption{text-align:center} .wp-block-gallery ul, .wp-block-gallery ul li, .wp-block-gallery ul li:before{content:'';margin:0} .wp-post-image{display:block;margin-bottom:30px} .entry-attachment img{display:block;margin:60px auto 30px} .attachment .entry-caption{text-align:center} .alignleft{margin:0 30px 30px 0;float:left} .alignright{margin:0 0 30px 30px;float:right} .aligncenter{display:block;margin:30px auto;clear:both} #content p.wp-block-cover-text{color:#fff} .nav-links{margin-top:30px} .nav-links a, #nav-above a{text-decoration:none} #nav-above a{display:block;font-family:tahoma,sans-serif;font-size:50px;color:#767676;line-height:0;margin:30px 0 15px} .nav-previous{text-align:left;float:left} .nav-next{text-align:right;float:right} .note{display:block;font-size:14px;padding:20px;margin:30px 0} .icon{display:inline-block;width:32px;height:32px;line-height:normal;vertical-align:middle;mask-size:cover;background-color:currentColor} .symbol{font-family:"Times","Times New Roman","serif","sans-serif",system-ui,-apple-system,BlinkMacSystemFont,"Avenir Next","Avenir","Segoe UI","Lucida Grande","Helvetica Neue","Helvetica","Fira Sans","Roboto","Noto","Droid Sans","Cantarell","Oxygen","Ubuntu","Franklin Gothic Medium","Century Gothic","Liberation Sans",sans-serif,"EmojiSymbols"} .round{border-radius:100px} .circle{border-radius:50%} .blue, .blue *, .blue-dark, .blue-dark *, .green, .green *, .green-dark, .green-dark *, .orange, .orange *, .purple, .purple *, .red, .red *, .black, .black *{color:#fff} .white, .white *, .yellow, .yellow *{color:#000} .white{background-color:#fff !important} .blue{background-color:#007acc !important} .blue-dark{background-color:#1c78b5 !important} .green{background-color:#91da29 !important} .green-dark{background-color:#5d8c1a !important} .orange{background-color:#f98733 !important} .purple{background-color:#bb6cf8 !important} .red{background-color:#ef645d !important} .yellow{background-color:#f8f658 !important} .black{background-color:#4a4a45 !important} .lighter{background-color:rgba(255,255,255,0.05)} .darker{background-color:rgba(0,0,0,0.05)} .overlay:before{position:fixed;top:0;left:0;width:100%;height:100%;content:'';background:rgba(0,0,0,0.5);z-index:0} .layer{width:100%;padding:5%} .layer-inner{max-width:800px;margin:0 auto} .box, .box-2, .box-3, .box-4, .box-5, .box-6, .box-1-3, .box-2-3{display:inline-block;width:100%;padding:5%;vertical-align:top;float:left} .box-2{width:50%} .box-3, .box-1-3{width:33.3333333%} .box-4{width:25%} .box-5{width:20%} .box-6{width:16.6666667%} .box-2-3{width:66.6666666%} .left{text-align:left} .center{text-align:center} .right{text-align:right} .float-left{float:left} .float-right{float:right} .clear{clear:both} .clear-left{clear:left} .clear-right{clear:right} .clear-float:after, #header:after, #container:after, .boxes:after{display:table;content:'';clear:both} .offset{padding-top:100px;margin-top:-100px} .spacer{display:inline-block;width:25px} .mobile, .desktop{display:none} @media(max-width:1024px){.box-5, .box-6{width:25%}.boxes .box-5:nth-child(5){width:100%}.boxes .box-6:nth-child(5), .boxes .box-6:nth-child(6){width:50%}} @media(min-width:769px){#logo-container{display:block;height:35px;margin-bottom:10px}.desktop{display:block}} @media(max-width:768px){#header, #footer{text-align:center}#content, #sidebar{width:100%;padding:0}#branding, #menu, #menu div:first-of-type, #search{float:none}#search{margin-top:20px}#search .search-field{width:100%;color:#fff;border-color:#8a8a8a;cursor:text}#search .search-field:focus{width:100%}#menu.toggled{width:100%;height:100%;bottom:0;overflow-x:hidden;overflow-y:auto;z-index:1000}#menu .menu-toggle{display:inline-block}#menu ul{display:none}#menu.toggled ul, #menu.toggled ul.sub-menu, #menu.toggled ul.children{display:block;position:relative;top:0;left:0;padding:0 0 10px 0;margin:0}#menu.toggled ul.sub-menu, #menu.toggled ul.children{padding-bottom:0}#menu.toggled a, #menu.toggled ul.sub-menu a, #menu.toggled ul.children a{display:inline-block;width:100%;font-size:18px;color:#fff;text-align:center;line-height:20px;padding:15px 0 5px;border:0;margin:0;background:none}#menu.toggled ul.sub-menu a, #menu.toggled ul.children a{color:#ccc}.box-4, .box-5, .box-6{width:50%}.mobile{display:block}} @media(max-width:767px){.single .nav-links .nav-previous, .single .nav-links .nav-next{float:none}.box-3{width:50%}.boxes .box-3:nth-child(3){width:100%}} @media(max-width:576px){#header, #container, #footer, .layer{padding:10%}.wp-caption, input, textarea, .button{width:100% !important}input[type="checkbox"], input[type="radio"]{width:auto !important}.box-2, .box-3, .box-4, .box-5, .box-6, .boxes .box-6:nth-child(5), .boxes .box-6:nth-child(6), .box-2-3, .box-1-3{width:100%}.spacer{display:block;width:100%;height:30px}} @media(prefers-color-scheme:light){body, #container{background:#fff}#header{background:#111}} @media(prefers-color-scheme:dark){body, #container{background:#111}} @media print{*{color:#000 !important;background:#fff !important}body{padding:50px !important;margin:0 !important}#content{display:block !important;padding:0 !important;margin:0 !important}#header, #sidebar, #footer, #comments, .entry-footer, .navigation, .share, .video-wrap, iframe, img{display:none !important}} .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal} .screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} .skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline} .skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto} .visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap} .looper{display:none} .search-submit{display:none !important} a,a:visited{ color: darkgreen; } h1,h2,h3,h4,h5,h6{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } h1.entry-title{ color: #494949;/*#202020;*//*文字色*/ padding: 0.5em;/*文字周りの余白*/ display: inline-block;/*おまじない*/ line-height: 1.3;/*行高*/ background: #ffffff;/*#84ae92;*//*#b9d4aa;*//*#faffca;*//*#dbebf8;*//*背景色*/ vertical-align: middle; border-radius: 10px 10px 10px 10px;/*左側の角を丸く*/ width: 100%; border: dotted 2px #84ae92; } h1.entry-title:before { content: '●'; color: #84ae92;/*white;*/ margin-right: 8px; } h2.entry-title{} h3 { padding: 0.25em 0.5em;/*上下 左右の余白*/ color: #494949;/*文字色*/ background: transparent;/*背景透明に*/ border-left: solid 5px #b9d4aa;/*#7db4e6;*//*左線*/ } h3.lcp_title{ padding: 0.25em 0.5em;/*上下 左右の余白*/ color: #494949;/*文字色*/ background: transparent;/*背景透明に*/ border-left: solid 5px #b9d4aa;/*左線*/ border-bottom: dotted 1px #dddddd; } h3.widget-title ,h3.member-nav-title{ position: relative; background: #b9d4aa; border-left: none; border-radius: 3px; font-size: 22px; padding-left: 1rem; padding-top: 0.8rem; padding-bottom: 0.8rem; text-align: center; } h3.widget-title:after ,h3.member-nav-title:after{ position: absolute; content: ''; top: 100%; left: 20px; border: 15px solid transparent; border-top: 15px solid #b9d4aa; width: 0; height: 0; } #header{ /*background-color: #007acc;*/ background-color: #85ae76 ; padding: 2rem; padding-bottom: 1rem; border-radius: 10px; margin-top: 2px; } #menu{ width:100%; margin-top: 2rem; font-size: 1.3rem; display: flex; justify-content: center; } #menu a:hover{ /*text-decoration: underline;*/ color: #ffffff; } /*G-Nav*/ ul#menu-2025-main-nav li.menu-item{ border-right: 1px dotted #ffffff; font-size: 1.3rem; } ul#menu-2025-main-nav li.menu-item:last-child{ border-right:none; } ul#menu-2025-main-nav li.menu-item a{ margin-left: 20px !important; position: relative; font-size: 22px; letter-spacing: 1PX; } ul#menu-2025-main-nav li.current-menu-item a{ text-decoration: underline; color: #666600; } ul#menu-2025-main-nav li.menu-item a::after { position: absolute; left: 0; content: ''; width: 100%; height: 1px; background: #ffffff; bottom: 10px; /*アンダーラインがaタグの下端から現れる*/ transform: scale(0, 1); /*アンダーラインの縮尺比率。ホバー前はx方向に0*/ transform-origin: left top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/ transition: transform 0.5s; /*変形の時間*/ } ul#menu-2025-main-nav li.menu-item a:hover::after { transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/ } /*G-Nav*/ #site-description{ color: #ffffff; margin-top: 1.5rem; text-align: right; font-size: 18px; } #search { display: none; } span.screen-reader-text{ margin-bottom: 2rem; } #footer{ color: #ffffff; background-color: #85ae76 ; padding: 1%; border-radius: 5px; margin-bottom: 3px; } #copyright{ color: #ffffff; } #logo-container { margin-bottom: 2rem; } ul li{ list-style: disc; } /*新着情報*/ ul.lcp_catlist{ margin-top: 0; } ul.lcp_catlist li{ list-style: disc; margin-left: 2rem; margin-top: 10px; margin-bottom: 10px; } ul.lcp_catlist{ /* border:dotted 1px #dddddd; border-radius: 10px;*/ margin-left: 0; } span.lcp_date{ margin-right: 1rem; font-weight: bold; } /*新着情報*/ /*写真のテキスト*/ p.wp-caption-text{ font-size: 12px !important; margin-top: 10px; } /*写真のテキスト*/ /*会員テーブル*/ table.menber_table{ border-collapse: collapse; /* セルの線を重ねる */ border: solid 1px #efefef; } table.menber_table tr:nth-child(odd) { background-color: #efefef; /* 背景色指定 */ } table.menber_table tr.top_row{ font-weight: bold; } table.menber_table th,table.menber_table td { padding: 5px 10px; /* 余白指定 */ vertical-align: middle; } /*会員テーブル*/ /*会員薬局一覧*/ h5.slist_h5{ margin-bottom: 1rem; } p.s_list_p{ margin: 0; } /*会員薬局一覧*/ /*会員紹介一覧*/ ul.mlist_ul{ margin-left: 0; display: flex; flex-wrap: wrap; justify-content: space-around; } ul.mlist_ul li{ list-style: none; border: 1px solid #dddddd; box-sizing: border-box; width: 40%; text-align: center; } h5.mlist_h5{ margin-bottom: 1rem; margin-top: 1rem; } h5.mlist_h5 a{} p.m_list_img{ margin-top: 1rem; margin-bottom: 1rem; } p.m_list_noimg{ height: 150px; margin-top: 1rem; margin-bottom: 1rem; vertical-align: middle; } p.m_list_img img{} p.m_list_p{ margin-top: 1rem; margin-bottom: 1rem; } /*会員紹介一覧*/ /*会員紹介ページ*/ table.kaiin-info-table{ border-collapse: collapse; /* セルの線を重ねる */ border: 1px solid #efefef; } table.kaiin-info-table tr:nth-child(odd) { background-color: #efefef; /* 背景色指定 */ } table.kaiin-info-table th{ width: 30%; } table.kaiin-info-table th,table.kaiin-info-table td { padding: 5px 10px; /* 余白指定 */ text-align: center; vertical-align: middle; border: 1px solid #efefef; } table.kaiin-info-table tr{} table.kaiin-info-table th{ font-weight: bold; } table.kaiin-info-table td{} table.kaiin-info-table td p{ margin-bottom: 1rem; margin-top: 1rem; } /*会員紹介ページ*/ p.shop-txt{ margin-bottom: 1rem; margin-top: 1rem; } ul.xoxo li{ list-style: none; } /*カレンダー*/ #wp-calendar{ margin-top: 1rem; } #wp-calendar caption{ font-size: 120%; } #wp-calendar tfoot tr{ text-align: center; } /*カレンダー*/ /*サイドバーナビボタン*/ ul.member-nav li.member-nav-item ,#menu-2025-member-nav li.menu-item{ list-style: none; margin-bottom: 0.5rem; border-radius: 5px; border:dotted 1px #dddddd; } ul.member-nav li.member-nav-item a ,#menu-2025-member-nav li.menu-item a{ background: #fafafa; border-radius: 3px; position: relative; display: flex; justify-content: space-around; align-items: center; margin: 0 auto; max-width: 280px; padding: 10px 25px; color: #313131; transition: 0.3s ease-in-out; font-weight: 500; letter-spacing: 1px; } ul.member-nav li.member-nav-item a:after ,#menu-2025-member-nav li.menu-item a:after{ content: ""; position: absolute; top: 50%; bottom: 0; right: 1rem; font-size: 90%; display: flex; justify-content: center; align-items: center; transition: right 0.3s; width: 6px; height: 6px; border-top: solid 2px currentColor; border-right: solid 2px currentColor; transform: translateY(-50%) rotate(45deg); } ul.member-nav li.member-nav-item a:hover ,#menu-2025-member-nav li.menu-item a:hover{ background: #85ae76; color: #FFF; } #menu-2025-member-nav li.current-menu-item a{ background-color: #85ae76; color: #FFF; text-decoration: none; } ul.member-nav li.member-nav-item a:hover:after ,#menu-2025-member-nav li.menu-item a:hover:after{ right: 1.4rem; } /**/ @media (max-width: 768px) { #header{ padding: 1rem; } #menu { display: flex; justify-content: right; margin-top: 0; } #logo-container { font-size: 32px; } #site-description{ margin-top: 0; text-align: center; } #container{ padding-left: 1rem; padding-right: 1rem; } }