@charset "utf-8";
/*
Theme Name: ★BizVektor子テーマサンプル★
Theme URI: http://bizvektor.com
Template: biz-vektor
Description: 
Author: ★あなた ｍ９っ・ｗ・）ｂ★
Tags: 
Version: 0.1.0
*/


/* ============================================
 *
 * Last UpDate: 2017/03/09　デザインスキン：Calmly
 *
 * 01: BizVector　テーマのCSSリセット
 * 02: テンプレート修正
 * 03: グローバルメニュー
 * 04: 見出し修正
 * 05: h1
 * 06: リンクテキスト色
 * 07: トップメイン画像　横幅100%
 * 08: Googleマップ・カレンダー　レスポンシブ対応※横幅100％
 * 09: スマホ画像配置修正
 * 10: 選択されたテキスト
 * 11: Contact Form 7 add confirm　※プラグインカスタマイズ
 * 12: 店内見取り図
 * 13: like box
 * 14: 3PR
 * 15: Grid Unit　※プラグインカスタマイズ
 * 
============================================ */

/* ============================================
 * 01: BizVector　テーマのCSSリセット
============================================ */
#main #container .content.wide {
    width: 100%;
}

.content .entry-content {
    padding: 0;
}

.content p {
    margin-bottom: 40px;
    padding: 0px 0px;
    clear: both;
}

/* ============================================
 * 02: テンプレート修正
============================================ */
#header {
    padding-top: 20px;
}

#header #headContact {
    margin-left: 10px;
    margin-right: 10px;
}

#header #headContact #headContactTel {
    color: #000;
}

#header #headContact #headContactTime {
    font-size: 14px;
}

#header #site-title {
    padding-bottom: 25px;
}

#headerTop {
    border-top: none;
}

#footerSiteMap .menu a:hover {
    color: #ff0000;
}

.sideTower .localHead {
    border-bottom: none;
}

/* ============================================
 * 03: グローバルメニュー
============================================ */
#gMenu {
    border-top: none;
    border-bottom: none;
    background: none;
}

#gMenu .menu li a {
    padding: 5px 15px 5px;
    background: none;
    border-bottom: none;
}

#gMenu .menu li a span {
    color: #ff0000;
}

#gMenu .menu li a:hover,
#gMenu .menu li.current_page_item>a,
#gMenu .menu li.current-menu-ancestor>a,
#gMenu .menu li.current-page-ancestor>a,
#gMenu .menu li.current_page_ancestor>a {
    background-color: rgba(245, 245, 245, 0.53);
}

#gMenu .assistive-text {
    background-color: #ff0000;
}

#pagetop a:hover {
    background: url(images/icon_arrow_top.png) center bottom no-repeat #ff0000;
    color: #FFF;
}

/* ============================================
 * 04: 見出し修正
============================================ */
.content h2,
.content h1.contentTitle,
.content h1.entryPostTitle {
    border-bottom: 3px solid #ff0000;
}

.content h1,
.content h2 {
    margin: 0px 1px 25px;
}

h2.title {
    border: none;
    padding: 0;
    font-size: 210%;
    font-weight: normal;
    background: none;
    box-shadow: none;
}

.content h3 {
    border-left: 3px solid #ff0000;
    margin: 35px 0px 25px;
}

.content h4 {
    padding: 5px 0 3px 8px;
    color: #000000;
    border-top: none;
    border-bottom: none;
    background: url(images/line_wh.png) left top repeat-x;
}

.content .child_page_block h4 {
    background: none;
}

.content .child_page_block h4 a {
    border-bottom: 2px solid #ff0000;
}

/* ============================================
 * 05: h1
============================================ */
#pageTitBnr {
    border-bottom: none;
}

/* ============================================
 * 06: リンクテキスト色
============================================ */
a {
    color: #ff0000;
}

a:hover,
a:active {
    color: #ff0000;
}

.content .infoList .infoCate a:hover {
    background-color: #ff0000;
}

.content ul.linkList li a:hover {
    color: #ff0000;
}

.content .childPageBox ul li a:hover,
.content .childPageBox ul li.current_page_item a {
    color: #ff0000;
}

.content .child_page_block p a:hover {
    text-decoration: underline;
    color: #ff0000;
}

.moreLink a {
    border-left: 4px solid #ff0000;
}

.content .infoList .infoListBox div.entryTxtBox h4.entryTitle a {
    color: #ff0000;
    text-decoration: none;
}

