@charset "utf-8";
/*
Theme Name: ★子テーマ★
Theme URI:
Template: biz-vektor
Description: 
Author: ★bois★
Tags: 
Version: 0.1.0
*/
/*-------------------------------------------*/
/*	サイト全体
/*-------------------------------------------*/
body {
	font-family: "Sawarabi Mincho", "Noto Sans JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS PGothic",sans-serif;
color: #000;
}

/*　各ページのメインの文章をきれいに左右あわせにする　*/
.content p {
    text-align: justify;
font-family: "Sawarabi Mincho";
}


.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
#content p { 
font-size:15px;
font-family: "Sawarabi Mincho";
 padding: 0; 
}

/* スマホのときの文字大きさ */
@media (max-width: 640px) {
#content p {
 font-size:14px;
line-height:1.7;
}}

/* フッターのvizvectorをとる（先に書かないとcssがきかない） */
#powerd {
    display: none;
}
#topMainBnr {
    padding: 0 !important;
}

/* 外枠を100%に */
#headerTop,
#header,
#topMainBnrFrame,
#topMainBnr img,
#main,
#footMenu{
    width: 100% !important;
}

/* 内枠を少し小さく */
.innerBox,
#header .innerBox,
#pageTitBnr .innerBox,

#footMenu .innerBox,
#footer .innerBox {
    width: 100%;
    margin: 0px auto;
}
/* 背景色左部分に白が出る消す */
#main #container #content {
    margin: 0;
}
/* ページへ戻るひとつ消す */
#pagetop a {
    display: none;
}

/* ページ下空白つめる */
#main #container #content {
    margin: 0;
    padding-bottom: 0;
}
/* ページ下空白つめる */
#main #container #content.wide {
    width: 100%;
    padding-bottom: 0;
}
/* トップ画像と下空白つめる */
#main #container {
    padding-top: 0;
}
#topMainBnr {
    padding: 0;
}
#panList {
    display: none;
}

