/*
Theme Name:  tuchiya
Theme URI: http://demo.teslathemes.com/relive/
Description: For tuchiya　http://shared.xara.com/dnuuB4188T/
Version: 1.0.14
Author: TeslaThemes yumisaiki@gmail.com
Author URI: http://www.teslathemes.com/
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: bootstrap-4.3.1,Bootstrap v3.3.5
変換　essc style.less style.css
アイコン　https://fontawesome.com/v4.7.0/icons/
*/

/* 赤　#f02121　青　#1a61b2　黄色　#f3f529　緑　#4cadc9 */

.page-wrapper {width: 100vw;overflow: hidden;}
@Accentred:hsla(0, 92%, 62%,1);
@Accentred50:hsla(0, 100%, 65%,0.5);
@blue:hsla(209, 100%, 50%,1);
@blue05:hsla(194,84%,59%,0.5);
@yellow:hsla(60,91%,56%,1);
@green:#4cadc9;
@thickgray:hsla(0, 0%, 26%, 0.6);//濃い文字影
@gray:hsla(0, 3%, 74%, 0.5);
@subtitle:hsla(0, 0%, 63%, 1);
@base:hsla(0,0%,99%,1);
@base50:hsla(0,0%,99%,0.8);
.textshadow{text-shadow:1px 1px 3px @thickgray;}//文字影ミックスイン
.pailshadow{text-shadow:2px 2px 2px @gray;}//薄い文字影ミックスイン
.marginright50{margin-right:50px!important;}/*右に50px*/
header + .section{height:auto;} /*ロゴ背景により高さを調整する*/
p.boxeventday {display: none;}/*カレンダー調整*/
header nav{background-color:@blue05;}.main-nav ul li a{.textshadow;}//ナビ


/*各ページトップ背景画像*/
.main-section {
background-repeat:no-repeat;background-position:top left,center top;background-attachment:fixed;
padding-top:320px!important;
height:auto;
background-size:cover;
}

//homeパネル背景加工
.twhiteback{padding:10px;border-radius:30px;background-color:@gray;} 

/*各ページサムネイル加工*/
#postthumnail{float:left;width:160px;z-index:5;}
#excerpt{float:right;bottom:3px;width:100%;position:absolute;z-index:1;margin-left:151px;overflow:hidden;padding-right:151px;}
#excerpt p{background-color:@blue;padding-left:10px;padding-top:3px;padding-bottom:2px;color:white;}
.post-description p img{padding-bottom:5px;} /* 各頁　写真の下にマージン */

/*その他のおすすめ情報*/
.also-like h3.mini-title{font-size:20px;margin-top:130px;border-bottom:1px dotted @green;padding-bottom:3px;}

/*メニュースクロール加工*/
header.fill nav.main-nav{padding-top: 21px;margin-top: -10px;}
/*　jquery加工のPCサブメニュー */
@media screen and (min-width: 769px){
header.fill ul.sub-menu>li.menu-item{padding-bottom:30px;}
}
/*　ロゴ　*/
img.logo {width:89vw;-webkit-filter:drop-shadow(5px 2px 2px @gray);}
body.home img.logo{width:80vw;max-width:400px;position:absolute;top:20%;left:50%;transform:translate(-50%,-20%);z-index:-50;}

body.sale-template-default #posttitle h2{font-size:20px!important; color:@Accentred;}/*saleタイトル*/

@media screen and (min-width: 769px){
	p{font-size:102%;}
	body.post-template-default .post-description p{font-size:120%;}	
.main-section {padding-top:280px;}
img.logo{width:330px;position:absolute;top:-30%;left:50%;transform:translate(-50%,0);}	/*フロントページ以外のロゴ　*/
body.home img.logo{width:80vw;max-width:400px;position:absolute;top:20%;left:50%;transform:translate(-50%,-20%);z-index:-50;display:inline-block;}
body.sale-template-default #posttitle h2{font-size:40px!important; }

.vc_tta-tabs-container{width:80%;}/* PCのみパネルにひょっこりぺんちゃん　*/
.vc_tta-panels{width:90%;}
.twhiteback{background-image:url("../../uploads/2019/04/hokkori-1.png");background-repeat:no-repeat;background-position:right bottom;}
header.fill nav.main-nav{padding: 2px;margin-top:0px;} /*PC版のみメニューの幅を狭く*/
header.fill nav.main-nav ul li a {font-size:16px;}
header.fill .main-nav ul li ul li {margin-top:-35px;}
#excerpt p{font-size:18px;padding-top:5px;font-weight:500;}
body.single .post-content{min-height: 2020px;}/*各投稿をパソコンのみ右のサイドバーに合わせる*/
nav.main-nav .responsive-menu{display:none!important;} //fa-barが常に見える処理	
.vc_custom_1554778649790 .vc_column_container > .vc_column-inner{margin-left:40px;}//タブパネル左を調整
}

