/* 制作用WordpressテーマCSSです。 フォーマットはBONESを元に、よく使うものを盛り込んでいます。 元から入っていたBONESのCSSは制作でいらない、使ってないものはごっそり消してます。 ■normalize.min.cssについて http://www.initializr.com/ から生成したものを元に改良して読み込んでいます。 改良する時ははnormalize.cssを変更して圧縮したものを読み込むか、 下の@importでnormalize.cssを読み込むようにしてください。 ■addstyle.cssについて 共同開発用のサブCSSファイルです。 同時にCSSを触るとき、ファイルを上書きしない為のものです。 ーーーCSSのレスポンシブ設定ーーー スマホ表示のみ対応 iphone 6pulsの横を基準に736pxでブレイクポイントを設置してます。 基本iphoneの縦向きに合わせて組んでます。 ipad以上はJSでviewvort切り替えて横1200pxでPCを表示するように設定してます。 by maru */ @charset "UTF-8"; @import url("normalize.css"); @import url("https://smile-yume.com/ryuseikai/wp-content/themes/zenkyoken006/library/css/icomoon.css"); /* @import url("icomoon.css"); */ /* ========================================================================== font-famiry CSS ※2017年ベスト盤font-family指定 by Maru ========================================================================== */ @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; } @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200; } @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300; } @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400; } @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold; } @font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 100; } @font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 200; } body { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; } /* IE10以上 */ @media all and (-ms-high-contrast: none) { body { font-family: Verdana, Meiryo, sans-serif; } } /* ========================================================================== over resetCSS ※サイト制作に合わせてリセットCSSを上書きするセクション by Maru ========================================================================== */ html { color: #333; font-size: 14px; line-height: 1; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } body{ overflow-x: hidden; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } h1,h2,h3,h4,h5,h6,h7{margin: 0;} /* 見出しの下マージンが邪魔な場合はここを0にしてから組んで下さい。 */ p{margin:0;} @media only screen and (max-width: 736px) { h1,h2,h3,h4,h5,h6,h7{margin: 0;} } /* link */ a:link{opacity: 1; text-decoration: none; transition: all .3s cubic-bezier(.55,0,.1,1);} a:hover{opacity: 0.7;} /* ========================================================================== 共通CSS by Maru ========================================================================== */ img{max-width: 100%;} /* リキッドレイアウト用のサイズ指定ラッパークラス */ .common-wrap{ max-width: 1200px; margin: 0 auto; display: block; } /* clearfix */ .clear::after{ content: ""; clear: both; display: block; } /* 矢印付きリンクボタン */ .arrowlink-box{ display: block; max-width: 230px; border: 1px solid #FFF; padding: 15px 0; color: #FFF; text-align: center; position: relative; margin: 0 auto; border-radius: 50px; font-size: 19px; font-weight: bold; } .arrowlink-box::before{ display: inline-block; content: ""; border-style: solid; border-width: 5px 0 5px 10px; border-color: transparent transparent transparent #ffffff; position: relative; top: -1px; left: -5px; } .arrowlink-box.ar-black{border-color: #333; color: #333;} .arrowlink-box.ar-black::before{border-color: transparent transparent transparent #333;} /* chrome用videoタグダウンロードボタン非表示 */ video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); /* Adjust as needed */ } @media only screen and (max-width: 736px) { .common-wrap{ max-width: 100%; } } /* ========================================================================== helper CSS ※あると便利なCSS特集 by Maru ========================================================================== */ /* hidden PC,SP表示非表示 */ .sp-only,.sp-only img{display: none !important;} /* youtube responsive */ #youtube{ width: 80%; margin: 0 auto 2rem; } .youtube-resp { position: relative; height: 0; padding: 30px 0 56.25%; overflow: hidden; } .youtube-resp iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } /* 16:9 */ .html5video-wrap { position: relative; height: 0; padding: 30px 0 31%; overflow: hidden; } .html5video-wrap video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (max-width: 736px) { img{margin:0 auto;display: block;} .pc-only,.pc-only img{display: none !important;} .sp-only,.sp-only img{display: block !important;} .html5video-wrap {width: 65% !important; margin:0 auto 30px;} } /* ========================================================================== text装飾 CSS ========================================================================== */ .t-justify{text-align: justify;} .fontbig{font-size: 2rem; font-weight: bold;} .fontsmall{font-size: 12px;} /*SPで読める最小サイズ*/ .normal{font-weight: normal; font-size: 1em;} .bold{font-weight: bold;} .t_under{text-decoration: underline;} .kc-text01{color: #fc9799;} .t_right{text-align: right;} .t_center{text-align: center;} .mincyo{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;} /* ========================================================================== layout CSS ========================================================================== */ /* common culm */ .col{ width: 100%; } .col::after{ content: ""; clear: both; display: block; } .col2{ display: block; float: left; width: 50%; vertical-align: top; } .col2:nth-of-type(1){border-right: 1rem solid transparent;} .col2:nth-of-type(2){border-left: 1rem solid transparent;} .col3 > li, .col4 > li{ display: block; width: 25%; float: left; padding: 0 10px; } .col3 .col4{margin:0 -10px;} .col3 > li{width: 33.33%;} /* 共通margin */ .m80{margin-bottom: 80px;} .m40{margin-bottom: 40px;} .anker-link{ display: block; padding-top: 120px; margin-top: -120px; } @media only screen and (max-width: 736px) { .col{display: block; margin-bottom: 2rem;} .col2{ display: block; width: 100%; float: none; } .col2:nth-of-type(1){border-right: none;} .col2:nth-of-type(2){border-left: none;} .col3 > li, .col4 > li{ padding: 0; } .col3 > li{width: 100%; float: none;} .col4 > li{width: 50%;} .col4{margin:0;} .m80{margin-bottom: 40px;} .m40{margin-bottom: 20px;} } /* ========================================================================== form parts CSS ※BONESのもの ========================================================================== */ input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, textarea, .field { display: block; height: 40px; line-height: 40px; padding: 0 12px; margin-bottom: 14px; font-size: 1em; color: #333; border-radius: 1px; vertical-align: middle; box-shadow: none; border: 0; width: 100%; max-width: 400px; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #eaedf2; -webkit-transition: background-color 0.24s ease-in-out; transition: background-color 0.24s ease-in-out; } #wp_form input[type="text"], #wp_form input[type="password"], #wp_form input[type="datetime"], #wp_form input[type="datetime-local"], #wp_form input[type="date"], #wp_form input[type="month"], #wp_form input[type="time"], #wp_form input[type="week"], #wp_form input[type="number"], #wp_form input[type="email"], #wp_form input[type="url"], #wp_form input[type="search"], #wp_form input[type="tel"], #wp_form input[type="color"], #wp_form select, #wp_form textarea {box-shadow: 1.7px 2.2px 0.4px 1px rgba(76,11,11,0.3) inset;} .box_row input{margin: 3px 3px 13px 0px !important;} input[type="text"]:focus, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="datetime"]:focus, input[type="datetime"]:active, input[type="datetime-local"]:focus, input[type="datetime-local"]:active, input[type="date"]:focus, input[type="date"]:active, input[type="month"]:focus, input[type="month"]:active, input[type="time"]:focus, input[type="time"]:active, input[type="week"]:focus, input[type="week"]:active, input[type="number"]:focus, input[type="number"]:active, input[type="email"]:focus, input[type="email"]:active, input[type="url"]:focus, input[type="url"]:active, input[type="search"]:focus, input[type="search"]:active, input[type="tel"]:focus, input[type="tel"]:active, input[type="color"]:focus, input[type="color"]:active, select:focus, select:active, textarea:focus, textarea:active, .field:focus, .field:active { color:#000; background-color: #f7f8fa; } input[type="text"].error, input[type="text"].is-invalid, input[type="password"].error, input[type="password"].is-invalid, input[type="datetime"].error, input[type="datetime"].is-invalid, input[type="datetime-local"].error, input[type="datetime-local"].is-invalid, input[type="date"].error, input[type="date"].is-invalid, input[type="month"].error, input[type="month"].is-invalid, input[type="time"].error, input[type="time"].is-invalid, input[type="week"].error, input[type="week"].is-invalid, input[type="number"].error, input[type="number"].is-invalid, input[type="email"].error, input[type="email"].is-invalid, input[type="url"].error, input[type="url"].is-invalid, input[type="search"].error, input[type="search"].is-invalid, input[type="tel"].error, input[type="tel"].is-invalid, input[type="color"].error, input[type="color"].is-invalid, select.error, select.is-invalid, textarea.error, textarea.is-invalid, .field.error, .field.is-invalid { color: #fbe3e4; border-color: #fbe3e4; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #fbe3e4; } input[type="text"].success, input[type="text"].is-valid, input[type="password"].success, input[type="password"].is-valid, input[type="datetime"].success, input[type="datetime"].is-valid, input[type="datetime-local"].success, input[type="datetime-local"].is-valid, input[type="date"].success, input[type="date"].is-valid, input[type="month"].success, input[type="month"].is-valid, input[type="time"].success, input[type="time"].is-valid, input[type="week"].success, input[type="week"].is-valid, input[type="number"].success, input[type="number"].is-valid, input[type="email"].success, input[type="email"].is-valid, input[type="url"].success, input[type="url"].is-valid, input[type="search"].success, input[type="search"].is-valid, input[type="tel"].success, input[type="tel"].is-valid, input[type="color"].success, input[type="color"].is-valid, select.success, select.is-valid, textarea.success, textarea.is-valid, .field.success, .field.is-valid { color: #e6efc2; border-color: #e6efc2; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: #e6efc2; } input[type="text"][disabled], input[type="text"].is-disabled, input[type="password"][disabled], input[type="password"].is-disabled, input[type="datetime"][disabled], input[type="datetime"].is-disabled, input[type="datetime-local"][disabled], input[type="datetime-local"].is-disabled, input[type="date"][disabled], input[type="date"].is-disabled, input[type="month"][disabled], input[type="month"].is-disabled, input[type="time"][disabled], input[type="time"].is-disabled, input[type="week"][disabled], input[type="week"].is-disabled, input[type="number"][disabled], input[type="number"].is-disabled, input[type="email"][disabled], input[type="email"].is-disabled, input[type="url"][disabled], input[type="url"].is-disabled, input[type="search"][disabled], input[type="search"].is-disabled, input[type="tel"][disabled], input[type="tel"].is-disabled, input[type="color"][disabled], input[type="color"].is-disabled, select[disabled], select.is-disabled, textarea[disabled], textarea.is-disabled, .field[disabled], .field.is-disabled { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6; } input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active, input[type="password"][disabled]:focus, input[type="password"][disabled]:active, input[type="password"].is-disabled:focus, input[type="password"].is-disabled:active, input[type="datetime"][disabled]:focus, input[type="datetime"][disabled]:active, input[type="datetime"].is-disabled:focus, input[type="datetime"].is-disabled:active, input[type="datetime-local"][disabled]:focus, input[type="datetime-local"][disabled]:active, input[type="datetime-local"].is-disabled:focus, input[type="datetime-local"].is-disabled:active, input[type="date"][disabled]:focus, input[type="date"][disabled]:active, input[type="date"].is-disabled:focus, input[type="date"].is-disabled:active, input[type="month"][disabled]:focus, input[type="month"][disabled]:active, input[type="month"].is-disabled:focus, input[type="month"].is-disabled:active, input[type="time"][disabled]:focus, input[type="time"][disabled]:active, input[type="time"].is-disabled:focus, input[type="time"].is-disabled:active, input[type="week"][disabled]:focus, input[type="week"][disabled]:active, input[type="week"].is-disabled:focus, input[type="week"].is-disabled:active, input[type="number"][disabled]:focus, input[type="number"][disabled]:active, input[type="number"].is-disabled:focus, input[type="number"].is-disabled:active, input[type="email"][disabled]:focus, input[type="email"][disabled]:active, input[type="email"].is-disabled:focus, input[type="email"].is-disabled:active, input[type="url"][disabled]:focus, input[type="url"][disabled]:active, input[type="url"].is-disabled:focus, input[type="url"].is-disabled:active, input[type="search"][disabled]:focus, input[type="search"][disabled]:active, input[type="search"].is-disabled:focus, input[type="search"].is-disabled:active, input[type="tel"][disabled]:focus, input[type="tel"][disabled]:active, input[type="tel"].is-disabled:focus, input[type="tel"].is-disabled:active, input[type="color"][disabled]:focus, input[type="color"][disabled]:active, input[type="color"].is-disabled:focus, input[type="color"].is-disabled:active, select[disabled]:focus, select[disabled]:active, select.is-disabled:focus, select.is-disabled:active, textarea[disabled]:focus, textarea[disabled]:active, textarea.is-disabled:focus, textarea.is-disabled:active, .field[disabled]:focus, .field[disabled]:active, .field.is-disabled:focus, .field.is-disabled:active { background-color: #d5edf8; } input[type="password"] { letter-spacing: 0.3em; } textarea { max-width: 100%; min-height: 120px; line-height: 1.5em; } /* フォームボタン */ .submitbtns input{ border: none; background: #ffa7a7; padding:10px 0; text-align: center; color: #fff; font-size: 18px; font-weight: bold; border-radius: 5px; width: 120px; margin: 0 10px; } .submitbtns input.back{background: #98dcbd;} /* 申し込みフォーム関連 */ .req{ /* background: #fff; color: #eb6262; */ background: #eb6262; color: #fff; padding: 3px; font-size: 12px; border-radius: 5px; position: relative; top: -1px; margin-left: 10px; } /* ========================================================================== パンくずCSS ========================================================================== */ /*** PC ***/ #breadcrumbs { max-width: 1300px; margin: 0 auto; position: relative; vertical-align: middle; } .breadcrumbs { padding-top: 8px; padding-bottom: 8px; padding-left: 110px; display: block; background-color: #f4f4f4; box-shadow: 0 3px 3px #ccc inset; } #breadcrumbs br{display: none;} /* ========================================================================== トップページに戻るボタン ========================================================================== */ #back-top { position: fixed; bottom: 20px; right: 20px; } #back-top a { display: block; width: 60px; height: 60px; z-index: 999; padding: 10px; background-color: rgba(160, 103, 103, 0.8); color: #fff; text-decoration: none; text-align: center; line-height: 1.2; font-size: 12px; border-radius: 5px; } /* ========================================================================== toppage CSS by Maru ========================================================================== */ /************************* H1, H2, H3, H4, H5 STYLES *************************/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { text-rendering: optimizelegibility; font-weight: 500; /* if you're going to use webfonts, be sure to check your weights http://css-tricks.com/watch-your-font-weight/ */ /* removing text decoration from all headline links */ } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; } h1, .h1 { font-size: 2.5em; line-height: 1.333em; } h2, .h2 { font-size: 1.75em; line-height: 1.4em; margin-bottom: 0.375em; } h3, .h3 { font-size: 1.125em; } h4, .h4 { font-size: 1.1em; font-weight: 700; } h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; } /********************* HEADER STYLES *********************/ /* header */ header.header{ width: 100%; position: fixed; z-index: 9999; } .header-wrap{ /* max-width: 1300px; */ width: 100%; margin: 0 auto; position: relative; height: 84px; background:#fff; } #content{padding-top: 84px;} .inner-header{ width: 100%; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .logo{ width: 430px; /* width: 30%; */ /* float: left; */ background:#fc9799; text-align: center; } nav.global-nav{ max-width: 870px; width: 70%; /* float: right; */ } .logo a{display: block; line-height: 60px;} .logo span{ color: #fff; line-height: 1; padding: 10px 0 0 0; text-align: left; max-width: 317px; display: block; margin: 0 auto; } @media only screen and (max-width: 736px) { .logo,nav.global-nav{ width: 100%; max-width: 100%; float: none; display: block; text-align: center;} /* #content{padding-top: 0px;} */ } /********************** metaSlider-nav Override ***********************/ ol.flex-control-nav { bottom: 20px; line-height: 11px; z-index: 999; } .metaslider .flexslider { margin-bottom: 0 !important; } .flex-viewport{overflow: visible !important;} .metaslider{} .metaslider > div{margin: 0 0 40px 0;} .theme-default .nivo-controlNav a{background: url('../images/bullets.png') no-repeat !important; } /* ipadはみ出し対策 */ @media only screen and (max-width: 1366px) { .metaslider{overflow: hidden; overflow-x: hidden;} } @media only screen and (max-width: 736px) { .metaslider > div{margin: 0 0 40px 0;} .flex-viewport{overflow: hidden !important;} } /********************* NAVIGATION STYLES *********************/ /* modal */ .modal-btn{ position: absolute; top:0; right:0; display: none; width: 60px; height: 60px; background-color: #80c269; color: #fff; z-index: 10000; border-style: none; } @media only screen and (max-width: 736px) { /* モーダルメニュー用クラス */ .modal-off{transform: translateX(-100%); transition: transform .3s cubic-bezier(.55,0,.1,1);} .modal-on{transform: translateX(0) !important;} .modal-btn{display: block;} } /* global navi */ nav.global-nav ul{display: table; height: 60px; width: 100%;} nav.global-nav li{ display: table-cell; width: calc(100% / 7); vertical-align: top; } nav.global-nav li a{ display: block; /* height: 60px; */ height: 84px; color: #777; text-align: center; position: relative; } /* 上下左右中央寄せ */ nav.global-nav li a span{ display: block; width: 100%; position: relative; top: 50%; left: 50%; padding: 0 8px; transform: translate(-50%, -50%); font-size: 12px; line-height: 1.6; } /* nav.global-nav li:nth-last-of-type(2) a span, nav.global-nav li:nth-last-of-type(1) a span{top: 70%;} nav.global-nav li:nth-last-of-type(2) a{background-color: #f1f1f1;} nav.global-nav li:nth-last-of-type(1) a{background-color: #aaaaaa; color: #fff;} nav.global-nav li:nth-last-of-type(2) a::before, nav.global-nav li:nth-last-of-type(1) a::before{ display: block; font-family: icomoon; position: absolute; top: 11px; left: 0; right: 0; width: 22px; height: 22px; margin: auto; background-size: contain; background-repeat: no-repeat; font-size: 22px; } nav.global-nav li:nth-last-of-type(2) a::before{content: "\e907";} nav.global-nav li:nth-last-of-type(1) a::before{content: "\e906";} */ nav.global-nav li:nth-last-of-type(1) a span{top: 70%;} nav.global-nav li:nth-last-of-type(1) a{background-color: #f1f1f1;} nav.global-nav li:nth-last-of-type(1) a::before{ display: block; font-family: icomoon; position: absolute; /* top: 11px; */ top: 18px; left: 0; right: 0; width: 22px; height: 22px; margin: auto; background-size: contain; background-repeat: no-repeat; font-size: 22px; } nav.global-nav li:nth-last-of-type(1) a::before{content: "\e907";} @media only screen and (max-width: 736px) { .logo a{text-align: left; padding:0;}/*menuボタンと同じ高さ*/ .logo a img{display: inline-block; margin:0; padding-left: 10px;} nav.global-nav li {display: block; width: 100%;} nav.global-nav ul{height: auto; padding-left: 0;} nav.global-nav{ position: absolute; top:0; left: 0; z-index: 9999; height: 0; } nav.global-nav li{border-bottom: 1px solid #ccc; background-color: white;} /* nav.global-nav li:nth-last-of-type(2), */ nav.global-nav li:nth-last-of-type(1){border-bottom: none;} nav.global-nav li a{ height: auto; line-height: 1.4; padding: 30px 0; } /* nav.global-nav li:nth-last-of-type(2) a, */ nav.global-nav li:nth-last-of-type(1) a{ width: 100%; padding: 20px 0; } nav.global-nav li a span{position: absolute;} nav.global-nav li a span br{display: none;} /* nav.global-nav li:nth-last-of-type(2) a span, */ nav.global-nav li:nth-last-of-type(1) a span{position: relative;} /* nav.global-nav li:nth-last-of-type(2) a::before, */ nav.global-nav li:nth-last-of-type(1) a::before{top: 7px;} /* nav.global-nav li:nth-last-of-type(2) a span, */ nav.global-nav li:nth-last-of-type(1) a span{top: 22px;} } /********************* Index Only(PC) by Maru *********************/ /* メイン画像 */ /* メイン画像 */ .mainph, .mainph img{width: 100%;} /* 新着エリア */ /* .arrowlink::before{ display: inline-block; content: ""; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #777; border-width: 3px 0px 3px 6px; vertical-align: middle; margin-right: 5px; font-size: 12px; } */ .newtopics{ display: table; width: 100%; } .topics-left, .topics-right{display: table-cell; vertical-align: middle;} .topics-left{ width: 16%; /* position: relative; */ } .topics-right{width: 84%;} .topics-left .main-title{margin:0;} /* .topics-left .main-title{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); } */ .topics_body{overflow-y: scroll; height: 170px;} .topics_body ul{width: 100%;} .topics_body ul li div{display: inline-block; margin: 0 20px 12px 0; font-size: 15px;} .topics_body ul li div:last-child{margin-bottom: 0px;} /* カテゴリー色 */ .topics_body ul li div.tcate{ background: #80c269; color: #fff; padding: 5px 10px; font-size: 12px; border-radius: 5px; width: 11em; text-align: center; } .tsubj a{color: #333;} /* SP */ @media only screen and (max-width: 736px) { .newtopics, .topics-left, .topics-right{display: block; width: 100%;} .topics-left .main-title{ position: static; transform: translateY(0%); } .topics_body ul li{margin: 0 0px 20px 0;} .topics_body ul li div:last-child{display: block; margin: 0 0px 5px 0;} .topics_body ul li div.tcate{ background: #80c269; color: #fff; padding: 3px 10px; font-size: 12px; border-radius: 5px; text-align: center; } } /* −−−−−−−−−−−−−−−−−−−−−−コンテンツエリア−−−−−−−−−−−−−−−−−−−−−− */ .area-box{ padding: 60px 0; margin: 0 auto; } .main-title{display: block; text-align: center; line-height: 1; margin-bottom: 40px;} .main-title span,.main-title i{display: block;} .main-title span{font-size: 30px; margin-bottom: 16px; } .main-title i{font-size: 13px; color: #985b11; font-style: normal;} /* 各コンテンツの背景色、高さ、画像設定 */ .box-topics{background: #f6f1e3; font-weight: normal;} /* イベント情報 ************************************/ .box-event a{color: #333; display: table; width: 100%;} .box-event .col2 figure, .box-event .col2 div{display: table-cell; vertical-align: top;} .box-event .col2 figure{width: 40%;} .box-event .col2 div{width: 60%;} .box-event .col2 div{ border-width:3px; border-style:solid; border-color:#e5e5e5 #e5e5e5 #e5e5e5 transparent; padding: 20px 30px 20px 20px; text-align: left; line-height: 1.8; font-size: 14px; } .box-event .col2 div h4{font-size: 30px;} /* ゆめパラティースのサービス ************************************/ .main-title .kc-text01{font-weight: normal;} .box-service .col2{border:none;} .box-service .col2 a{ display: table; width: 100%; color: #fff; } .box-service .col.first a{background: #fc9799;} .box-service .col.second a{background: #f9b3b4;} .box-service .col2 a > div, .box-service .col2 a > figure{display: table-cell; vertical-align: middle;} .box-service .col2 a > div{width: 40%;} .box-service .col2 a > figure{width: 60%;} .service-left{position: relative;} .service-left p{ text-align: center; } .service-left::before{ font-family: icomoon; content: "\e90f"; font-size: 20px; position: absolute; color: #333; opacity: 0.3; bottom: 10px; right: 10px; } .service-left i, .service-left span{display: block;} .service-left span{font-size: 23px;} /* アイコン */ .symbolmark i{ display: block; border:2px solid #fff; border-radius: 110px; width: 110px; height: 110px; margin: 0 auto; position: relative; margin-bottom: 20px; } .symbolmark i::before{ position: absolute; color: #fff; font-size: 60px; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* アクセス ************************************/ .box-access .col2:first-child{width: calc(50% - 20px); padding-left: 40px;} .box-access .col2:last-child{width: calc(50% - 20px);} .access-info p{margin-bottom: 35px;} .access-info dl{border-left: 4px solid #c5c5c5; padding-left: 24px; line-height: 2;} .access-info dt{font-weight: bold;} .access-info dd{margin:0;} /* SP */ @media only screen and (max-width: 736px) { .box-service .col.first{margin-bottom: 0;} /* アイコン */ .symbolmark i{ width: 60px; height: 60px; margin-bottom: 10px; } .symbolmark i::before{ font-size: 30px; } .service-left span{font-size: 14px;} /* アクセス ************************************/ .box-access .col2:first-child, .box-access .col2:last-child{width: 100%; padding-left: 0px;} .box-access .col2:first-child{margin-bottom: 40px;} } /* −−−−−−−−−−−−−−−−−−−−−−コンテンツエリア SPメイン−−−−−−−−−−−−−−−−−−−−−− */ @media only screen and (max-width: 736px) { .content-wrap{ width: 100%; } .main-title span{font-size: 20px;} .main-title i{font-size: 12px;} /* 各コンテンツの背景色、高さ、画像設定 */ .area-box{padding: 40px 10px;} .area-box p{line-height: 1.4; margin-left: 0;} .area-box.box-service{padding: 0 10px 0 10px;} } /* コンテンツ部分のスマホ縦横表示微調整 */ @media only screen and (max-width: 736px) { .contents-link a{height: 320px;} } @media only screen and (max-width: 414px) { .contents-link a{height: 270px;} } /********************* FOOTER STYLES by Maru *********************/ .footer { background-color: #ffa7a7; padding: 80px 0 20px; } /* 隆生福祉会の施設一覧 ************************************/ .box-facility .main-title > *{color: #fff;} .facility-flexbox{ width: 100%; margin:0 auto 100px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: stretch; justify-content: space-between; } .facility-flexbox > div{ width: calc(33.33% - 12px); background: #fff; margin: 0 0px 24px 0px; padding: 10px; } .facility-flexbox > div > a{ display: block; color: #333; } .facility-flexbox > div > a:hover{opacity: 1;} .facility-info{margin-bottom: 20px; display: table; width: 100%;} .facility-info figure, .facility-info div{display: table-cell; vertical-align: top; font-size: 12px;} .facility-info div{padding-left: 10px; width: calc(100% - 100px);} .facility-info figure{width: 100px;} .facility-info div h5{font-size: 18px; margin-bottom: 10px; font-weight: bold; line-height: 1.4;} .facility-info div h5 span{font-size: 12px;} .facility-info div p{line-height: 1.4;} .icon-list li{display: inline-block; vertical-align: middle; margin-right: 20px;} .icon-list li.list-name{color: #985b11; font-size: 12px; font-weight: bold;} .icon-list li i::before{color: #c3ae95; font-size: 40px;} /* .footer a:not(.footer-formlink), .footer a:link:not(.footer-formlink), .footer a:hover:not(.footer-formlink), .footer a:visited:not(.footer-formlink) {color: #fff;} */ /* footer-infomation */ .footerlink-area{display: block; max-width: 630px; margin: 0 auto; text-align: center;} .footer-info figure{width: 100%; margin-bottom: 50px; text-align: center;} .footer-info p{ color: #fff; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #fff; } /* footer-navi */ nav.footer-gnavi{ display:table; width: 100%; text-align: center; float: none; border-collapse: separate; border-spacing: 50px 0; } nav.footer-gnavi li{display: table-cell;} nav.footer-gnavi li a{color: #fff;} nav.footer-gnavi li a::before{ content: "\25B6"; margin-right:10px; } .footer-nav{display: table; margin: 0 auto;} /* コピーライト */ .footer-copyright{ color: #fff; padding-bottom: 20px; font-size: 12px; text-align: center; } @media only screen and (max-width: 736px) { .footer { padding: 40px 10px 20px; } .footer a{padding:0;} .facility-flexbox{ width: 100%; margin:0 auto 20px; } .facility-flexbox > div{ width: 100%; margin: 0 0px 10px 0px; } .footer-info figure{margin-bottom: 20px;} .icon-list{text-align: center;} .icon-list li.list-name{display: block; margin: 0 0 10px 0; text-align: center;} .icon-list li{margin:0 10px;} .footer-logo {text-align: center; padding: 16px 0; margin-bottom: 0;} .footer-logo > div:last-child{text-align: center;} .footer-logo-form a:first-child{margin-right: 0;} .footerlink-area{display: block; padding:10px;} .footer-info.col{margin-bottom:0;} .footer-info .col2:first-child{text-align: center; margin-bottom: 1em;} .footer-info p{line-height: 1.6;} nav.footer-gnavi {margin-bottom: 17px; text-align: left; border-spacing: 0;} nav.footer-gnavi ul{width: 100%;} nav.footer-gnavi li{display: block;padding-left: 0; margin-left: 0;} nav.footer-gnavi li a{display: block; padding: 10px 0;} nav.footer-gnavi li:last-child{padding-right: 0;} .footer-copyright{text-align: center; line-height: 1.4;} } /* ========================================================================== wordpress CSS ========================================================================== */ /********************* PAGE DEFAULTS STYLES *********************/ /* #main { max-width: 1100px; float: left; } .sidebar { width: 240px; float: left; } */ /* レイアウト切り替え用クラス、右に置きたい要素に付ける */ .last-col { float: right; /* margin-left: 50px !important; */ } /********************* POSTS & CONTENT STYLES *********************/ #content { /*margin-top: 1.5em;*/ margin-top: 0; } /* 固定ページ、投稿ページ共通デフォルト設定 -------------------------------------------------- */ /* 行間設定 */ .entry-content{line-height: 2; font-size: 14px;} /* 固定ページ用デフォルト設定 -------------------------------------------------- */ .hentry { background-color: white; /*border-radius: 3px;*/ margin-bottom: 1.5em; /*border: 1px solid #cccccc;*/ } .hentry header { border-bottom: 1px solid #f8f9fa; /*padding: 1.5em;*/ } .hentry footer { /*padding: 1.5em;*/ /*border-top: 1px solid #f8f9fa;*/ } .hentry footer p { margin: 0; } /* end .hentry */ .single-title, .page-title, .entry-title { margin: 0; } /* want to style individual post classes? Booya! */ /* post by id (i.e. post-3) */ /* general post style */ /* general article on a page style */ /* general style on an attatchment */ /* sticky post style */ /* hentry class */ /* style by category (i.e. category-videos) */ /* style by tag (i.e. tag-news) */ /* post meta */ .byline { color: #9fa6b4; font-style: italic; margin: 0; } /****************************************************************** SINGLE＆ARCHIVE PAGE STYLES ******************************************************************/ /* シングルページ */ .archive-wrap, .single-wrap{ max-width: 1100px; margin: 0 auto; display: block; padding: 50px 0 0 0; } /* #main.archive-contents, */ /* #main.single-contents{width: 100%; margin-bottom: 50px;} */ .single #main{ width: calc(100% - (240px + 50px)); float: left; } .single .sidebar{ width: 240px; float: left; } @media only screen and (max-width: 736px) { .single #main, .single .sidebar{ width: 100%; float: none; } } .single-contents .hentry p{margin-bottom: 1em;} .single-contents .hentry img{ margin: 0 1em 1em 0; /* width: calc(50% - 2em); */ } .archive-title, .single-title{ font-size: 30px; padding: 0 0 0 20px; border-left: 10px solid #ffa7a7; margin: 0 0 50px 0; position: relative; line-height: 1.2; font-weight: normal; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; } .single-contents table{border:2px solid #333;} .single-contents table th,.single-contents table td{ border-left:1px solid #999; border-bottom:1px solid #999; padding: 8px; } .single-contents table tr:nth-child(even){background-color: rgba(255,255,255,0.6)!important;} .single-contents .entry-content a{ color: #ffa7a7; text-decoration: underline; } /* カテゴリーページ */ /* アーカイブページ */ .archivelist{margin-bottom: 0;} .archivelist-box > a{display: block;} .archivelist-box ul{ border-top: 1px solid #ccc; display: table; width: 100%; padding: 13px 0; } .archive-contents article:last-child .archivelist-box ul{ border-bottom: 1px solid #ccc; } .archivelist-box ul li{ display: table-cell; vertical-align: middle; } /* .archivelist-box ul li:nth-of-type(1){width: 15%;} .archivelist-box ul li:nth-of-type(2){width: 15%;} .archivelist-box ul li:nth-of-type(3){width: 70%;} */ .archivelist-box.notterm ul li:nth-of-type(1){width: 15%;} .archivelist-box.notterm ul li:nth-of-type(2){width: 15%;} .archivelist-box.notterm ul li:nth-of-type(3){width: 70%;} .archivelist-category a{ display: inline-block; background: #fc9799; padding: 5px 0; line-height: 1; color: #fff; font-size: 12px; width: 10em; text-align: center; margin: 0 10px; } .archivelist-category a:hover, .archivelist-category a:visited, .archivelist-category a:link{ color: #fff; } .archivelist-title a{ display: table-cell; height: 100%; vertical-align: middle; padding: 10px 0; color: #333; } /* 続きを見る（共通） */ a.excerpt-read-more{display: block; color: #999; text-decoration: underline; font-weight: bold;} @media only screen and (max-width: 736px) { .archivelist-box ul, .archivelist-box ul li, .archivelist-box ul li:nth-of-type(3), { display: block; width: 100%; height: auto; } .archivelist-box.notterm ul li:nth-of-type(1), .archivelist-box.notterm ul li:nth-of-type(2){width: 100%; display: block;} .archivelist-box ul li:nth-of-type(1), .archivelist-box ul li:nth-of-type(2){display: inline-block;} .archivelist-box ul li:nth-of-type(1){width: 9em;} .archivelist-box ul li:nth-of-type(3){padding-top: 16px;} .single-contents .hentry img{height: auto;} } /****************************************************************** PAGE NAVI STYLES ******************************************************************/ .pagination, .wp-prev-next { margin: 1.5em 0; } .pagination { text-align: center; } .pagination ul { display: inline-block; background-color: white; white-space: nowrap; padding: 0; clear: both; border-radius: 3px; } .pagination li { padding: 0; margin: 0; float: left; display: inline; overflow: hidden; border-right: 1px solid #eaedf2; } .pagination a, .pagination span { margin: 0; text-decoration: none; padding: 0; line-height: 1em; font-size: 1em; font-weight: normal; padding: 0.75em; min-width: 1em; display: block; color: #2980b9; } .pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus { background-color: #2980b9; color: white; } .pagination .current { cursor: default; color: #5c6b80; } .pagination .current:hover, .pagination .current:focus { background-color: white; color: #5c6b80; } /* end .bones_page_navi */ /* fallback previous & next links */ .wp-prev-next .prev-link { float: left; } .wp-prev-next .next-link { float: right; } /* end .wp-prev-next */ /****************************************************************** COMMENT STYLES ******************************************************************/ /* h3 comment title */ #comments-title { padding: 0.75em; margin: 0; border-top: 1px solid #f8f9fa; /* number of comments span */ } .commentlist { margin: 0; list-style-type: none; } .comment { position: relative; clear: both; overflow: hidden; padding: 1.5em; border-bottom: 1px solid #f8f9fa; /* vcard */ /* end .commentlist .vcard */ /* end children */ /* general comment classes */ } .comment .comment-author { padding: 7px; border: 0; } .comment .vcard { margin-left: 50px; } .comment .vcard cite.fn { font-weight: 700; font-style: normal; } .comment .vcard time { display: block; font-size: 0.9em; font-style: italic; } .comment .vcard time a { color: #9fa6b4; text-decoration: none; } .comment .vcard time a:hover { text-decoration: underline; } .comment .vcard .avatar { position: absolute; left: 16px; border-radius: 50%; } .comment:last-child { margin-bottom: 0; } .comment .children { margin: 0; /* variations */ /* change number for different depth */ } .comment[class*=depth-] { margin-top: 1.1em; } .comment.depth-1 { margin-left: 0; margin-top: 0; } .comment:not(.depth-1) { margin-top: 0; margin-left: 7px; padding: 7px; } .comment.odd { background-color: white; } .comment.even { background: #f8f9fa; } /* comment meta */ /* comment content */ .comment_content p { margin: 0.7335em 0 1.5em; font-size: 1em; line-height: 1.5em; } /* end .commentlist .comment_content */ /* comment reply link */ .comment-reply-link { font-size: 0.9em; float: right; } /* end .commentlist .comment-reply-link */ /* edit comment link */ .comment-edit-link { font-style: italic; margin: 0 7px; text-decoration: none; font-size: 0.9em; } /****************************************************************** COMMENT FORM STYLES ******************************************************************/ h2.form_enter{ font-size: 20px; background-color: #f0f0f0; border-bottom: 2px solid #de1109; border-left: 8px solid #de1109; padding: 10px 0; padding-left: 15px; margin-bottom: 14px; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; } h2.form_sub{font-size: 20px; color:#de1109;} .comment-respond { padding: 1.5em; border-top: 1px solid #f8f9fa; } span.form_va01{ color:#fff; background-color:#de1109; font-size: 0.7em; font-weight: normal; padding: 2px 4px; border-radius:3px; position: relative; top:-2px; } #reply-title { margin: 0; } .logged-in-as { color: #9fa6b4; font-style: italic; margin: 0; } .logged-in-as a { color: #5c6b80; } .comment-form-comment { margin: 1.5em 0 0.75em; } .form-allowed-tags { padding: 1.5em; background-color: #f8f9fa; font-size: 0.9em; } /* comment submit button */ #submit { float: right; font-size: 1em; } /* comment form title */ #comment-form-title { margin: 0 0 1.1em; } /* cancel comment reply link */ /* logged in comments */ /* allowed tags */ #allowed_tags { margin: 1.5em 10px 0.7335em 0; } /* no comments */ .nocomments { margin: 0 20px 1.1em; } /********************* SIDEBARS & ASIDES *********************/ #submenu{ width: 100%; border-top: 3px solid #ffa7a7; } #submenu li{border-bottom: 1px solid #d2d2d2;} #submenu li br{display: none;} #submenu li.parent_page_item{border-color: #ffa7a7; font-size: 19px; text-align: center;} #submenu li.current_page_item a{color: #ffa7a7;} #submenu a{display: block; padding: 20px 0; color: #333; font-size: 16px;} .widget ul li { /* deep nesting */ } .no-widgets { background-color: white; padding: 1.5em; text-align: center; border: 1px solid #cccccc; border-radius: 2px; margin-bottom: 1.5em; } /* アーカイブページ用サイドバー */ #sidebar1 .searchbox p:first-child{display: none;} #sidebar1 h3{ border: 1px solid #ffa7a7; font-size: 19px; text-align: center; color: #ffa7a7; padding: 20px 0; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; margin-bottom: 20px; } #sidebar1 ul{ margin-bottom: 50px; border-bottom: 1px dashed #d2d2d2; } #sidebar1 li{ border-top: 1px dashed #d2d2d2;} #sidebar1 li a{ display: block; padding: 10px 0; color: #333; font-size: 16px; } #sidebar1 ul.children{border:none; margin:0;} #sidebar1 ul.children li{text-indent: 2em;} #sidebar1 ul li a::before{content: "・";} #sidebar1 ul.children li a::before{content: none;} /* ========================================================================== search in pages styles ========================================================================== */ /* 検索フォーム */ .searchbox{display: table; width: 100%; padding-bottom: 50px;} .searchbox p{display: table-cell; vertical-align: middle; margin:0;} .searchbox p:nth-of-type(1){width: 60px;} .searchbox p:nth-of-type(2){width: auto;} .searchbox p:nth-of-type(3){width: 60px;} .searchbox label{color: #fff; padding-right: 10px;} .searchbox input{margin:0; padding:0; height: auto; text-indent: 10px;} .searchbox button{ display: block; width: 60px; height: 40px; padding: 5px; background: rgba(0, 0, 0, 0.3); border: none; color: #fff; font-weight: bold; transition: background .3s cubic-bezier(.55,0,.1,1); } .searchbox button:hover{background: rgba(0, 0, 0, 0.1);} /* 検索結果ページ */ .search-contents{} .search-title a{color: #ffa7a7; font-weight: bold;} .search-contents .hentry header{border:none;} .search-contents .hentry{ line-height: 1.6; border-color: #ccc; border-style: solid; border-width: 0 0 1px 0; padding: 16px; margin: 0; } .search-contents .article-footer a{ background:#269a65; padding:3px; border-radius: 3px; color: #fff; line-height: 1; font-size: 12px; } /* 過去問用css*/ .kakomon ul{margin-bottom: 60px;} .kakomon li{ display: inline-block; text-align: center; background-color: #eee; border-left: 1px solid #fff; border-top: 1px solid #fff; padding: 15px; } .kakomon li a{text-decoration: underline;} .kakomon li img{display: inline-block;width: 28px;vertical-align: bottom;} @media only screen and (max-width: 736px) { .searchbox input{max-width: 100%;} .searchbox{padding: 16px;} } /* ========================================================================== Print styles ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } #tab ul{ width:600px; } #tab li{ float:left; } #tab li a{ display:block; width:198px; height:48px; line-height:50px; text-align:center; border:#ccc 1px solid; } #tabBox1,#tabBox2,#tabBox3,#tabBox4{ width:598px; height:300px; border:#ccc 1px solid; } #tabBox1{ background:#FCF; } #tabBox2{ background:#FFC; display:none; } #tabBox3{ background:#ccc; display:none; } #tabBox4{ background:#d33; display:none; } /*台風緊急連絡*/ .e_info{width: 100%;} .e_info{ display: block; width: 100%; height: 100%; background-color: #ff0730; color: #fff; padding: 10px; text-align: center; margin-bottom: 30px; font-size: 1.5em; text-decoration: underline; font-weight: bold; line-height: 150%; border-radius: 5px; } .e_info span{font-size: 1.2em;} .e_info a{color: #fff;} @media only screen and (max-width: 736px) { .e_info{width: 100%;text-align: center;margin-bottom: 40px;} .e_info a{width: 95%;margin: 0 auto;color: #fff;} } /* Biz Calender 用CSS*/ #biz_calendar{margin:0;} /* 定休日 */ #biz_calendar table.bizcal .holiday, #biz_calendar p span.boxholiday{background-color: #eb6262;} /* イベント日 */ #biz_calendar table.bizcal .eventday, #biz_calendar p span.boxeventday{background-color: #ffa7a7;} /* 当日とイベント、定休日が重なった時の設定 */ #biz_calendar table.bizcal .holiday.today, #biz_calendar table.bizcal .eventday.today{color:#fff;} /* 年間行事カレンダー用CSS */ #calender .tablepress th, #calender .tablepress td{text-align: center; border-left:1px solid #ddd;} #calender .tablepress th:nth-of-type(1){width: 10%;} #calender .tablepress th:nth-of-type(2){width: 10%;} #calender .tablepress th:nth-of-type(3){width: 80%;} #calender .tablepress{ border-color:#ddd; border-style:solid; border-width:1px 1px 1px 0px; } .tablepress tfoot th, .tablepress thead th{background-color: #ffa7a7; color: #fff;} .calender_tab .su-tabs-nav span.su-tabs-current{background: #ffa7a7; color: #fff; font-weight: bold;} .su-tabs.calender_tab{background: transparent;} .calender_tab .su-tabs-nav span{background: #eee;} .calender_tab .su-tabs-nav{border-bottom: 3px solid #ffa7a7;} .calender_tab .su-tabs-pane{padding: 15px 0;}