/* トップページ背景 */
.home {
    background-image: url(http://kanan.bois-c.com/wp-content/uploads/2019/05/haikei1.jpg);
    background-position: top center;
    background-size: cover;
background-repeat:repeat-y;
  background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 640px){
.home{
    background-image: url(http://kanan.bois-c.com/wp-content/uploads/2019/05/haikei1_sp.jpg);
    background-position: center center;
    background-size: cover;
	background-repeat: repeat-y;
    background-color: rgba(255, 255, 255, 0.2);
}}
/* 商品ページ背景 */
.page-id-137 {
    background-image: url(http://kanan.bois-c.com/wp-content/uploads/2019/05/haikei1.jpg);
    background-position: top center;
    background-size: cover;
background-repeat:repeat-y;
  background-color: rgba(255, 255, 255, 0.2);

}
@media (max-width: 640px){
.page-id-137 {
    background-image: url(http://kanan.bois-c.com/wp-content/uploads/2019/05/haikei1_sp.jpg);
    background-position: top center;
    background-size: cover;
background-repeat:repeat-y;
  background-color: rgba(255, 255, 255, 0.2);
}}
/* ギャラリーページ背景 */
.page-id-741 {
    background-image: url(http://kanan.bois-c.com/wp-content/uploads/2019/05/haikei1.jpg);
    background-position: top center;
    background-size: cover;
background-repeat:repeat-y;
  background-color: rgba(255, 255, 255, 0.2);

}
@media (max-width: 640px){
.page-id-741 {
    background-image: url(http://kanan.bois-c.com/wp-content/uploads/2019/05/haikei1_sp.jpg);
    background-position: top center;
    background-size: cover;
background-repeat:repeat-y;
  background-color: rgba(255, 255, 255, 0.2);
}}
/* 問合せページ背景 */
.page-id-1127 {
    background-image: url(http://kanan.bois-c.com/wp-content/uploads/2019/05/haikei1.jpg);
    background-position: top center;
    background-size: cover;
background-repeat:repeat-y;
  background-color: rgba(255, 255, 255, 0.2);

}
@media (max-width: 640px){
.page-id-1127 {
    background-image: url(http://kanan.bois-c.com/wp-content/uploads/2019/05/haikei1_sp.jpg);
    background-position: top center;
    background-size: cover;
background-repeat:repeat-y;
  background-color: rgba(255, 255, 255, 0.2);
}}
#headerTop {
   display:none;
}
/* キャプションの位置 */
.widget_sp_image-description {
    margin: 0 auto;
    width: 200px;
}
/* スマホのとき */
@media (max-width: 640px) {
.widget_sp_image-description {
    margin: 0 auto;
    width: 100px;
}}

/* ページの下部つめる */
#topFreeArea {
    margin-bottom: 0;
    padding-bottom: 0;
	border:none;
	box-shadow:none;
}
/*-------------------------------------------*/
/*	popup関連
/*-------------------------------------------*/
.popup{
    color: #000;
    font-family: "Sawarabi Mincho";
    font-weight: 400;
}
.popup-data{
color: #000;
margin: 10px 0;
font-size: 10pt;
line-height:1.5;
}
.popup-txt{
color: #000;
text-align: justify;
font-size: 10pt;
line-height:1.5;
}
/* スマホのとき100% */
@media (max-width: 480px) {
.pum-container {
width: 100% !important;
}}
/*-------------------------------------------*/
/*	menu関連
/*-------------------------------------------*/
.menu-trigger,
.menu-trigger span{
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
  cursor :pointer;
}
.menu-trigger {
    position: fixed;
    width: 50px;
    height: 50px;
    background: none;
    z-index: 99999;
    right: 0;
    top: 0;
}
/* スマホのとき左上に */
@media (max-width: 640px) {
.menu-trigger {
    position: fixed;
    width: 50px;
    height: 50px;
    background: none;
    z-index: 99999;
    left: 0;
    top: 0;
}}
.menu-trigger span{
  position: absolute;
  background: #000;
  width: 30px;
  height: 2px;
  left: 0;
  right: 0;
  margin: auto;
}
.menu-trigger span:nth-of-type(1){
  top: 15px;
}
.menu-trigger span:nth-of-type(2){
  top: 0;
  bottom: 0;
}
.menu-trigger span:nth-of-type(3){
  bottom: 15px;
}
.menu-trigger.active span:nth-of-type(1){
  -webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2){
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3){
  -webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
}
.g-nav {
    display: none;
    position: fixed;
    top: 0;
    background: rgba(233, 230, 230, 0.9);
    width: 100%;
    z-index: 11;
}
.g-nav .list{
  padding: 20px;
}
.g-nav .list .item{
  border-bottom: 1px solid #fff;
}
.g-nav .list .item a{
  display: block;
  text-align: center;
  text-decoration: none;
  color: #000;
  padding: 13px 0;
}
/*-------------------------------------------*/
/*	ロゴ関連(アニメーション)
/*-------------------------------------------*/
/* スマホでのロゴの位置 */
.outer{
  display: table;
  width: 100%;
margin-bottom: 50vh;

}
.inner{
  display: table-cell;
  vertical-align: middle;
}

/* 古美術の表示 */
.delayed-image1 {
	/* じわっとロゴが表示される */
 	animation: fadeIn 1.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
	position:absolute;
	top:100px;
	left: 0; 
    right: 0;  
    margin: auto; 
}
/* かんあんの表示 */
.delayed-image2 {
	/* じわっとロゴが表示される */
 	animation: fadeIn 2.3s ease 0s 1 normal;
    -webkit-animation: fadeIn 2.5s ease 0s 1 normal;
	position:absolute;
	top:100px;
	left: 0; 
    right: 0;  
    margin: auto; 
}
/* 判子の表示 */
.delayed-image3 {
	/* じわっとロゴが表示される */
 	animation: fadeIn 3.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 3.5s ease 0s 1 normal;
	position:absolute;
	top:100px;
	left: 0; 
    right: 0;  
    margin: auto; 
}
* じわっと画像が表示される ---------　一度追加していたら不要*/
@keyframes fadeIn { /*上のbody内で呼び出しているアニメーションと名前をそろえる*/
   from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/*古いブラウザ用　---------　一度追加していたら不要*/
@-webkit-keyframes fadeIn {
   from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

@media (max-width: 640px) {
.delayed-image1 {
	/* じわっとロゴが表示される */
 	animation: fadeIn 1.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
	position:absolute;
	top:50px;
	left: 15px; 
    right: 0;  
    margin: auto; 
}
/* かんあんの表示 */
.delayed-image2 {
	/* じわっとロゴが表示される */
 	animation: fadeIn 2.3s ease 0s 1 normal;
    -webkit-animation: fadeIn 2.5s ease 0s 1 normal;
	position:absolute;
	top:50px;
	left: 15px; 
    right: 0;  
    margin: auto; 
}
/* 判子の表示 */
.delayed-image3 {
	/* じわっとロゴが表示される */
 	animation: fadeIn 3.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 3.5s ease 0s 1 normal;
	position:absolute;
	top:50px;
	left: 15px; 
    right: 0;  
    margin: auto; 
}
}

div#n2-ss-3 .n2-ss-slide {
    z-index: 0;
}
/*-------------------------------------------*/
/*	ギャラリー・キャプション関連
/*-------------------------------------------*/
/*　ギャラリーの枠消す　*/
#content .gallery img {
    border: none;
}
#content dt {
    padding-bottom: 0;
}
#content .wp-caption {
    background: none;
    line-height: 18px;
    margin-bottom: 20px;
    padding: 0 0 5px;
    text-align: center;
font-weight: bold;
    border: none;
    max-width: 100%!important;
}
#content .gallery .gallery-caption {
    color: #000;
    font-size: 12px;
    margin: 0 0 12px;
}
#content .wp-caption p.wp-caption-text {
    color: #000;
    font-size: 12px;
    margin: 5px;
}


/*-------------------------------------------*/
/*	本文関連(アニメーション)
/*-------------------------------------------*/
/* 古美術の表示 */
.delayed {
 	animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}
@keyframes fadeIn { /*上のbody内で呼び出しているアニメーションと名前をそろえる*/
   from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/*古いブラウザ用　---------　一度追加していたら不要*/
@-webkit-keyframes fadeIn {
   from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
/*-------------------------------------------*/
/*	ヘッダー画像＆ヘッダー部分関連
/*-------------------------------------------*/

#header {
    display: none !important;
}
/*****　ヘッダー画像の幅を画面いっぱいに広げる　*****/
/*　画像フレームの幅を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:1px 0px;
}
 
/*****　ヘッダー画像のサイズ定義を変更した場合　*****/
@media (min-width: 970px) { /*　BizVektorのレスポンシブ設定による　*/
    /*　画像フレームの最小の高さを設定　*/
    #topMainBnrFrame {
        min-height: 300px;
    }
}
 
/*　画像フレームの背景色・影を消す　*/
#topMainBnr,
#topMainBnrFrame {
    background-color:transparent;
    box-shadow:none;
    border:none;
}
/* スライドショーの幅を100%に */
#topMainBnrFrame .slides img,
#topMainBnrFrame.flexslider .slides img {
    width: 100% !important;
    max-width: 100% !important;
}
/*既存のヘッダー画像を消す（すべて） */
#pageTitBnr {
    display:none;
}
 