//フロントページのおすすめ商品のリンク
body.home p.inright{text-align:right;padding-right:5px;}
body.home .wpb_content_element {margin-top:10px;margin-bottom:10px!important;}
//まいどおおきに
.shopinfo h1{.pailshadow;margin-top: -25px!important;margin-bottom:25px;}
.shopinfo img {margin-top:-10px;margin-right: 15px;}//ぺんちゃん
//box list 
.post-header h2{letter-spacing:1px;} .post-header h4{letter-spacing:2px;} .post-header h5{font-family:'M PLUS Rounded 1c', sans-serif!important;font-weight:700!important;}

.newsmore{padding-bottom:15px;} h4.time{text-align: right;font-size: 8px!important;} 
.wpb_gmaps_widget .wpb_wrapper {
    background-color: #3ec3ef;
    padding: 5px;}
.isotope-container .post-header h2 a{color:@Accentred;.pailshadow;font-size:20px;}
.post-header h5 span{color:@subtitle;}
body.archive .post-header h5 span,body.home .post-header h5 span{color:@green;}
.blog-post.post-cover{background:@yellow!important;}
/*スクロールアップ*/
.scrollup #ST-top img.active{position:fixed; bottom: -5px; right:10px;
  opacity: 1;
  z-index:999;
  transition: 0.5s; // ゆっくり
}
.scrollup #ST-top img.off{
 z-index:999;
 position:fixed; bottom: -5px; right:10px;
 opacity: 1;
 transition-duration: 0.5s; // ゆっくり
}
.scrollup #ST-top img.off{animation: anime1 1s ease-in-out;
}
@keyframes anime1 {
    0% {
        opacity:  0;                /* 透明度指定 */
        bottom: -100px;                  /* 位置指定 */
    }
    100% {
        opacity:  1;                /* 透明度指定 */
        bottom: 0;                     /* 位置指定 */
    }
}


/* フッター */
footer{background-image:url("../../uploads/2019/05/footer2.png"),url("../../uploads/2020/02/footer.png");background-repeat:repeat,no-repeat;background-position:left bottom;}
footer h2{font-size:11px;margin-bottom: 10px;font-weight: 300;color: @blue;font-family: 'M PLUS Rounded 1c', sans-serif;margin-top:5px!important;}
footer .widget1 h2.widgettitle {font-size:15px; font-weight:600;} 
footer .widget1 .widget_custom_html{max-width:800px;background-color:@base50;padding:5px;}
#businessinfo h1{margin-top:-10px;}
div#businessinfo {padding-top: 25px;}
footer .widget2 h2{text-align: center;font-size:18px;margin-top: 40px;font-weight: 600;letter-spacing: 2px;}/*営業カレンダー*/
footer .opentime{margin-top:45px;margin-left: 60px;line-height: 2em;letter-spacing: 1px;}
form.def-search-form {border: 1px solid @gray;margin-top: 30px;width: 320px;margin-bottom: 30px;margin-left:40px;}
#footinfo{border-top: 1px solid @gray;padding-top: 8px;margin-top: -5px}
footer .widget1, .footer-nav{text-shadow: 2px 1px 4px @base;}
footer{margin-top:-23px;}
footer .copyright{background-color: #0084ff;padding:3px;}
footer .copyright p{color:@base;}

/*パネル部分の写真のりサイズ*/
.isotope-container .blog-post .post-cover{padding-top:74%;position: relative;}
.isotope-container .blog-post .post-cover img{position: absolute;
  display: block;width:100%;height:100%;left: 0;bottom: 0;right: 0;object-fit: cover;}
.isotope-container .isotope-item .cont{height:90px;}

/* カテゴリーの頁のカスタム */
body.archive .posts-pagination{border-top:dotted 2px @blue;}
body.archive  section .isotope-container{background-color:@base;}
body.archive  section .catepanel{background: linear-gradient(-100deg,@base,@blue);margin-top:65px;}
body.archive  section .catepanel h3{display:hidden;padding-left:25px;letter-spacing:1px; color:@blue;font-size:35px;padding-top:5px;}
body.archive  section .catepanel p.topdec{padding-left:28px;padding-right:28px;padding-top:17px;font-size:150%;margin-top:-152px;padding-bottom:15px;background-color:@blue;}
body.archive  section .catepanel .post-content p{font-size:90%;padding-top:4px;}
body.archive  section .catepanel .post-content h5{font-size:70%;}
body.archive .isotope-container .col-md-4 {margin-top:5px;border-left:1px solid @gray;border-bottom:1px solid @blue05;}
ul.socials-post{margin-top:50px!important;}

body.page-id-259 .home-blog-posts.carousel{
    width: 80%;
    margin-left: 120px;
}
body.page-id-259 .home-blog-posts .blog-post .post-content{background:#ffffff94!important;}
body.page-id-259 h5{font-size:15px!important;}

/* フォーム　Bootstrap調整 */
.checkbox, .radio {padding-left: 20px;}
.rehomeplace{margin-top:-15px;margin-bottom:20px;}
.form-group {margin-top: 10px;}
label.form_address{padding-right:10px;}

/*コラム三分割の画像中央配置*/
.vc_col-sm-4>.vc_column-inner{display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;}

/* メーソンリーグリッド写真影 */
.panelimg{box-shadow: 2px 2px 3px #1e1f1e;}
.vc_grid-btn-load_more{margin-top:-25px;margin-bottom:25px;}