/* ============================================
 * 07: トップメイン画像　横幅100%
============================================ */
/* 画像フレームの幅を100%に */
#topMainBnrFrame {
    width: 100%;
    height: auto;
}

/* 画像幅を100%に */
#topMainBnr img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}

/* 画像の枠線を削除 */
#topMainBnrFrame .slideFrame {
    border: none;
}

/* 画像の位置調整 */
#topMainBnrFrame .slideFrame img {
    left: 0px;
}

/* 画像の余白を削除 */
#topMainBnr {
    padding-top: 13px;
}

/* 画像フレームの最小の高さを設定 */
@media (min-width: 970px) {
    #topMainBnrFrame {
        min-height: 200px;
    }
}

/* 画像フレームの背景色・影を消す */
#topMainBnr,
#topMainBnrFrame {
    background-color: transparent;
    box-shadow: none;
    border: none;
}

/* ============================================
 * 08: Googleマップ・カレンダー　レスポンシブ対応※横幅100％
============================================ */
/* マップ */
.iframe-wrapper {
    position: relative;
    width: 100%;
    padding-top: 65%;
}
div.iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* カレンダー */
.cal_wrapper {
    max-width: 950px;
    min-width: 360px;
    margin: 2.0833% auto;
}

.googlecal {
    position: relative;
    padding-bottom: 120%;
    height: 0;
    overflow: hidden;
}

.googlecal iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

@media only screen and (min-width: 600px) {
    .googlecal {
        padding-bottom: 60%;
    }
    /* 高さを調整 */
}

/* ============================================
 * 09: スマホ画像配置修正
============================================ */
@media (max-width: 660px) {
    .content img.alignleft,
    .content img.alignright,
    .content img.aligncenter {
        float: none;
        display: block;
        margin: 0 auto 30px;
        width: 100%;
        height: auto;
    }
}

.content img.alignleft,
.content img.alignright,
.content img.aligncenter {
    margin-bottom: 30px;
}

/* ============================================
 * 10: 選択されたテキスト
============================================ */
::selection {
    background: #ff0000;
}

::-moz-selection {
    background: #ff0000;
    /* Firefox */
}

/* ============================================
 * 11: Contact Form 7 add confirm　※プラグインカスタマイズ
============================================ */
.wpcf7c-conf {
    background-color: #f9f9f9;
}

.content dt {
    color: #ff0000;
}

form#searchform input#searchsubmit {
    border: 1px solid #ff0000;
    background-color: #ff1000;
}

a.btn,
.linkBtn a,
input[type="button"],
input[type="submit"] {
    border: 1px solid #ff0000;
    background: url(images/arrow_wh_s.png) right bottom no-repeat #ff1000;
}

/* ============================================
 * 12: 店内見取り図
============================================ */
.content p.shopmap {
    margin-bottom: 20px;
}

#content table.layoutTable950 {
    border-top: none;
    margin-bottom: 20px;
    padding: 0 5px;
    width: 100%;
    background: #fcefde;
    text-align: center;
    border-spacing: 1px;
    border-collapse: inherit;
}

#content table.layoutTable950 th,
#content table.layoutTable950 td {
    margin-right: 0;
    border: none;
    padding: 10px 5px;
}

#content table.layoutTable950Bottom tr.bottom {
    padding: 0px;
}

#content table.layoutTable950 td.tableComments {
    font-size: 120%;
    padding: 20px 0 5px;
}

/* ============================================
 * 13: like box
============================================ */
.facebook-page-plugin {
    text-align: center;
    margin: 20px 0;
    background-color: #f9f9f9;
    border: 4px solid #efefef;
}

/* ============================================
 * 14: 3PR
============================================ */
#topPr .prImage {
    margin-left: 6px;
    box-shadow: none;
    border: none;
}

#topPr .topPrDescription a:hover {
    color: #ff0000;
}

#topPr h3 a:hover {
    color: #ff0000;
}

#topPr h3 a {
    border-bottom: 2px solid #ff0000;
}

/* ============================================
 * 15: Grid Unit　※プラグインカスタマイズ
============================================ */
#content .bv-grid-unit-wrapper {
    margin-top: 25px;
}


/* ============================================
 * 16: fotter　※フッター社名にリンク付与
============================================ */

.foot-sitetitle {
    color: #d2d2d3;
    text-decoration: none;
}
.foot-sitetitle:hover {
    color: #ff0000;
}