/* スライドショーの枠線なしに */
#topMainBnrFrame .slideFrame,
#topMainBnrFrame a.slideFrame:hover {
    border:none;
}
/* スライドショーで送り戻り矢印アイコンを消す */
.flexslider.slide .flex-direction-nav li .next {
     display:none;
}
.flexslider.slide .flex-direction-nav li .prev {
    display:none;
}
/*各ページの既存のヘッダー画像を消す（全部同じ画像になってしまうから） */
#pageTitBnr {
    display:none;
}
 /* PC用のヘッダー画像を消す（商品）*/
@media (max-width: 480px) {
.page-id-137 #topMainBnr #topMainBnrFrame {
        display: none;
    }
/* スマホ用のヘッダー画像を表示（商品） */
.page-id-137 #topMainBnr:after {
        background: url(http://kanan.bois-c.com/wp-content/uploads/2019/05/touki-main-sp.jpg);
        background-size: 100%;
background-repeat: no-repeat;
        content: '';
        display: block;
        height: 235px;
    }
}
 /* PC用のヘッダー画像を消す（ギャラリー）*/
@media (max-width: 480px) {
.page-id-741 #topMainBnr #topMainBnrFrame {
        display: none;
    }
/* スマホ用のヘッダー画像を表示（ギャラリー） */
     .page-id-741 #topMainBnr:after {
        background: url(http://kanan.bois-c.com/wp-content/uploads/2019/05/gallary-main-sp.jpg);
        background-size: 100%;
background-repeat: no-repeat;
        content: '';
        display: block;
        height: 235px;
    }
}
 /* PC用のヘッダー画像を消す（問合せ）*/
@media (max-width: 480px) {
.page-id-1127 #topMainBnr #topMainBnrFrame {
        display: none;
    }
/* スマホ用のヘッダー画像を表示（問合せ） */
     .page-id-1127 #topMainBnr:after {
        background: url(http://kanan.bois-c.com/wp-content/uploads/2019/05/contact-main-sp.jpg);
        background-size: 100%;
background-repeat: no-repeat;
        content: '';
        display: block;
        height: 235px;
    }
}
/*-------------------------------------------*/
/*	本文の画像のPCとスマホ切り替え
/*-------------------------------------------*/ 
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォン縦480横640で見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 640px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
/*-------------------------------------------*/
/*	余白のための囲み
/*-------------------------------------------*/
/* TOPメイン画像とロゴの間 */
.topgazou{
margin-top:350px;
}
/*-------------------------------------------*/
/*	本文囲み関連
/*-------------------------------------------*/
.outer-pc{
  display: table;
  width: 100%;
height:600px;
}
.inner-pc{
  display: table-cell;
  vertical-align: middle;
}
.outer-sp{
  display: table;
  width: 100%;
height:150px;
}
.inner-sp{
  display: table-cell;
  vertical-align: middle;
}

.copyhaikei{
 background:rgba(0,0,0,0.6);
    width: 100%;
}

