@charset "UTF-8"; /* Theme Name: Shonan Magic Wave 2016 Theme URI: http://on-ze.com Author: ONZE Author URI: http:/on-ze.com Description: Design by ONZE. Version: 0.9 Text Domain: shonan-2016 */ /******************/ /******************/ /* reset **********/ * { border:0; margin:0; outline:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; font:inherit; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; text-decoration:none; vertical-align:baseline; } html {font-size:62.5%; width:100%; height:100%;} body { background:#ffffff; color:#231815; font-family:'Meiryo', 'メイリオ', 'YuGothic', 'Yu Gothic', '游ゴシック', Arial, Verdana, sans-serif; font-size:14px; font-size:1.4rem; line-height:1; position:relative; text-align:center; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; -o-text-size-adjust:100%; text-size-adjust:100%; -webkit-font-smoothing:antialiased; /*-moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; -o-font-smoothing:antialiased;*/ font-smoothing:antialiased; /* text-rendering:optimizeLegibility; まだ使わないほうが無難 */ width:100%; height:100%; } article, aside, dialog, figure, footer, header, main, menu, nav, section {display:block;} audio, canvas, video {display:inline-block;} br, hr {display:block;} ol, ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} input, select {vertical-align:middle;} /******************/ /******************/ /* html format ****/ a, a:link, a:visited, a:hover, a:active { color:#231815; -webkit-tap-highlight-color:transparent rgba(0,0,0,0); -moz-tap-highlight-color:transparent rgba(0,0,0,0); -ms-tap-highlight-color:transparent rgba(0,0,0,0); -o-tap-highlight-color:transparent rgba(0,0,0,0); tap-highlight-color:transparent rgba(0,0,0,0); text-decoration:none; } a:hover {color:#65BCE5;} h1, h2, h3, h4, h5, h6 {display:block;} b {color:#65BCE5;} i {font-style:italic;} u {text-decoration:underline;} em {font-weight:bold;} strong {font-weight:bold; font-size:1.1em;} mark {background:transparent;} q {} q:before, q:after {content:'"';} s {text-decoration:underline;} del {text-decoration:line-through;} ins {} ruby {} rt {font-size:0.5em;} sup {vertical-align:super; font-size:smaller;} sub {vertical-align:sub; font-size:smaller;} details {margin:0 0 40px 0;} hr {margin:0 0 16px 0; border:0; border-top:1px solid #C8D800; height:0;} table {border-collapse:collapse; border-spacing:0; empty-cells:show; border:0; width:100%; margin:0 0 2em 0;} table th, table td {padding:8px; vertical-align:top; border:1px solid #C8D800;} table caption {text-align:left; padding:8px; font-size:1.1em; font-weight:bold; border-left:4px solid #C8D800; } /******************/ /******************/ /* shortcodes *****/ .pc {display:block;} .tb {display:none;} .sp {display:none;} .pc.tb {display:block;} .pc.sp {display:block;} .tb.sp {display:none;} .alignright, .align-right, .textright, .text-right {text-align:right;} .alignleft, .align-left, .textleft, .text-left {text-align:left;} .center, .aligncenter, .align-center, .textcenter, .text-center {text-align:center; display:block; margin-left:auto; margin-right:auto;} .clear {clear:both;} .clearfix:after {content:""; clear:both; display:block; height:0; visibility:hidden;} [hidden], .hide, .none {display:none;} .hidden {overflow:hidden;} .left, .floatleft, .float-left {float:left;} .right, .float-right, .float-right {float:right;} .relative {position:relative;} .absolute {position:absolute;} .static {position:static;} .fixed {position:fixed;} .nowrap {white-space:nowrap;} .small {font-size:0.8em;} img.left, img.alignleft, img.align-left {margin:0 20px 20px 0; float:left;} img.right, img.alignright, img.align-right {margin:0 0 20px 20px; float:right;} img.full {width:100%; height:auto;} /* ::-moz-selection {background:#231815; color:#fff;} ::selection {background:#231815; color:#fff;} */ .table {display:table; table-layout:fixed; border-collapse:collapse; width:100%; position:relative;} .table .cell {display:table-cell; vertical-align:top; position:relative;} table.border, table.border th, table.border td {border:1px solid #C8D800;} table.hover tbody tr:hover, table.hover tbody tr:nth-child(odd):hover, table.hover tbody tr:nth-child(even):hover {background:#231815; color:#fff; cursor:text;} table.stripe tbody tr:nth-child(odd) {background-color:#C8D800;} table thead th {vertical-align:bottom; font-weight:bold;} .color-black {color:#231815;} .color-gray {color:#DBDCDC;} .color-light {color:#C8D800;} .color-green {color:#65BCE5;} .color-white {color:#ffffff;} .color-success {color:blue;} .color-error {color:red;} .color-warning {color:yellow;} /******************/ /******************/ /* WordPress Tags */ img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { max-width:100%; width:100%; height:auto; } .wp-caption {} .wp-caption-text {} .sticky {} .gallery-caption {} .bypostauthor {} #wpstats {display:none;} .wp-embedded-content {max-width:100%; width:100%;} /******************/ /******************/ /* layout ********/ #to, #bo {clear:both; display:block; height:0; overflow:hidden;} .site {width:100%; height:100%;} .inner {clear:both; display:block; margin:0 auto; padding:0 20px; position:relative; max-width:1280px; /*max-width:attr("data-width"); */ width:100%; } .page-inner {clear:both; display:block; max-width:560px; min-width:100%; width:100%; margin:0 auto; padding:0 20px; position:relative;} .inner:after, .page-inner:after { content:""; display:block; clear:both; height:0; visibility:hidden; overflow:hidden; } #linebox_area{} #linebox_area.linebox{border:1px solid #eb77a2; padding:20px;} #linebox_area.linebox h4{color:#eb77a2; font-size:90%;} #linebox_area.linebox p{line-height:160%; font-size:90%;} /******************/ /******************/ /* header *********/ #header {width:100%; padding:32px 0; display:block; text-align:left;} #logo {width:280px; text-align:center; float:left; margin-left:20px;} #header h1, #footer h2 {display:block; margin:0 auto 12px; overflow:hidden; position:relative; width:280px; height:105px;} #header h1 a, #footer h2 a { background:0 0 no-repeat; -webkit-background-size:280px 105px; -moz-background-size:280px 105px; -ms-background-size:280px 105px; -o-background-size:280px 105px; background-size:280px 105px; display:block; padding:105px 0 0 0; } #header h1 a {background-image:url("images/smw_logo.png");} #footer h2 a {background-image:url("images/smw_logo.png");} #header h2 {font-size:12px; font-size:1.2rem; color:#9E9E9F;} #header a:hover {opacity:0.6;} #header ul {padding:50px 0 0 60px; display:block; overflow:hidden;} #header ul li {width:16px; height:16px; overflow:hidden; display:inline-block; margin:0 4px;} #header ul li a { background:0 0 no-repeat; background-image:url("images/icon-facebook.svg"); display:block; padding:20px 0 0 0; } /*#header ul li:nth-child(1) a {background-image:url("images/icon-instagram.svg");} */ #header ul li:nth-child(1) a {background-image:url("images/icon-facebook.svg");} #header ul li:nth-child(2) a {background-image:url("images/icon-twitter.svg");} #header ul li:nth-child(3) a {background-image:url("images/icon-line.svg");} /******************/ /* util ***********/ #util {position:absolute; top:-12px; right:20px; display:none;} #util dl {background:#F7F7F7; padding:20px; font-size:11px; font-size:1.1rem; line-height:1.6;} #util dl:after {content:""; clear:both; display:block;} #util dl dt {width:64px; height:64px; overflow:hidden; float:left;} #util dl dd {margin:0 0 0 78px; overflow:hidden;} #util dl dd b {display:block; font-weight:bold; font-size:13px; font-size:1.3rem;} #util dl dd span {font-size:10px; font-size:1.0rem; display:block; margin:2px 0 0 0;} /******************/ /******************/ /* navi ***********/ #h-navi, #f-navi {line-height:1.6; position:relative; clear:both;} #h-navi {width:100%; padding:0; margin:0; display:block; border-top:8px solid #65BCE5;} #h-navi ul {clear:both; display:table; table-layout:fixed; overflow:hidden; text-align:center; width:100%; margin:0 auto; font-size:10px; font-size:1.0rem;} #h-navi ul li {display:table-cell; white-space:nowrap; overflow:hidden;} #h-navi ul li a {display:block; color:#9E9E9F; padding:12px 0;} #h-navi ul li:nth-child(odd) a {border-bottom:4px solid #DBDCDC;} #h-navi ul li:nth-child(even) a {border-bottom:4px solid #EEEEEF;} #h-navi ul li a:before {content:"Home"; display:block; text-transform:uppercase; color:#65BCE5; font-size:18px; font-size:1.8rem; font-weight:bold;} #h-navi ul li:nth-child(1) a:before {content:"Home";} #h-navi ul li:nth-child(2) a:before {content:"Radio";} #h-navi ul li:nth-child(3) a:before {content:"Time Table";} #h-navi ul li:nth-child(4) a:before {content:"Program";} #h-navi ul li:nth-child(5) a:before {content:"Staff";} #h-navi ul li:nth-child(6) a:before {content:"Blog";} #h-navi ul li:nth-child(7) a:before {content:"Message";} #h-navi ul li a:hover {border-bottom:4px solid #65BCE5; color:#65BCE5;} .navi-toggle {display:none;} #f-navi {background:#595757; padding:28px 0; line-height:1;} #f-navi ul {} #f-navi ul li {display:inline-block; margin:0; padding:0 16px;} #f-navi ul li:not(:last-child) {border-right:1px solid #fff;} #f-navi ul li a {color:#fff; padding:0;} #f-navi ul li a:hover {color:#65BCE5;} /******************/ /******************/ /******************/ /******************/ /* footer *********/ #footer {text-align:center; clear:both; background:#ccc; color:#fff; padding:40px 0 80px; line-height:1.6;} #footer {} #footer h2 {line-height:1;} #footer h3 {font-size:12px; font-size:1.2rem; margin:0 auto 28px;} #footer p {display:block;} #footer ul {margin:0 auto 24px;} #footer ul li {width:16px; height:16px; overflow:hidden; display:inline-block; margin:0 4px;} #footer ul li a { background:0 0 no-repeat; background-image:url("images/icon-facebook.svg"); display:block; padding:20px 0 0 0; } /*#footer ul li:nth-child(1) a {background-image:url("images/icon-instagram.svg");}*/ #footer ul li:nth-child(1) a {background-image:url("images/icon-facebook.svg");} #footer ul li:nth-child(2) a {background-image:url("images/icon-twitter.svg");} /*#footer ul li:nth-child(1) a:hover {background-image:url("images/icon-instagram-w.svg");}*/ #footer ul li:nth-child(1) a:hover {background-image:url("images/icon-facebook-w.svg");} #footer ul li:nth-child(2) a:hover {background-image:url("images/icon-twitter-w.svg");} #footer p {font-size:12px; font-size:1.2rem;} #footer p a {font-size:16px; font-size:1.6rem; color:#fff;} #site-info {clear:both; padding:48px 0 0 0; display:block; font-size:10px; font-size:1.0rem;} /******************/ /******************/ /* main ***********/ #main {padding:0 0 40px 0;} #main a { -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; } #content { float:left; width:100%; width:-webkit-calc(100% - 400px); width:-moz-calc(100% - 400px); width:-ms-calc(100% - 400px); width:-o-calc(100% - 400px); width:calc(100% - 400px); } #sidebar {width:360px; float:right; padding:0 0 0 36px; text-align:left; border-left:1px solid #DBDCDC; line-height:1.6;} /******************/ /******************/ /* sidebar.php ****/ #sidebar {} #sidebar .module {margin:0 0 48px 0; display:block; clear:both; position:relative;} #sidebar a {} #sidebar a:hover {} #sidebar h4 {font-size:10px; font-size:1.0rem; margin:0 0 4px 0; display:block;} #sidebar h4 i {font-size:18px; font-size:1.8rem; margin:0 1em 0 0; color:#65BCE5; text-transform:uppercase; font-weight:bold; font-style:normal;} #sidebar p {margin:0 0 12px 0; clear:both;} #sidebar ul {padding:0; margin:0; clear:both;} #sidebar ul li {padding:0; margin:0;} #sidebar label {display:block;} #sidebar select {margin:0 0 1em 0; width:99%; border:1px solid #DBDCDC;} #sidebar label.screen-reader-text {display:none;} #sidebar .search-submit {display:none;} #s-pr {position:relative;} #s-pr ul li img {width:100%; max-width:100%; height:auto; border:1px solid #EEEEEF;} #s-pr ul.slick-dots {position:absolute; top:-32px; right:12px;} #s-pr ul.slick-dots li {color:transparent; background:#9E9E9F; width:8px; height:8px; margin:0 0 0 12px; display:inline-block; -webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; border-radius:12px; overflow:hidden; cursor:pointer; } #s-pr ul.slick-dots li:hover, #s-pr ul.slick-dots li.slick-active {background:#65BCE5;} #s-pr ul.slick-dots li button {visibility:hidden;} #s-program {text-align:left;} #s-program ul {margin:0 0 20px 0;} #s-program ul li {clear:both; display:block; border-bottom:1px solid #DBDCDC; padding:12px 0 8px;} #s-program ul li:after {content:""; clear:both; display:block;} #s-program ul li:nth-child(1) {border-top:1px solid #DBDCDC;} #s-program span {display:block; overflow:hidden;} #s-program .a-thumbnail {float:left; width:72px;} #s-program .a-thumbnail img {width:100%; max-width:100%; height:auto;} #s-program span:not(.a-thumbnail) {margin-left:80px;} #s-program .a-subtitle {color:#00A0E9; padding-top:4px; font-size:10px; font-size:1.0rem;} #s-program .a-title {font-size:12px; font-size:1.2rem;} #s-program .a-time {font-size:10px; font-size:1.0rem;} #s-program p {clear:both; text-align:center; margin:0 auto 40px;} /******************/ /******************/ /* article ********/ .article {margin:0; padding:0; vertical-align:top; line-height:2.0; /*word-break:break-all; word-wrap:break-word;*/ } .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {margin:0 auto 1.2em auto;} .article h1 {font-size:38px; font-size:3.8rem;} .article h2 {font-size:34px; font-size:3.4rem;} .article h3 {font-size:24px; font-size:2.4rem;} .article h4 {font-size:20px; font-size:2.0rem;} .article h5 {font-size:18px; font-size:1.8rem;} .article h6 {font-size:16px; font-size:1.6rem;} .page-title h3 {font-size:10px; font-size:1.0rem; color:#9E9E9F;} .page-title h3 i {color:#65BCE5; font-weight:bold; font-style:normal; font-size:20px; font-size:2.0rem; text-transform:uppercase; margin:0 20px 0 0;} .article p {margin:0 0 3.2em 0;} .article ul, .article ol {margin:0 0 3.2em 2em; padding:0; list-style:outside;} .article ul ul, .article ul ol, .article ol ul, .article ol ol {margin-bottom:0;} .article ul {list-style:disc;} .article ul ul {list-style:circle;} .article ol {list-style:decimal;} .article ol ol {list-style:upper-roman;} .article dl {margin:0 0 3.2em 0; padding:0;} .article dl dt {margin:0; position:relative;} .article dl dd {margin:0; padding-left:1em;} .article dl dd:not(:last-child) {margin:0 0 1em 0;} .article img {max-width:100%; height:auto;} .article blockquote { padding:1em; margin:0 0 3.2em 1em; border-left:2px solid #000000; } .article blockquote > *:last-child, .article blockquote > *:last-child > *:last-child, .article blockquote > *:last-child > *:last-child > *:last-child {margin:0;} blockquote cite {font-size:0.8em;} blockquote cite:before {content:"— "; margin:0 0 0 1em;} pre, code { font-family:"Deja-vu Sans Mono", Monaco, "Consolas", "Courier New", "Osaka-mono", "MS Gothic", monospace; color:#ffffff; background:#231815; border-radius:4px; margin:0 0 20px 0; padding:0.8em 1em; white-space:pre-wrap; word-break:break-all; word-wrap:break-word; } code {display:inline-block; padding:0.1em 0.4em; margin:0 0.2em;} /* このコードを記述するとボックスの下に 余白ができてしまうので… pre::-webkit-scrollbar {width:15px;} pre::-webkit-scrollbar-thumb {background:#ccc;} */ /******************/ /* post-type ******/ .type-page, .type-post, .type-oz-custom-post {text-align:left;} /******************/ /******************/ /* archive.php ****/ .archives {width:100%; margin:0 auto; text-align:left;} .archives ul {list-style:none; padding:0; margin:0; font-size:14px; font-size:1.4rem; line-height:1.6;} .archives ul li {display:block; margin:0 0 2% 0; padding:0; float:left; width:23.5%;} .archives ul li:nth-child(4n) {float:right;} .archives ul li:nth-child(4n + 1) {clear:both; margin-right:2%;} .archives ul li:nth-child(4n + 2) {margin-right:2%;} .archives ul li:nth-child(4n + 3) {} .archives ul li a {} .archives ul li span {display:block; overflow:hidden;} .archives .a-thumbnail {width:100%; height:auto; overflow:hidden; margin:0;} .archives .a-thumbnail img {width:100%; max-width:100%; height:auto; border:4px solid #efefef;} .archives a:hover .a-thumbnail img {border:4px solid #65BCE5;} .archives .entry-category {font-size:12px; font-size:1.2rem;} .archives .a-subtitle {color:#65BCE5; font-size:12px; font-size:1.2rem;} .archives .a-title {font-size:14px; font-size:1.4rem;} .archives .a-summary {} .archives .a-more {margin-bottom:12px;} .archives .a-meta {font-size:11px; font-size:1.1rem;} .archives .a-time {font-size:12px; font-size:1.2rem;} .archives .entry-category a {color:#DBDCDC;} .archives .entry-more a {} .archives .entry-meta a {font-size:14px; font-size:1.4rem;} .archives p {clear:both; margin:0 auto 40px; text-align:center;} /******************/ /******************/ /* front-page.php */ #branding {position:relative; background:#F7F7F7; margin:0 0 52px 0; line-height:1.6;} #branding ul {list-style:none; margin:0; padding:0;} #branding ul li {margin:0; padding:0;} .branding-onair {position:absolute; top:12px; left:12px; z-index:2; text-transform:uppercase; font-weight:bold;} .branding-image {} .branding-title {padding:12px 12px 4px 12px;} .branding-time {padding:12px 12px 4px 12px;} .branding-text {display:block; padding:0 12px 12px;} #branding ul.slick-dots {display:none;} #top-sidebar {width:360px; float:right; padding:0; text-align:left; line-height:1.6;} #top-sidebar #tabs {background:#F7F7F7;} #top-sidebar #tabs ol {font-weight:bold;} #top-sidebar #tabs ol li {background:#65BCE5; color:#fff; border:0;} #top-sidebar #tabs ol li:not(:last-child) {border-right:1px solid #fff;} #top-sidebar #tabs ol li.current {background:#C8C9CA;} #top-sidebar #tabs ol li:hover {background:#F7F7F7; cursor:pointer;} #top-sidebar #tab-content {background:#C8C9CA; border:0; padding:12px;} #top-sidebar #tab-01, #top-sidebar #tab-02, #top-sidebar #tab-03 {background:#fff; padding:20px; max-height:342px; overflow:scroll;} #top-content {width:100%;} #top-content:after {content:""; clear:both; display:block;} #top-news {float:left; width:74%;} #top-news .a-title {font-size:90%;} #top-pr {float:right; width:24%; position:relative;} #top-pr .slick-dots {position:absolute; top:-36px; right:0;} #top-pr .slick-dots li {display:inline-block; width:8px; height:8px; overflow:hidden; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; background:#9E9E9F; margin:0 4px; cursor:pointer; } #top-pr .slick-dots li.slick-active, #top-pr .slick-dots li:hover {background:#65BCE5;} #top-pr .slick-dots li button {visibility:hidden;} #top-archives {clear:both;} /*#top-archives ul li:nth-child(n + 9) {display:none;}*/ #top-archives p {clear:both;} /* #top-pr ul {padding:0; margin:0; list-style:none;} #top-pr ul li {float:left; width:23.5%; margin:0 0 2% 0;} #top-pr ul li:nth-child(4n) {float:right;} #top-pr ul li:nth-child(4n + 1) {clear:both; margin-right:2%;} #top-pr ul li:nth-child(4n + 2) {margin-right:2%;} #top-pr ul li:nth-child(4n + 3) {} */ #top-pr ul {padding:0; margin:0; list-style:none;} #top-content ul li img {border:1px solid #EEEEEF; width:100%; max-width:100%; height:auto;} /******************/ /******************/ /* page.php *******/ .type-page h3, .page-title h3 {margin:0 0 32px 0; text-align:left;} .type-page h3:before, .page-title h3:before {content:"Information"; font-size:20px; font-size:2.0rem; font-weight:bold; color:#65BCE5; margin-right:1em; text-transform:uppercase;} #post-top h3:before {display:none;} #post-archives h3:before {content:"News";} #post-time-table h3:before {content:"Time Table";} #post-radio h3:before {content:"Radio";} #post-personality h3:before {content:"Personality";} #post-town h3:before {content:"Town";} #post-message h3:before {content:"Message";} #post-company h3:before {content:"Company Profile";} #post-contact h3:before {content:"Contact";} #post-profile h3:before {content:"Profile";} #post-program h3:before {content:"Program";} #post-staff h3:before {content:"Staff";} #post-top h3 {margin:0 0 4px 0;} #post-time-table #tabs ol {font-weight:bold;} #post-time-table #tabs ol li {background:#EEEEEF; border:0;} #post-time-table #tabs ol li:not(:last-child) {border-right:1px solid #fff;} #post-time-table #tabs ol li.current {background:#65BCE5; color:#231815;} #post-time-table #tabs ol li:hover {background:#65BCE5; color:#231815;} #post-time-table #tab-content {border:0; padding:40px 0;} #post-time-table table {border:0; font-size:12px; font-size:1.2rem;} #post-time-table table th, #post-time-table table td {border:0; padding:16px 0; border-bottom:1px solid #DBDCDC; padding:20px 0;} #post-time-table table th b {display:block; font-size:18px; font-size:1.8rem; color:#65BCE5;} #post-time-table table td em {display:inline-block; background:#65BCE5; color:#fff; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; font-size:10px; font-size:1.0rem; padding:2px 12px; margin:0 0 4px 0; } #post-time-table table td b {display:block; color:#231815; font-size:10px; font-size:1.0rem;} #post-time-table table th a {color:#65BCE5;} #post-time-table .t-link {width:46px; height:46px; overflow:hidden; float:right; text-align:center; font-size:12px; font-size:1.2rem;} #post-time-table .t-link a {line-height:46px; display:block; background:#EEEEEF; color:#65BCE5; font-weight:bold; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } #post-time-table .t-link a:hover {background:#65BCE5; color:#fff;} /* #post-profile {} */ /* #post-service {} */ /* #post-company {} */ /* #post-contact {} */ /* #post-privacy {} */ /* #post-sitemap {} */ .maps {width:100%; height:300px; overflow:hidden; position:relative; padding-top:0; margin:0 0 40px 0;} .googlemaps {width:100%; height:100%; position:absolute; top:0;} .googlemaps:before {} .googlemaps:after {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:100;} .googlemaps.release:before, .googlemaps.release:after {display:none;} /******************/ /******************/ /* single.php *****/ /* #post-ID {} */ /******************/ /******************/ /* CustomContents */ /* .single-jetpack-portfolio */ /* .jetpack-portfolio {} */ /******************/ /******************/ /* comments.php ***/ #respond, #comments, #trackback, #comment-form {clear:both; display:block; margin:0 0 40px 0; text-align:left;} #trackback {display:none;} #comments {border-top:2px solid #DBDCDC; padding:20px 0 0 0;} #comments ol {margin:0 0 20px 0; padding:0; list-style:none;} #comments ol li {display:block; clear:both; padding:0 0 20px 0; margin:0 0 20px 0;} #comments ol li:not(:last-child) {border-bottom:1px solid #DBDCDC;} #comments ol li span {display:block;} #comments ol li .comment-title {margin:0 0 4px 0; font-size:18px; font-size:1.8rem;} #comments ol li .comment-text p {font-size:14px; font-size:1.4rem; margin:0;} #comment-form {border-top:2px solid #DBDCDC; padding:20px 0 0 0;} .form {clear:both; display:block;} .form table {width:100%;} .form table th {text-align:center; vertical-align:middle;} /******************/ /******************/ /* materials ******/ /* form, button, allert */ form {} fieldset {} label {} input[type="checkbox"], input[type="radio"] {font-size:1em; height:1em; width:1em;} ::-webkit-input-placeholder, ::-moz-placeholder, :-moz-placeholder, :-ms-input-placeholder {color:#DBDCDC;} [type="search"] { /*-webkit-appearance:textfield; -moz-appearance:textfield; -ms-appearance:textfield; -o-appearance:textfield; appearance:textfield;*/ } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], select, textarea { width:100%; max-width:100%; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; display:block; position:relative; /*-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none;*/ padding:4px; margin:0; border:1px solid #DBDCDC; } input[type="submit"] { margin:0 auto; text-align:center; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; display:block; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, select:focus, textarea:focus { border:1px solid #65BCE5; } textarea {height:auto; min-height:100px; line-height:1.5;} select {} /******************/ /* button *********/ /* .article button,*/ [type="submit"], .btn a {display:inline-block; min-width:120px; padding:6px 40px; -webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; border-radius:12px; font-size:14px; font-size:1.4rem; text-align:center; background:#DBDCDC; border:1px solid #DBDCDC; color:#fff; font-weight:bold; } [type="submit"]:hover, .btn a:hover {background-color:#65BCE5; cursor:pointer;} .btn.btn-small a {padding:4px 12px; min-width:30px; font-size:0.8em;} .btn.btn-large a {padding:8px 36px; min-width:180px; font-size:1.2em;} .btn.btn-success a {border-color:#65BCE5; color:blue;} .btn.btn-success a:hover {background-color:#65BCE5; color:#fff;} .btn.btn-error a {border-color:red; color:red;} .btn.btn-error a:hover {background-color:red; color:#fff;} .btn.btn-warning a {border-color:yellow; color:yellow;} .btn.btn-warning a:hover {background-color:yellow; color:#fff;} /******************/ /******************/ .alert { clear:both; display:block;color: inherit; border:1px solid transparent; display:block; padding:1rem; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; color:red; border-color:red; background-color:transparent; margin:0 0 1em 0; } .alert-success {border-color:blue; color:blue;} .alert-error {border-color:red; color:red;} .alert-warning {border-color:yellow; color:yellow;} .alert > p {margin:0;} .alert em, .alert strong {font-weight:bold;} span.close {float:right; color:inherit; font-weight:bold; cursor:pointer;} /******************/ /* Column System **/ .col {width:100%;} .col:after {content:""; clear:both; display:block; height:0; visibility:hidden;} .col-2, .col-3, .col-4, .col-5, .col-6 {float:left; padding:0; margin:0 0 2% 0;} .col-2 {width:49%; /*47.5% - 49%*/} .col-3 {width:32%; /*30% - 32%*/} .col-4 {width:23.5%; /*20% - 23.5%*/} .col-5 {width:18.4%; /*15% - 18.4%*/} .col-6 {width:15%; /*12.5% - 15%*/} .col-2:nth-child(2n), .col-3:nth-child(3n), .col-4:nth-child(4n), .col-5:nth-child(5n), .col-6:nth-child(6n) {float:right; margin:0 0 2% 0;} .col-2:nth-child(2n + 1), .col-3:nth-child(3n + 1), .col-4:nth-child(4n + 1), .col-5:nth-child(5n + 1), .col-6:nth-child(6n + 1) {clear:both;} .col-3:nth-child(3n + 1), .col-4:nth-child(4n + 1), .col-5:nth-child(5n + 1), .col-6:nth-child(6n + 1) {margin:0 2% 2% 0;} .col-4:nth-child(4n + 2), .col-5:nth-child(5n + 2), .col-6:nth-child(6n + 2) {margin:0 2% 2% 0;} .col-5:nth-child(5n + 3), .col-6:nth-child(6n + 3) {margin:0 2% 2% 0;} .col-6:nth-child(6n + 4) {margin:0 2% 2% 0;} /******************/ /* responsive-table */ .r-table, .responsive-table {overflow:scroll; width:100%;} /******************/ /******************/ /* breadcrumbs ****/ .breadcrumbs { clear:both; display:block; margin:0 0 32px 0; padding:12px 0; line-height:1.6; background:center center repeat; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTQgNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTQgNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGU+LnN0MHtmaWxsOiNFRUVFRUU7fTwvc3R5bGU+CjxnPjxnPjxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI3IiBjbGFzcz0ic3QwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PC9nPjxnPjxyZWN0IHg9IjEiIHk9IjEiIGNsYXNzPSJzdDAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI4IiB5PSIxIiBjbGFzcz0ic3QwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PC9nPjxnPjxyZWN0IHg9IjIiIHk9IjIiIGNsYXNzPSJzdDAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI5IiB5PSIyIiBjbGFzcz0ic3QwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PC9nPjxnPjxyZWN0IHg9IjMiIHk9IjMiIGNsYXNzPSJzdDAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxMCIgeT0iMyIgY2xhc3M9InN0MCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjwvZz48Zz48cmVjdCB4PSI0IiB5PSI0IiBjbGFzcz0ic3QwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTEiIHk9IjQiIGNsYXNzPSJzdDAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48L2c+PGc+PHJlY3QgeD0iNSIgeT0iNSIgY2xhc3M9InN0MCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjEyIiB5PSI1IiBjbGFzcz0ic3QwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PC9nPjxnPjxyZWN0IHg9IjYiIHk9IjYiIGNsYXNzPSJzdDAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxMyIgeT0iNiIgY2xhc3M9InN0MCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjwvZz48L2c+PC9zdmc+Cg=="); -webkit-background-size:14px 7px; -moz-background-size:14px 7px; -ms-background-size:14px 7px; -o-background-size:14px 7px; background-size:14px 7px; border-top:1px solid #DBDCDC; } .breadcrumbs ul {padding:0; margin:0; text-align:left; color:#231815;} .breadcrumbs li {float:left; font-size:12px; font-size:1.2rem;} .breadcrumbs li:after {content:"/"; margin:0 12px;} .breadcrumbs li:first-child:before {} .breadcrumbs li:last-child:after {content:"";} .breadcrumbs li a {color:#DBDCDC; color:#231815;} .breadcrumbs li a:hover {color:#65BCE5;} /******************/ /******************/ /* navigation *****/ .navigation {margin:0 auto 40px; clear:both;} .navigation:after {content:""; clear:both; display:block; height:0; visibility:hidden;} .navigation span {} .navigation .navi-prev {text-align:left; float:left;} .navigation .navi-next {text-align:right; float:right;} .navigation .navi-prev a:before {content:"＜"; margin-right:4px;} .navigation .navi-next a:after {content:"＞"; margin-left:4px;} /* pagination *****/ .pagination {margin:0 auto 40px; clear:both;} .pagination:after {content:""; clear:both; display:block; height:0; visibility:hidden;} .pagination ul {text-align:center;} .pagination ul li {display:inline-block; margin:0 4px;} .pagination span, .pagination ul li a {padding:4px 12px; background:#fff; border:1px solid #65BCE5; color:#65BCE5;} .pagination ul li a:hover {background:#65BCE5; color:#fff;} .pagination span.current {background:#65BCE5; color:#fff;} /******************/ /* page-links *****/ .page-links {clear:both; text-align:center; margin:0 0 40px 0; border-top:1px solid #DBDCDC; padding:0 0; margin:0 auto 80px; max-width:100%; width:100%; display:table; table-layout:fixed; background:center top repeat-y; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEgNDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlPi5zdDB7ZmlsbDojRTZFNkU2O30KPC9zdHlsZT4KPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjEiIGhlaWdodD0iNDAiLz4KPC9zdmc+Cg=="); -webkit-background-size:1px 40px; -moz-background-size:1px 40px; -ms-background-size:1px 40px; -o-background-size:1px 40px; background-size:1px 40px; } .page-links span {display:table-cell; padding:12px 0;} .page-links span:nth-child(1) {text-align:right; padding-right:40px;} .page-links span:nth-child(2) {text-align:left; padding-left:40px;} .page-links span a {} .page-links span a:hover {} /******************/ /******************/ /* plugins ********/ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y; touch-action:pan-y;-webkit-tap-highlight-color:transparent;}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}.slick-list:focus{outline:none;}.slick-list.dragging{cursor:pointer;cursor:hand;}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}.slick-track{position:relative;top:0;left:0;display:block;}.slick-track:before,.slick-track:after{display:table;content:'';}.slick-track:after{clear:both;}.slick-loading .slick-track{visibility:hidden;}.slick-slide{display:none;float:left;height:100%;min-height:1px;}[dir='rtl'] .slick-slide{float:right;} /*.slick-slide img{display:block;}*/ .slick-slide.slick-loading img{display:none;}.slick-slide.dragging img{pointer-events:none;}.slick-initialized .slick-slide{display:block;}.slick-loading .slick-slide{visibility:hidden;}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}.slick-arrow.slick-hidden {display:none;} .slick-slider iframe.youtube-player, .slick-slider .embed-vimeo iframe {width:100% !important; height:100% !important; min-height:100% !important;} /******************/ /* jquery-tabs ****/ #tabs {position:relative;} #tabs ol { display:table; table-layout:fixed; text-align:center; padding:0; margin:0 auto; width:100%; position:relative; bottom:-1px; z-index:3; } #tabs ol li { display:table-cell; padding:12px 0; cursor:pointer; background:#65BCE5; border:1px solid #DBDCDC; white-space:nowrap; overflow:hidden; } #tabs ol li:not(:last-child) {border-right:0;} #tabs ol li:hover {background:#65BCE5; color:#fff;} #tabs ol li.current {background:#fff; color:#65BCE5; border-bottom:1px solid #ffffff;} #tabs ol li.current:hover {background:#fff; color:#65BCE5;} #tab-content { background:#fff; border:1px solid #DBDCDC; text-align:left; border-radius:4px; padding:60px 40px 40px; margin:0 0 40px; position:relative; z-index:2; } /******************/ /* ContactForm7 ***/ .wpcf7{} .screen-reader-response {display:none;} .wpcf7 .wpcf7-response-output { margin:0; padding:0; border:0; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; text-align:center; display:block; clear:both; } .wpcf7-mail-sent-ok { border:1px solid blue; color:blue; padding:12px; margin:0 0 20px 0; } .wpcf7-validation-errors { border:1px solid red; color:red; padding:12px; margin:0 0 20px 0; } .wpcf7 span {} .wpcf7 span.wpcf7-list-item-label {} .wpcf7 span.use_label_element {margin-bottom:20px; display:block;} .wpcf7 span.wpcf7-not-valid-tip {color:red; font-size:12px; font-size:1.2rem;} .wpcf7 span.wpcf7-not-valid-tip-no-ajax {display:none;} img.ajax-loader {display:block; margin:12px auto 0;} .wpcf7 .sent .form {display:none;} /******************/ /* facebook *******/ /******************/ /* twitter ********/ /******************/ /******************/ /* Media Query ****/ @media screen and (max-width:1000px) { #h-navi ul li a:before {font-size:16px; font-size:1.6rem;} } @media screen and (max-width:900px) { .pc {display:none;} .tb {display:block;} .sp {display:none;} .pc.tb {display:block;} .tb.sp {display:block;} .pc.sp {display:none;} #content, #sidebar, #top-sidebar {clear:both; float:none; width:100%; max-width:100%; padding:0; border:0;} #util {display:none;} #h-navi .inner {padding:0;} .navi-toggle {display:block; position:absolute; top:30px; right:24px; width:40px; height:40px; cursor:pointer; background:transparent; color:transparent; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -ms-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out; z-index:999;} .navi-toggle span, .navi-toggle span:before, .navi-toggle span:after {display:block; width:100%; height:3px; background:#000;} .navi-toggle span {position:relative;} .navi-toggle span:before, .navi-toggle span:after {position:absolute; content:"";} .navi-toggle span:before {top:-10px;} .navi-toggle span:after {top:10px;} .navi-toggle.on { -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg); } #h-navi ul {position:relative; display:none; width:100%; height:100%; overflow:auto; text-align:left; font-size:16px; font-size:1.6rem; border-bottom:2px solid #65BCE5;} #h-navi ul li {display:block; width:100%; border:0; border-top:1px solid #fff; padding:0; position:relative;} #h-navi ul li a {display:block; width:100%; min-width:100%; padding:16px 0 16px 50%; background:#65BCE5; color:#fff;} #h-navi ul li:nth-child(odd) a {border-bottom:0;} #h-navi ul li:nth-child(even) a {border-bottom:0;} #h-navi ul li a:before {text-align:right; position:absolute; right:52%; color:#fff;} #h-navi ul li a:hover {background:#fff; color:#65BCE5; opacity:1;} #h-navi ul li a:hover:before {color:#65BCE5;} } /******************/ /******************/ @media screen and (max-width:640px) { .pc {display:none;} .tb {display:none;} .sp {display:block;} .pc.tb {display:none;} .tb.sp {display:block;} .pc.sp {display:block;} .col-2, .col-3, .col-4, .col-5, .col-6 {float:none; clear:both; width:100%; margin:0 0 1.2em 0;} .inner {width:100%; max-width:100%; min-width:320px;} #header ul {display:none;} #f-navi {padding:4px 0;} #f-navi ul {text-align:center;} #f-navi ul li {display:block; border:0; padding:12px 0;} #f-navi ul li:not(:last-child) {border-right:0; border-bottom:1px solid #9E9E9F;} .archives ul li {width:49%;} .archives ul li:nth-child(odd) {float:left; clear:both; margin-right:0;} .archives ul li:nth-child(even) {float:right; clear:none; margin-right:0;} #top-news, #top-pr {float:none; width:100%;} table {font-size:11px; font-size:1.1rem;} } /******************/ /******************/ /* fonts **********/ .gothic {font-family:'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;} .mincho {font-family:'YuMincho', 'Yu Mincho', '游明朝', 'Hiragino Kaku Gothic ProN', 'ヒラギノ明朝 ProN W3', 'Meiryo', 'メイリオ', 'Times New Roman', serif;} .mono {font-family:"Osaka-mono", "MS Gothic", monospace;} #header h1, #footer h2, #branding, #site-info small, i, .entry-meta {} /******************/ /******************/ /* Keyframes ******/ /******************/ /******************/ /*20200716*********/ /* StaffProfile ***/ #post-staff .archives ul>li h4.name { font-size: 1.8rem; font-weight: bold; color: #65BCE5; margin-bottom: 10px; } #post-staff .archives ul>li dl { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: nowrap; } #post-staff .archives ul>li dl dt { width: 5.5em; } #post-staff .archives ul>li dl dd { width: calc(100% - 5.5em); } #post-staff .entry-content .photo { text-align: center; margin-bottom: 20px; } #post-staff .entry-content h4 { font-size: 2.4rem; font-weight: bold; color: #65BCE5; margin-bottom: 50px; text-align: center; } #post-staff .entry-content .profile dt { font-size: 1.8rem; font-weight: bold; color: #65BCE5; /* padding-bottom: 5px; */ border-bottom: 3px solid #65BCE5; position: relative; margin-bottom: 10px; } #post-staff .entry-content .profile dt:before { content: ""; background: url(images/icon-dolphin.svg) no-repeat; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin: 0 10px; } #post-staff .entry-content .profile dd { margin-bottom: 40px; line-height: 1.8; } #post-staff .btn a { line-height: 28px; } @media screen and (max-width:640px) { #post-staff .archives ul>li h4.name { font-size: 1.5rem; line-height: 1.4; } #post-staff .archives ul>li dl { display: block; } #post-staff .archives ul>li dl dt { width: 100%; font-size: 1.2rem; } #post-staff .archives ul>li dl dd { width: 100%; font-size: 1.2rem; padding-left: 0.5em; } #post-staff .entry-content h4 { font-size: 2rem; margin-bottom: 30px; } #post-staff .entry-content .profile dt { font-size: 1.6rem; } #post-staff .btn { margin-bottom: 80px; } } /* end ************/ /******************/ /******************/