/* 
Theme Name: capecod
Version: 3
Description: レスポンシブデザイン：端末のモニタサイズにより表示が変わります。（多彩な機能）（１）ブログページ／投稿ページ／投稿一覧ページ（アーカイブ）／検索ページの表示設定が出来ます。（２）パンくずリストの表示設置が出来ます。（３）favicon、apple touch iconの登録出来ます。（４）おしらせ（投稿）一覧から直接リンクしたいページのURLを入力出来ます。（５）ウイジェットのタイトルを削除出来ます。（!タイトルの先頭に"!"を入れる）（その他）Googleサイト認証 URL、Facebook URL、'RSS Feed URL、google＋ URLの登録出来ます。
Author: Baylink & Co.
Author URI: http://bayinfo.net
Tags: Bay, Bilingual, Responsive, Japanese, Small
License: GNU General Public License v3 or later
*/

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 {
border: 0; font-size: 100%; font: inherit; margin: 0; padding: 0; vertical-align: baseline; }

/* Rreset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
button, input, select, textarea { font-size: 100%; overflow: visible; margin: 0; vertical-align: baseline; width: auto; }
textarea { overflow: auto; vertical-align: text-top; }
hr { clear: both; float: none; width: 100%; border-radius: 1px; border-top: dotted 1px; }

/* Form */
html { height: 100%; }
body { -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; background: #efefef; color: #555; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; font-smoothing: antialiased; line-height: 24px; text-rendering: optimizeLegibility; }

/* Font size */
p { word-wrap: break-word; }
i,
em,
dfn,
cite { font-style: italic; }
tt,
var,
pre,
kbd,
samp,
code { font-family: monospace, serif; font-style: normal; }
b, strong { font-weight: 700; }
pre { -moz-box-sizing: border-box; -moz-border-radius: 2px; -moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2); -webkit-border-radius: 2px; -webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2); -webkit-box-sizing: border-box; box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2); box-sizing: border-box; background: #f4f4f4; border: 1px solid #aaa; border-bottom-color: #ccc; border-radius: 2px; height: auto; margin: 0; outline: none; padding: 6px; vertical-align: middle; width: 100%; word-wrap: break-word; white-space: pre-wrap; }
del { color: #555; text-decoration: line-through; }
ins, dfn { border-bottom: 1px solid #ccc; }
sup, sub { font-size: 85%; }
small,.note,.note1 { font-size: 11px; line-height: 14px; }
.note2 { font-size: 12px; line-height: 18px; }
p.note2 { font-size: 12px; line-height: 18px; text-indent: -17px; padding-left: 17px; margin:0; }
abbr, 
acronym { font-size: 85%; letter-spacing: .1em; text-transform: uppercase; }
a abbr, 
a acronym { border: none; }
dfn[title],
abbr[title], 
acronym[title] { border-bottom: 1px solid #ccc; cursor: help; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* Port-Pier */
.port { float: left; margin-bottom: 0%; padding-top: 0; }
.port-s { float: left; margin-bottom: 0%; padding-top: 0; }
.port-right { float: right; margin-bottom: 0%; padding-top: 0; }

/* Sidebar*/
.pier-250 { width: 25%; display: inline; }

/* Home / コンテンツ １/３分割*/
.pier-320 { width: 32%; display: inline; margin-right: 2%; }
.pier-800 { width: 80%; margin-right: auto; margin-left: auto; }
.pier-bn { width: 100%; margin-right: auto; margin-left: auto; }
/* Sitemap / コンテンツ １/２分割*/
.pier-480 { margin-left: 2%; display: inline; width: 48%; }
.pier-480 ul { padding: 0px 0px 10px 0px; list-style-type: none; line-height: 24px; }
.pier-480 ul ul { padding-left: 20px; list-style-type: disc; }

/* Footer ／ コンテンツ用2割用*/
.pier-490 { width: 49%; display: inline; margin-right: 2%; }

/* Home / コンテンツ ２/３分割*/
.pier-660 { width: 66%; display: inline; margin-right: 2%; }
.pier-660fl { float: left; width: 66%; display: inline; margin-right: 2%; }

/* Page */
.pier-730 { width: 73%; display: inline; margin-right: 2%; }
.pier-780 { display: inline; width: 78%; }
.pier-860 { display: inline; width: 86%; }

/* Full Wide Page*/
.pier-980 { display: inline; width: 98%; }
.pier-960 { display: inline; width: 96%; }
.pier-1000 { width: 100%; }
.fit { margin-left: 0 !important; margin-right: 0 !important; }
.bm-sp { margin-bottom: 10px; }

/* Visibility */
.hidden { visibility: hidden; }
.visible { visibility: visible; }
.none { display: none; }
.hide-desktop { display: none; }
.show-desktop { display: block; }

/* Images */
img { -ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%; vertical-align: middle; }

/* Videos */
video { width: 100%; max-width: 100%; height: auto; }
.move {
position:relative;
width:100%;
padding-top:56.25%; }
.move iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%; }

/* Embeds/Objects */
embed,
object { max-width: 100%; }
svg:not(:root) { overflow: hidden; }

/* Links */
a { color: #005286; font-weight: 600; text-decoration: none; }
a:hover,
a:focus,
a:active { color: #3366FF; outline: 0; }
::selection { color: #063; text-shadow: none; background-color: #999; }

/* Forms */
label { display: inline-block; font-size: 14px; font-weight: 700; padding: 10px 0px 2px 0px; }
legend { padding: 2px 5px; }
fieldset { border: 1px solid #ccc; margin: 0 0 1.5em; padding: 1em 2em; }
select,
input[type="text"], 
input[type="password"],
input[type="email"] { -moz-box-sizing: border-box; -moz-border-radius: 2px; -webkit-box-sizing: border-box; -webkit-border-radius: 2px; -webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2); background-color: #fff; box-sizing: border-box; border: 1px solid #aaa; border-bottom-color: #ccc; border-radius: 2px; outline: none; margin: 0px; padding: 4px 6px; vertical-align: middle; width: 100%; }
select { height: auto; width: auto; }
li
area,
textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 2px; -webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2); background-color: #fff; box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2); box-sizing: border-box; border: 1px solid #aaa; border-bottom-color: #ccc; border-radius: 2px; height: auto; overflow: auto; margin: 0px; outline: none; padding: 8px; width: 100%; }
input, 
select { cursor: pointer; }
area:focus,
input:focus, 
textarea:focus { border: 1px solid #6cf; }
input[type='text'], 
input[type='password'] { cursor: text; }

/* Buttons */
a.button,
input[type='reset'], 
input[type='button'], 
input[type='submit'] { background-color: #FFF; border: 1px solid #999; border-radius: 24px; color: #36C; font-size: 13px; font-weight: 800; line-height: 18px; cursor: pointer; display: inline-block; margin: 8px 0px 0px 2px; padding: 4px 15px; }
a.button:hover,
input[type='reset']:hover, 
input[type='button']:hover, 
input[type='submit']:hover { background-color: #FFF; border: 1px solid #FF9900; color: #FF9900; }

/* Buttons 問い合わせフォーム用 */
#mbb { background-color: #fff; border: 1px solid #999; border-radius: 15px; color: #666; font-size: 14px; font-weight: 800; line-height: 18px; cursor: pointer; display: inline-block; margin: 0; padding: 3px 20px; }
#mbb:hover { border: 1px solid #FF9900; color: #FF9900; }
.note { font-size: 10px; }

/* Lists */
ul { list-style-type: disc; margin: 0; padding: 0; }
ol { list-style-position: outside; list-style-type: none; margin: 0; padding: 0; }
dt { font-weight: 400; }
/* Blockquote */

blockquote { background: #f9f9f9; border: none; border-left: 2px solid #d6d6d6; margin: 10px 0; overflow: auto; }
blockquote p { font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 12px; line-height: 20px; color: #333; }

/* Marquee */
marquee { color: #CC3300; background: #f9f9f9; border: 1px solid #d6d6d6; margin: 10px 0; padding: 2px 20px; }

/* Headings */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: 600; line-height: 1.4em; word-wrap: break-word; }
h1 { font-size: 18px; line-height: 28px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin: 24px 0 14px 0; }
h2 { color: #005286; font-size: 18px; font-weight: 700; line-height: 28px; margin: 18px 0 8px 0; letter-spacing:1px; border-left: solid #005286 7px; border-bottom: solid #005286 1px; margin: 16px 0 28px 0; padding-left: 10px; }
h3 { font-size: 16px; font-weight: 700; line-height: 24px; margin: 18px 0 12px 0; border-bottom: solid #999 1px; }
h4 { font-size: 14px; font-weight: 700; margin: 20px 0 10px 0; }
h5 { font-size: 14px; font-weight: 700; border-left: solid #005286 3px; padding-left: 8px; margin: 21px 1px 12px 0px; }
h6, h6 a { font-size: 12px; font-weight: 700; line-height: 18px; word-wrap: break-word; margin-bottom: 8px; margin-top: 14px; }

/* Margins & Paddings */
p, 
hr, 
dl, 
pre, 
form, 
address { margin: 1em 0; }
blockquote { padding: 0px 20px; }
th, td { padding: 2px; }
caption { padding-bottom: 2px; }
blockquote { padding: 0px 20px; }
blockquote:first-child { margin: .8em 0; }
fieldset { margin: 1.6em 0; padding: 0 1em 1em; }
legend { padding-left: .8em; padding-right: .8em; }
legend+* { margin-top: 1em; }
input,
textarea { padding: .3em .4em .15em; }
select { padding: .1em .2em 0; }
option { padding: 0 .1% ; }
dt { margin: 1% 0; }
ul { list-style-type: disc; font-size: 13px; margin: 0; padding-left: 22px; }
ol { list-style-type: decimal; margin: 10px 0; padding-left: 46px; font-size: 13px; }
li ul,
li ol { margin: 0 0 0 0px; }
form div { margin-bottom: .4em; }

/* Globals */
#container { max-width: 960px; margin: 5px auto; padding: 0px 10px; }
#wrapper { clear: both; background-color: #fff; margin: 0px auto; padding: 10px; position: relative; }
#land-wrapper { clear: both; margin: 10px auto 0px; padding: 0px; position: relative; }
.land-in { background-color:rgba(255,255,255,0.9); padding: 10px 20px; margin: 10px auto; border-radius: 10px; height: auto; }
.jyouge {display: table-cell; vertical-align: middle}
.pad-w {padding: 20px 0px;}
.access { margin: 10px; padding-top:30px;}
.access a { height:20px; padding: 10px 40px; border-radius: 20px; background-color:#BF0000; font-size: 18px; color: #fff; font-weight: 700; white-space: nowrap; text-align: center; text-shadow: 1px 1px 2px #000; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .3); }
.access a:hover {background-color:#f39800;}
.telaccess-s {padding-top:20px; font-size:24px;font-weight: 600;}
.telaccess {padding-top:20px; font-size:32px;font-weight: 800;}
.telaccess a {color:#f39800;}
#header { margin: 0; }
#footer { clear: both; margin: 0 auto; max-width: 960px; padding: 0 10px; }
#footer-wrapper { margin: 10px 0 0 0; max-width: 960px; padding: 3px 0px; border-top: solid #999 1px; }

/* Header */
#logo { float: left; margin: 10px 0px; }
.site-name { display: block; font-size: 24px; line-height: 1em; padding-top: 10px; }
.site-name a { color: #333; font-weight: 700; }
.site-description { color: #afafaf; display: block; font-size: 10px; margin: 10px 0; }

/* Content */
#content { margin: 0px 0px 5px 0px; }
#content-full { margin: 0px 0px 5px 0px; padding: 0px 10px; }
#content-land { margin: 0px 0px 5px 0px; padding: 0px 0px; }
#content-blog { margin: 0px 0px 5px 0px; }
#content-side-only { margin: 0px 0px 20px 0px; }
#content-images { margin: 0px 0px 5px 0px; }
#content-archive { margin: 0px 0px 5px 0px; }
#content .sticky { clear: both; }
#content .sticky p {}

/* Author Meta (Author's Box) */
#author-meta { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #f9f9f9; border: 1px solid #d6d6d6; border-radius: 4px; clear: both; display: block; margin: 30px 0 40px 0; padding: 10px; overflow: hidden; }
#author-meta img { float: left; padding: 10px 15px 0 5px; }
#author-meta p { margin: 0; padding: 5px; }
#author-meta .about-author { font-weight: 700; margin: 10px 0 0 0; }

/* 本文 */
.comments-link { font-size: 12px; }
#cancel-comment-reply-link { color: #900; }
.post-data { clear: both; font-size: 12px; font-weight: 700; margin-top: 15px; }
.post-data a { color: #111; }
.post-entry { clear: both; margin: 15px 0; }
.post-meta { clear: both; color: #9f9f9f; font-size: 12px; margin-bottom: 15px; }
.post-edit { clear: both; display: block; font-size: 12px; margin: 1.5em 0; }
.post-search-terms { clear: both; }
.read-more { clear: both; font-weight: 700; }
.attachment-entry { clear: both; text-align: center; }

/* Symbols */
.ellipsis { color: #aaa; font-size: 18px; margin-left: 5px; }
.form-allowed-tags { display: none; font-size: 10px; }

/* Widgets on Front page */
.widget-wrapper1 { font-size: 12px; border: 1px solid #CCC; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color: #ffffff; margin: 0px 0px 10px 0px; padding: 0px; min-height: 0; }
.widget-wrapper2 { margin: 0px 13px 20px 0px; padding: 0px; background: none; min-height: 0; float: left; }
.widget-wrapper2:last-child { margin: 0px 0px 20px 0px; }
.widget-wrapper3 { margin: 0px 13px 20px 0px; padding: 0px; background: none; min-height: 0; float: left; }
.widget-wrapper3:last-child { margin: 0px 0px 20px 0px; }
.widget-wrapper6 { display: none; }
#widget-list { margin-top: 0px; font-size: 14px; line-height: 24px; }
.widget-wrapper select,
.widget-wrapper input[type="text"], 
.widget-wrapper input[type="password"],
.widget-wrapper input[type="email"] { margin: 0px; width: 75%; }

/* Widgets-left-menu */
#widget-left { margin-top: 90px; }
#widget-left a { border: 1px solid #999; border-radius: 15px; color: #666; font-size: 14px; margin: 0px 15px 10px 15px; }
#widget-left ul { padding-left: 0px; padding-top: 0px; list-style-image: none; list-style-type: none; }
#widget-left ul li a { display: block; padding: 4px 15px; font-size: 14px; line-height: 21px; text-decoration: none; }
#widget-left ul li a:hover { border: 1px solid#FF9900; color:#FF9900; }
#widget-left ul li li { margin-left: 0px; padding: 0px; vertical-align: middle; }
#widget-left ul li li a { font-size: 12px; line-height: 12px; border: none; color: #484848; text-decoration: none; }
#widget-left ul li li a:hover { border: none; text-decoration: none; color: #3333FF; background-color: #FFFFFF; }

/* Widgets Fornt page & Gallery*/
#widgets {}
#widgets a { display: inline-block; margin: 0; text-decoration: none; }
#widgets form { margin: 0; }
#widgets ul,
#widgets ol { padding-left: 0px; list-style-type: none; }
#widgets ul li a { display: inline; text-decoration: none; }
#widgets .widget-title img { float: right; height: 10px; position: relative; top: 4px; width: 10px; }
#widgets .rss-date { line-height: 18px; padding: 10px; }
#widgets .rssSummary { padding: 10px; }
#widgets cite { font-style: normal; line-height: 18px; padding: 6px 6px; }
#widgets .tagcloud,
#widgets .textwidget { display: block; line-height: 22px; margin: 0px; padding: 0px; word-wrap: break-word; }
#widgets .textwidget a { display: inline; }
#widgets ul .children { padding: 0px; }
#widgets .author { font-weight: 700; padding-top: 4px; }
.widget_archive select, #cat { display: block; margin: 0 15px 0 0; }
#widgets .social-icons { list-style: none; line-height: normal; padding: 0; margin: 0; text-align: left; }
.twitter-icon,
.facebook-icon,
.instagram-icon,
.youtube-icon,
.google-plus-icon,
.rss-feed-icon { display: inline; margin: 1px; padding-right: 4px; }
.widget_media_image{ min-height:0; padding: 0px; margin: 0px; }
#top-widget {}
.top-widget { background: none; border: none; clear: right; float: right; min-height:0; padding: 0 0 10px 0; text-align: right; width: 45%; }
.top-widget input[type="text"] { width: auto; margin: 0px; border-radius: 20px; padding: 4px 12px; }
.top-widget #searchform { margin: 0; }
#colophon-widget { background-color: #F8F8F8; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius:6px; margin: 0px; padding: 10px 0px 10px 0px; }
.links { font-size: 13px; font-weight: 700; line-height: 18px; margin: 0px 15px 10px 15px; border-bottom: none; }
.links::before { content: "\025a0 \0020"; }
.colophon-widget { margin: 0px; padding: 0px 10px 0px 15px; background: none; min-height: 0; float: left; border-left: 1px dotted #CCC; font-size: 13px; line-height 16px; }
.colophon-widget:first-of-type { border-left: none; }
.colophon-widget ul,
.colophon-widget ol { padding-left: 0px; list-style-type: none; font-size: 11px; line-height: 13pt; }

/* Widget Titles */
.widget-title, 
.widget-title-home h3 { display: block; font-size: 13px; font-weight: 600; line-height: 20px; margin: 0px 0px 4px 0px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; padding: 0px 0px 0px 0; text-align: left; }
.widget-title-home h2 { display: block; font-size: 14px; font-weight: 700; line-height: 20px; margin: 0px; padding-left: 7px; text-align: left; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; border-bottom: solid #999 1px; }
.top-widget .widget-title { font-size: 10px; padding: 10px; text-align: right; }
.widget-title a { border-bottom: none; font-weight: 700; padding: 0px !important; }
.title-404 { color: #933; }

/* Top Menu */
.top-menu { float: right; padding: 0px 0px 0px 2px; }
.top-menu li { display: inline; list-style-type: none; }
.top-menu li a { border-left: 1px solid #ccc; color: #333; font-size: 12px; text-decoration: none; padding: 0 4px 0 8px; }
.top-menu > li:first-child > a { border-left: none; }
.top-menu li a:hover { color: #333; }

/* Main Menu */
.menu { background-color: #FFFFFF; margin: 0 auto; border-bottom: 1px solid #999; }
.main-nav { clear:both; }
.menu, 
.menu ul { display: block; list-style-type: none; margin: 0; padding: 0; }
.menu li { border: 0; display: block; float: left; margin: 0; padding: 0; position: relative; z-index: 5; }
.menu li:hover { white-space: normal; z-index: 10000; }
.menu li li { float: none; }
.menu ul { left: 0; position: absolute; top: 0; visibility: hidden; z-index: 10; }
.menu li:hover > ul { top: 100%; visibility: visible; }
.menu:after, 
.menu ul:after { clear: both; content: '.'; display: block; height: 0; overflow: hidden; visibility: hidden; }
.menu, 
.menu ul { min-height: 0; }
.menu ul,
.menu ul ul { margin: 0; padding: 0; }
.menu ul { margin-top: 1px; min-width: 160px; width: auto; }
.menu a { color: #666; cursor: pointer; display: block; font-size: 14px; font-weight: 800; height: 24px; line-height: 24px; margin: 0; padding: 8px 20px 6px 20px; position: relative; text-decoration: none; white-space: nowrap; border-bottom: solid #FFF 3px; }
.menu .current-menu-item > a,
.menu .current-menu-ancestor > a { color: #005286; border-bottom-color: #005286; background-image: none; }
.home .menu .current-menu-item > a { color: #666; border-bottom-color: #FFF; background-image: none; }
.menu a:hover { color: #FF9900; border-bottom-color: #FF9900 }
.menu li li a { display: none; }
.menu li li li a { display: none; }
.menu a#bay_menu_button { display: none; }
.main-nav #bay_current_menu_item { display: none; }
.js .main-nav .menu { display: block; }

/* Sub Menu */
.sub-header-menu { clear: both; margin: 0 auto; }
.sub-header-menu, 
.sub-header-menu ul { display: block; list-style-type: none; padding: 10px 0 0 0; line-height: 26px; }
.sub-header-menu li { display: block; float: right; position: relative; z-index: 5; margin: 0 3px; }
.sub-header-menu li:hover { white-space: normal; border-radius: 15px; z-index: 10000; }
.sub-header-menu li li { float: none; }
.sub-header-menu ul { left: 0; position: absolute; top: 0; visibility: hidden; z-index: 10; }
.sub-header-menu li:hover > ul { top: 100%; visibility: visible; }
.sub-header-menu li li:hover > ul { left: 100%; top: 0; }
.sub-header-menu:after, 
.sub-header-menu ul:after { clear: both; content: '.'; display: block; height: 0; overflow: hidden; visibility: hidden; }
.sub-header-menu, 
.sub-header-menu ul { min-height: 0; }
.sub-header-menu ul,
.sub-header-menu ul ul { margin: 0; padding: 0; }
.sub-header-menu ul { margin-top: 1px; min-width: 160px; width: auto; }
.sub-header-menu a { color: #36C; cursor: pointer; display: block; font-size: 14px; font-weight: 600; height: 24px; line-height: 26px; border: 1px solid #999; border-radius: 15px; padding: 0 15px; position: relative; text-decoration: none; text-shadow: none; }
.sub-header-menu .current_page_item a,
.sub-header-menu .current-menu-item a { color: #005286; }
.sub-header-menu a:hover { color: #FF9900; border: 1px solid #FF9900; }
.sub-header-menu ul > li + li { border-top: 0; }
.sub-header-menu li li:hover > ul { left: 100%; top: 0; }
.sub-header-menu ul.children a, 
.sub-header-menu .current_page_ancestor, 
.sub-header-menu .current_page_ancestor ul a { background: none; background-image: none; filter: none; }

/* Footer Menu */
.footer-menu { margin-left: 0; padding: 0px; }
.footer-menu ul { margin: 10px; }
.footer-menu li { display: inline; list-style-type: none; }
.footer-menu li a { border-left: 1px solid #ccc; color: #333; margin: 0px; padding: 0 8px; font-size: 12px; }
.footer-menu li a:hover { color: #222; }
.footer-menu > li:first-child > a { border-left: none; padding: 0 8px 0 0; }

/* Custom Mobile Menu Title */
.custom-mobile-menu-title { display: none; }

/* Navigation */
.navigation { color: #111; display: block; font-size: 14px; height: 28px; line-height: 28px; margin: 20px 0; padding: 0 5px; }
.navigation a { color: #aaa; padding: 4px 10px; }
.navigation a:hover { color: #111; text-decoration: none; }
.navigation .previous { float: left; }
.navigation .next { float: right; }
.navigation .bracket { font-size: 36px; }

/* Pagination (pages) */
.pagination { clear: both; display: block; font-size: 16px; font-weight: 700; margin: 10px 0; padding: 10px 0; }
.pagination a { text-decoration: none; }

/* Breadcrumb Lists */
.breadcrumb-list { font-size: 12px; line-height: 28px; }

/* wpcf7  */
/*.menu-gene::after { content: ''; width: 6px; height: 6px; border: 0px; border-bottom: solid 2px #b4b3b3; border-right: solid 2px #b4b3b3; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right:15px; margin-top: -4px;}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, textarea.wpcf7-form-control.wpcf7-textarea { width: 100%; padding: 8px 10px; margin: 0px 10px 0px 0px; border-radius: 3px; background: rgba(255, 255, 142, 0.1);}*/
.wpcf7-textarea {height: 200px;}
.wpcf7-text { padding:6px; border-radius: 3px; box-shadow: 0 1px 0 #fff, inset 0 1px 2px rgba(0, 0, 0, 0.4);border: 1px solid #ADA6A6; margin-bottom:5px;}
.kuu {margin-top:10px;}
*/
/*
 wpcf7input.wpcf7-submit { width: 100%; height: 40px; 
	-moz-border-radius: 3px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 3px; background-color: #CCC; background-image: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#999999)); background-image: -webkit-linear-gradient(top, #CCC, #999999); background-image: -moz-linear-gradient(top, #CCC, #999999); background-image: -ms-linear-gradient(top, #CCC, #999999); background-image: -o-linear-gradient(top, #CCC, #999999); background-image: url(linear-gradient(top, #CCC, #999999)); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; border: 1px solid #005286; border-radius: 3px; color: #ffffff; cursor: pointer; display: inline-block; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#f1f1f1); font-size: 18px; font-weight: 600; line-height: 20px; margin: 0; padding: 4px 6px; text-decoration: none; text-shadow: 0px -1px 1px #252A35; vertical-align: middle; white-space: nowrap;}
input[type='submit'] { border-radius: 4px; font-weight: 600;padding: 4px 6px;}
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {color: red; font-weight: 600; }
*/

/* 本文内画像の設定 */
.alignnone { margin: 5px 19px 5px 0px; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 0px 0 10px 0px; }
.alignleft { float: left; margin: 0px 0px 10px 0px; }
.alignleft-end { float: left; margin: 5px 0px 5px 0px; }
.aligncenter { display: block; margin: 5px auto; }
a img.alignright { float: right; margin: 5px 0px 5px 19px; }
a img.alignnone { margin: 5px 0px 5px 0px; }
a img.banner { margin: 0px; }
a img.alignleft { float: left; margin: 5px 19px 5px 0px; }
a img.aligncenter { display: block; margin: 5px auto; }

/* 本文内画像の設定 (キャプション付) */
.wp-caption { text-align: left; }
.wp-caption.alignnone { margin: 0px 0px 5px 0px; }
.wp-caption.alignleft { margin: 0px 0px 5px 0px; }
.wp-caption.alignright { margin: 0px 0px 5px 0px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 14 px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin: 0; padding: 3px 0px 2px 0px; }
img.wp-smiley { vertical-align: middle; }

/* Post Thumbnails */
img.wp-post-image,
img.attachment-full,
img.attachment-large, 
img.attachment-medium, 
img.attachment-thumbnail { display: block; margin: 15px auto; width: auto; }

/* Footer */
#footer { font-size: 12px; }
#footer a { color: #333; font-weight: 400; }
#footer a:hover { color: #444; }
.copyright { text-align: right; margin:0px; float: right; }

/* Scroll Up */
#scrollUp { bottom: 0; right: 15px; width: 34px; height: 45px; margin-bottom: -20px; padding: 5px 5px 10px 5px; font: 14px/20px sans-serif; text-align: center; text-decoration: none; text-shadow: 0 1px 0 #fff; color: #828282; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);  -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); background-color: #E6E6E6; background-image: -moz-linear-gradient(top, #EBEBEB, #DEDEDE); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EBEBEB), to(#DEDEDE)); background-image: -webkit-linear-gradient(top, #EBEBEB, #DEDEDE); background-image: -o-linear-gradient(top, #EBEBEB, #DEDEDE); background-image: linear-gradient(to bottom, #EBEBEB, #DEDEDE); background-repeat: repeat-x; -webkit-transition: margin-bottom 150ms linear; -moz-transition: margin-bottom 150ms linear; -o-transition: margin-bottom 150ms linear; transition: margin-bottom 150ms linear; }
#scrollUp:hover { margin-bottom: 0; }

/* Alignments Extras */
.left { float: left; }
.right { float: right; }
.center { text-align: center; }

/* Clearfix */
.clearfix:after,
.clearfix:before,
#container:after,
#container:before,
.widget-wrapper:after,
.widget-wrapper:before { content: ' '; display: table; }

.clearfix:after,
#container:after,
.widget-wrapper:after { clear: both; }
.clear { clear: both; }


.tas, tas th ,.tas td { text-align: center; }
.la, .la th, .la td { padding-left: 3px; }
.cyu1 { font-size: 13px; }
.cyu, .cyu th, .cyu td {border:none; padding: 1px 0px; font-size: 12px; }
.m-blue {color: #36C; font-weight: 700;}
.m-red {color: #BF0000; font-weight: 700;}

/* WordPress Gallery */
.gallery { margin: 0 auto 18px; }
.gallery .gallery-item { float: left; margin-top: 0; text-align: center; max-width: 155px; }
.gallery img { border: 1px solid #dddddd; }
.gallery .gallery-caption { font-size: 12px; margin: 0 0 12px; }
.gallery dl { margin: 0; }
.gallery br+br { display: none; }
.attachment-gallery img { background: #ffffff; border: 1px solid #f0f0f0; display: block; height: auto; margin: 15px auto; max-width: 96%; padding: 5px; width: auto; }
.gallery-meta .iso,
.gallery-meta .camera,
.gallery-meta .shutter,
.gallery-meta .aperture,
.gallery-meta .full-size,
.gallery-meta .focal-length { display: block; }

/* タイトル （AddQuicktagに追加）*/
.ttl1 { display: inline-block; font-size: 14px; padding: 5px 20px 5px 20px; margin-bottom: 10px; line-height: 16px; border: 1px solid #005286; border-radius: 16px; color: #FFFFFF; background-color: #005286; font-weight: 600; width: auto; }
.ttl2 { display: block; font-size: 14px; padding: 5px 20px 5px 20px; margin-bottom: 20px; line-height: 16px; border: 1px solid #005286; border-radius: 16px; color: #FFFFFF; background-color: #005286; font-weight: 600; width: auto; }
.ttl3 { display: inline-block; font-size: 14px; padding: 5px 10px 5px 10px; margin-bottom: 10px; line-height: 16px; border: 1px solid #005286; border-radius: 16px; color: #005286; background-color: #FFF; font-weight: 600; width: auto; }
.ttl4 { display: block; font-size: 14px; padding: 4px 20px; margin: 30px 0px 15px 0px; line-height: 22px; border: 1px solid #005286; color: #005286; background-color: #FFF; font-weight: 600; width: auto; }

/* Button for お問い合わせ（AddQuicktagにリンクボタンを追加） */
button.style-inquiry { -moz-border-radius: 14px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 14px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; border: 1px solid #363; border-radius: 14px; color: #ffffff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 600; line-height: 16px; letter-spacing:1px; margin: 24px 0 5px 0; padding: 4px 10px; text-decoration: none; text-shadow: 0 -1px 0 #0d4072; vertical-align: middle; background-color: #005286; border-bottom: 0px; }
button.style-inquiry:hover { background-color: #A83250; color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from#0061B6), to(#005286)); background-image: -webkit-linear-gradient(top, #0061B6, #005286); background-image: -moz-linear-gradient(top, #0061B6, #005286); background-image: -ms-linear-gradient(top,#0061B6, #005286); background-image: -o-linear-gradient(top,#0061B6, #005286); background-image: linear-gradient(top, #0061B6, #005286); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33CC66, endColorstr=#005286); }

/* 投稿追記 */
.keigu { float: left; width: 49%; margin-left: 50%; }
.kaki { clear: both; margin-top:30px; padding-top:20px; }
.kaki th { border:none; padding:2px 0px 2px 2px; width: 10%; white-space:nowrap; }
.kaki td { border:none; padding:2px 0px 2px 2px; width: auto; }
.s-midasi {white-space:nowrap; font-weight:600;}

/* Landing */
.page-template-landing-page { background: url(bay/images/bb1.png) no-repeat; background-position: center top; }
.ld-lead1 { color: #36C; font-size: 26px; font-weight: 800; text-shadow: 1px 1px 2px #808080; line-height: 36px; margin: 0px; padding: 15px 10px; }
.ld-lead4 { font-size: 18px; line-height: 28px; margin: 0px; padding: 15px 10px; }
.ld-lead5 { font-size: 16px; line-height: 24px; margin: 0px; padding: 15px 0px; }
.ld-sub4 { font-size: 14px; line-height: 20px; margin: 0px; padding: 10px 10px; }
.ld-sub5 { font-size: 14px; line-height: 20px; margin: 0px; padding: 15px 0px 5px 0px; }
.ld-tex { font-size: 13px; line-height: 20px; font-weight: 400; margin: 0px; padding: 10px; }
.ld-list { font-size: 14px; line-height: 20px; font-weight: 600; margin: 0px; padding: 10px; }
	
/* Front 画像の設定（Front 230x120, 360x40, size-full） */
a img.attachment-230x120,
a img.attachment-260x40,
a img.alignnone { background:none!important; }
a:hover img.attachment-230x120,
a:hover img.attachment-360x40,
a:hover img.attachment-310x69,
a:hover img.alignnone,
a:hover img.banner { opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background:none!important; }
.widget_sp_image-description { font-size: 12px; font-weight: 600; margin: 0px; padding: 0px; }

/* ボックスリンク（製品一覧）3製品 */
#linkbox { margin: 0px; }
#linkbox ul { padding: 0px; margin: 0px; list-style-image: none; list-style-type: none; }
#linkbox img { padding: 0px; margin: 0px; }
#linkbox ul li { display: inline-block; text-align: left; vertical-align: top; }
#linkbox ul li a { display: block; color: #005286; font-size: 14px; font-weight: 600; line-height: 18px; text-decoration: none; padding: 10px 10px 0px 10px; border: 2px solid #005286; background-color: #FFFFFF; width: 197px; height: 55px; margin-bottom: 8px; margin-right: 7px; }
#linkbox ul > li:nth-child(3n) > a { margin-right: 0px; }
#linkbox ul li a:hover { color: #FF9900; border: 2px solid #FF9900; }

/* 画像上の文字の乗せ */
.relative { position: relative; }
.ttl-belt-bk { position: absolute; bottom: 0px; left: 0px; background: rgba(0,0,0,.6); width: auto; color: #fff; font-size: 20px; font-weight: 700; text-shadow: 1px 1px 2px #000000; padding: 10px 15px; margin: 10px; }
.ttl-belt-top { position: absolute; bottom: 30px; right: 0px; width: auto; color: #fff; opacity:0.6; font-size: 30px; font-weight: 600; letter-spacing: 10px; text-shadow: 1px 1px 2px #000000; padding: 10px 15px; margin: 10px; }

/* トップページ アイコン付きお知らせ */
.widget-info { font-size: 14px; background-color: #ffffff; margin: 10px 2px 20px; padding: 0px; }
.widget-info ul,
.widget-info ul li { list-style-image: none; list-style-type: none; padding: 0px; }
.widget-title-info { display: block; text-align: left; border-bottom: solid  #999 1px; margin-bottom: 2px; line-height: 20px; }
.info-ttl { color: #666666; display: inline-block; font-size: 15px; font-weight: 700; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; padding: 0px 3px 0px 3px; }
.info-list{ display: inline-block; font-size: 14px; font-weight: 600; float: right; padding: 0px 3px 0px 0; }
ul li span { }
ul li span.date { display: inline; padding: 0px 8px 0px 0px; font-size: 14px; float: left; }
ul li span.news { display: inline; width: 70px; margin: 0px 8px 0px 0px; font-size: 11px; text-align: center; float: left; background-color: #E60011; color: #FFFFFF; font-weight: 800; border-radius: 3px; line-height: 20px; height: 18px; margin-right: 8px; }
ul li span.event { display: inline; width: 70px; margin: 0px 8px 0px 0px; background: #cbdcec; font-size: 11px; font-weight: 700; text-align: center; float: left; border-radius: 3px; line-height: 20px; height: 18px; margin-right: 8px; }
ul li span.what { display: inline; width: 70px; margin: 0px 8px 0px 0px; background: #cbdcec; font-size: 11px; text-align: center; float: left; background-color: #FE4E00; color: #FFFFFF; font-weight: 800; border-radius: 3px; line-height: 20px; height: 18px; margin-right: 8px; }
ul li span.product { display: inline; width: 70px; margin: 0px 8px 0px 0px; background: #80a8cc; color: #FFFFFF; font-size: 11px; font-weight: 700; text-align: center; float: left; border-radius: 3px; line-height: 20px; height: 18px; margin-right: 8px; }
ul li span.info { display: inline; width: 80px; margin: 0px 8px 0px 0px; font-size: 11px; text-align: center; float: left; background-color: #E60011; color: #FFFFFF; font-weight: 800; border-radius: 3px; line-height: 20px; height: 18px; margin-right: 8px; }
ul li span.events { display: inline; width: 80px; margin: 0px 8px 0px 0px; background: #cbdcec; font-size: 11px; font-weight: 700; text-align: center; float: left; border-radius: 3px; line-height: 20px; height: 18px; margin-right: 8px; }
ul li span.whats { display: inline; width: 80px; margin: 0px 8px 0px 0px; background: #cbdcec; font-size: 11px; text-align: center; float: left; background-color: #FE4E00; color: #FFFFFF; font-weight: 800; border-radius: 3px; line-height: 20px; height: 18px; margin-right: 8px; }
ul li span.products { display: inline; width: 80px; margin: 0px 8px 0px 0px; background: #80a8cc; color: #FFFFFF; font-size: 11px; font-weight: 700; text-align: center; float: left; border-radius: 3px; line-height: 20px; height: 18px; margin-right: 8px; }
ul li span.ttl-j { display: block; font-size: 14px; padding-left: 200px; }
ul li span.ttl-e { display: block; font-size: 14px; padding-left: 170px; }

/* 断り書き囲み（AddQuicktagに「囲み」を追加<div class="close"></div>） */
.close { display: block; font-size: 12px; padding: 8px 12px; border: 1px dotted #999999; line-height: 18px; border-radius: 4px; margin-top: 8px; }

/** Q and A */
/* Top Index for Q and A (Beach) */
.beach { margin-top: 20px; margin-bottom: 0px; margin-left: 3px; padding: 0px; text-align: left; border-bottom: 1px solid #999999; }
.beach li { display: inline; list-style-type: none; }
.beach li a { font-weight: 600; background-color: #eeeeee; text-decoration: none; padding: 7px 20px 5px 20px; line-height: 25px; border-radius: 6px 6px 0pt 0px; border-top: solid #CCCCCC 1px; border-right: solid #CCCCCC 1px; border-left: solid #CCCCCC 1px; white-space: nowrap; }
.beach li .products { color: #FF0000; }
.beach li .construction { color:#CC6600; }
.beach li .techno { color:#CCCC00; }
.beach li .yokohama { color:#CC9933; }
.beach li a:hover { color: #FFFFFF; background-color: #003366; }
a:hover .beach li .products { color: #FFFFFF; background-color: #FF0000; }
#products { border-left-color: #FF0000; }
#construction { border-left-color: #CC6600; }
#techno { border-left-color: #CCCC00; }
#yokohama { border-left-color: #CC9933; }
#general { border-left-color: #0099FF; }

/* Toggle Styling*/
.bay_toggle-wrap { clear: both; color: #333333; border-bottom: 1px solid #d0d0d0; margin: 10px 0; padding: 2px 0px 0px 0px; width: auto; }
.bay_toggle, .bay_toggle_open, .bay_toggle_active, .bay_toggle_open_active { margin: 5px 0px 0px 0px !important; font-weight: 500; font-size: 14px; padding: 0px 15px 2px 35px; background-repeat: no-repeat; background-position: 10px 3px; border-bottom: 0px; }
.bay_toggle { background-image: url('bay/images/toggle-open.png'); }
.bay_toggle_open { background-image: url('bay/images/toggle-close.png'); }
.bay_toggle_active { background-image: url('bay/images/toggle-close.png'); }
.bay_toggle_open_active { background-image: url('bay/images/toggle-open.png'); }
.bay_toggle a,.bay_toggle_open a { color: #555; text-decoration: none; }
.bay_toggle_container, .bay_toggle_container_open { margin: 0px auto !important; padding: 0px 10px 10px 35px; background-color: #FCFCFC; border-top: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; overflow: auto; }

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

/** RESET AND LAYOUT */

#bxslider  { padding: 0px 0px; }
.bx-wrapper { width: 960px; position: relative; margin: 10px 0px 10px 0px; padding: 0px; *zoom: 1; }
.bx-wrapper img { max-width: 100%; display: block; }
/** THEME */

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { position: absolute; width: 100%; }
/* LOADER */

.bx-wrapper .bx-loading { min-height: 50px; background: url(bay/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager { position: absolute; bottom: 0%; text-align: left; font-size: 0px; font-family: Arial; font-weight: 700; color: #fff; z-index: 1200; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #fff; display: block; width: 10px; height: 10px; margin-left: 12px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #69C; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 10px; background: url(bay/images/controls.png) no-repeat 0 0px; }
.bx-wrapper .bx-next { right: 10px; background: url(bay/images/controls.png) no-repeat -43px -32px; }
.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next:hover { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 3000; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(bay/images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(bay/images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }
.npv-line { height: auto; display: flex; overflow: hidden;padding: 0px 0px 5px 0px ; }
.npv-pro { display: inline-block; font-size: 12px; font-weight: 600; float: left; padding: 0px 5px 0px 0px ; width:calc((100% - 15px)/4); }
.npv-pro3 { display: inline-block; font-size: 12px; font-weight: 600; float: left; padding: 0px 5px 0px 0px ; width:calc((100% - 10px)/3); }
.npv-pro2 { display: inline-block; font-size: 12px; font-weight: 600; float: left; padding: 0px 5px 0px 0px ; width:calc((100% - 5px)/2); }
.npv-pro:last-child, .npv-pro3:last-child, .npv-pro2:last-child { padding: 0px 0px 0px 0px; }

/* table */
.ttl-nw  {white-space: nowrap;}

/* Media Print */
@media print {
	h1 { page-break-before: always; }
	h1, h2, h3, h4, h5, h6 { page-break-after: avoid;}
	ul, ol, dl { page-break-before: avoid; } }

/* Mobile Design */
@media screen and (min-width: 768px){
	.widget-wrapper4 { text-align: center; background: none; width: 100%; min-height: 0; }
	.land-in { background-color:rgba(255,255,255,0.9); padding: 6px 12px 20px 12px; margin: 10px 3px; border-radius: 8px; }
}

@media screen and (max-width: 767px) {
	#header { margin: 0px; padding: 10px 0px; }
	.port, .port-right { float: none; margin: 0px; }
	#front-wrapper { padding: 0px 0px 10px 0px; }
	#widgets { padding: 0px; clear: both; }
	.top-widget { display: none;}
	.widget-wrapper2 { display: none; }
	.widget-wrapper6 { display: block; border: 0px; margin: 5px auto 0px auto; padding: 0px; font-size: 12px; text-align: center; }
	.links::before { content: none; }
	.pier-bn { width:50%; margin: 0 auto; }
	.widget-wrapper3 { margin: 0px 0px 10px 0px; }
	ul li span.date { display: none; }
	ul li span.ttl-j { display: block; padding-left: 10px; }
	#logo { float: none; text-align: center; margin: 0px 0px 10px 0px; }
	#linkbox ul li { display: block; }
	#linkbox ul li a { display: block; width: auto; height: 55px; margin-bottom: 6px; margin-right: 0px; }
	#linkbox br { display: none; }
	.top-widget { margin: 20px 10px 0px 10px; position: relative; width: auto; }
	.js .main-nav { position: relative; height: 30px; background-color: #005286; border: 1px solid #fff; clear: both; margin: 5px 0px; }
	.js .main-nav .menu { display: none; position: absolute; width: 100%; top: 30px; z-index: 9000; }
	.js .main-nav .menu ul { margin-top: 1px; }
	.js .main-nav .menu li { float: none; background-color: #FCFCFC; border: none; }	
	.js .main-nav .menu li a { color: #444; font-size: 13px; font-weight: 400; height: 40px; line-height: 40px; padding: 0 15px; border-bottom: 1px solid #EAEAEA; text-shadow: none; text-align: left; cursor: pointer; }	
	.js .main-nav .current-menu-item a,
	.js .main-nav .current-menu-ancestor > a { background-color: #33CCCC; }	
	.js .main-nav .current-menu-item ul li a { background: none; }	
	.js .main-nav .menu li li { display: block; background-color: #FFFFFF; }	
	.js .main-nav .menu li li a { display: block; position: relative; border-bottom: 1px solid #EAEAEA; padding: 0 10px 0 30px; }	
	.js .main-nav .menu li li li{ display: none; }
	.js .main-nav .menu li a:hover,
	.js .main-nav .menu li li a:hover { border-bottom: 1px solid #EAEAEA; background-color: #005286; color: #FFFFFF; }	
	.js .main-nav .menu li li a::before { content: '\203a'; position: absolute; top: 0; left: 20px; }
	.js .main-nav .menu li ul { position: static; visibility: visible; background-color: #fff; }
	.js .main-nav .menu ul { min-width: 0; }
	.js .main-nav #bay_current_menu_item { display: block; padding: 5px 40px 5px 10px; color: #fff; font-weight: 700; cursor: pointer; }
	.js .main-nav a#bay_menu_button { position: absolute; display: block; top: 0; left: 100%; height: 30px; width: 23px; margin-left: -30px; background: url('bay/images/select-icons.png') 0 5px no-repeat; cursor: pointer; }
	.js .main-nav a#bay_menu_button.toggle-open { background: url('bay/images/select-icons.png') 0 -46px no-repeat; }

	.top-menu,
	.sub-header-menu,
	.sub-header-menu li,
	.footer-menu,
	.footer-menu li { float: none; font-size: 11px; text-align: center; }
	.copyright { float: none; font-size: 12px; text-align: center; margin: 0px; padding: 0px; height: 10px; }
	.sub-header-menu, .sub-header-menu li { margin: 8px 30px 0px; }
	.colophon-widget { min-height: 0; float: none; border-left: none; border-top: 1px dotted #CCC; width: auto; margin: 0px 20px; padding: 6px 0px; font-size: 12px; line-height 16px; }
	.colophon-widget:first-child { margin: 0px 20px ; padding: 0px 0px 6px 0px; border-top: none; }
	#footer { text-align: center; }
	.pier-960 { display: block; width: auto; }
	.pier-800 { display: block; width: auto; margin: 10px 5px; }
	.land-in { background-color:rgba(255,255,255,0.9); padding: 6px 12px 20px 12px; margin: 10px 3px; border-radius: 8px; }
	.ld-lead1 { font-size: 20px; text-shadow: 1px 1px 1px #808080; font-weight: 800; line-height: 32px; padding: 5px 5px; }
	.access {padding-top:5px;}
	.access a { height:20px; padding: 6px 15px; border-radius: 20px; font-size: 15px; text-shadow: 1px 1px 1px #000; box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .3); }
	.telaccess-s {padding-top:20px; font-size:20px;}
	.telaccess {padding-top:20px; font-size:28px;}
	.notr { display:none; }
	.wpcf7 input[type="tel"] {width:calc(100% - 15px); margin: 0px 0px ;}
}

@media screen and (max-width: 450px) {
	body {}
	.port-s {float: none;}
	#logo { float: none; text-align: center; margin: 0px 0px 10px 0px; }
	.navigation .next,
	.navigation .previous { display: block; margin: 0 auto; text-align: center; }
	.menu ul, 
	.menu li, 
	.top-menu, 
	.footer-menu, 
	.footer-menu li, 
	.sub-header-menu li { float: none; text-align: center; text-rendering: optimizeSpeed; }
	.sub-header-menu,
	.sub-header-menu li { margin: 2px 10px;}
	.widget-title-info { margin: 20px auto 2px auto;}
	.bx-wrapper .bx-pager,
	.bx-default-pager a,
	.widget-wrapper1,
	.widget-wrapper2,
	.ttl-belt-top { display: none;}
	ul li span.news { display: none;}
	.pier-bn { width:100%; margin: 0 auto; }
	.widget-wrapper4 { background: none; min-height: 0; margin: 5px auto; width: 100%; }
	.widget-wrapper6 { display: block; border: 0px; margin: 5px auto 0px auto; padding: 0px; font-size: 12px; text-align: center; }
	.links { font-size: 12px; }
	.beach { border-bottom: 0px; }
	.beach li a { display: block; font-weight: 600; background-color: #eeeeee; text-decoration: none; padding: 5px 20px; margin: 10px 30px; line-height: 14px; border-radius: 20px; border-bottom: solid #CCCCCC 1px; white-space: nowrap; text-align: center; }
	.npv-pro { padding: 0px 2.6% 0px 0px ; width: 33% ; }
	.npv-pro:last-child { padding: 0px 0px 0px 0px ; width: 33 % ; }
}