.kakomi{
font-size: 14px;
padding: 10px;
background: #F1F2F3;
}
.kakomi-sp{
text-align: justify;
font-size: 14pt;
line-height:1.5;
padding: 10px;
}

.kakomi-add-sp{
 	display: block;
    margin: 0 auto;
 	width: 284px;
}
/*-------------------------------------------*/
/*	問合せフォーム
/*-------------------------------------------*/

/* デザインカスタマイズ */
div.wpcf7 { background:#eaeaea; border:3px solid #c4c2be; padding:0px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; margin: 0;width:99%; }
div.wpcf7 p { padding:20px 20px 0; margin:0; font-size:12px; }
div.wpcf7 input, .wpcf7 textarea { border:1px solid #ccc; padding:8px; font-size:14px; width:90%; }

@media (min-width: 970px) {
div.wpcf7 p { margin-top: 20px; margin-left: 40px; margin-right: 20px;padding:20px 20px 0;font-size:12px; }
div.wpcf7 input, .wpcf7 textarea { border:1px solid #ccc; padding:8px; font-size:14px; width:93%; }
}

div.wpcf7 input.wpcf7-submit {
cursor:pointer; color:#fff; font-weight:bold; font-size:14px; width:200px; height:45px; margin:0 auto; display:block;
-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
background:#333; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080; border:1px solid #666;
}
div.wpcf7 input.wpcf7-submit:hover { background:#006080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; border:1px solid #006080; }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }

/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;color: #fff;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}

/* エラー表示の文字数にあわせて表示 */
span.wpcf7-not-valid-tip {
    display: inline-block;
}
/* 「確認する」ボタン装飾 */
div.wpcf7 input.wpcf7-confirm {
cursor:pointer; color:#fff; font-weight:bold; font-size:14px; width:100px; height:auto; margin:0 auto; display:block;
-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
background:#7c7c79;
}
/* 「戻る」ボタン装飾 */
div.wpcf7 input.wpcf7-back {
cursor:pointer; color:#fff; font-weight:bold; font-size:14px; width:100px; height:auto; margin:0 auto; display:block;
-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
background:#7c7c79;
}
/* 確認したときの入力フォームの色 */
.wpcf7c-conf {
    background-color: #BCBEC0;
}

/* 必須赤色表示 */
.wpcf7 .required {
font-size: 0.8em;
    color: #FFF;
   padding: 3px;
    background: red;
    border-radius: 2px;
}

/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}


/* スマホでの入力欄のサイズ変更 */
@media (max-width: 480px){
div.wpcf7 input[type="file"] {
    cursor: pointer;
    font-size: 12px;
}
div.wpcf7 p {
    margin-top: 10px;
	margin-left: 10px;
}
span.wpcf7-form-control-wrap {
    padding-left: 0;
}
form select, form textarea {
   border: 1px solid #c4c2be;
}}
/* スマホでの枠下空白、メッセージ枠高さ */
@media (max-width: 480px){
.wpcf7 .wpcf7-validation-errors {
    top: -20px;
}
form textarea {
    height: 100px;
}}

/*-------------------------------------------*/
/*	フッター関連
/*-------------------------------------------*/ 
#footMenu {
   display: none;
}
#footer .innerBox {
    display: none;
}
/*　スマホ用以下フッターのフローティングメニュー　*/
#footerFloatingMenu {
    display: block;
    width: 100%;
    background-color: rgba(0,0,0,0.3);
    position: fixed;
    left: 0px;
    bottom: 0;
    z-index: 10;
}

/*　スマホ用フッターのアイコンが大きすぎた（512px）ので縮小（％で指定すると横サイズでは大きくなる）　*/
#footerFloatingMenu img {
    width: 40px;
 	height: auto;
padding: 10px 15px;
}
/*　スマホのとき下幅広く（フローティングメニュー表示のため）　*/
@media (max-width: 640px) {
#siteBottomInner.innerBox {
    text-align: center;
    padding: 15px 0 70px;
}}
/* フッターロゴの大きさ*/
#footer dl#footerOutline dt img {
    margin-bottom: 5px;
	margin-left: 0;
max-width: 150px;
}
@media (max-width: 480px){
#footer dl#footerOutline dt img {
    max-height: 120px;
    display: block;
    margin: 0 auto;
}}
/* （スマホで）フッターロゴセンター */
@media (max-width: 480px){
#footer dl#footerOutline {
    line-height: 150%;
    width: auto;
}}
/* （pcでも）フッターロゴセンター1 */
#footer .innerBox dl#footerOutline {
    display: block;
    margin: 0 auto;
}

/* （pcでも）フッターロゴセンター2 */
@media (min-width: 970px){
#footer dl#footerOutline {
  float: none;
 	width: 250px;     
  
}}