@charset "UTF-8";

/*
Theme Name: tokyobestrend.com
*/

/****** column用 ******/
.blog{padding-top:50px; background:#fff; text-align:left !important;}

.header-news-wrap{height:auto;}
.breadcrumb{height:auto; padding:10px 10px;}
.column .breadcrumb{height:auto; padding:15px 0;}
.column .breadcrumb {}
.column .breadcrumb  a{}
.column .breadcrumb  a:hover{}

.blog .container{width:1100px; margin:0 auto 0; padding:0 0 100px; display:flex;}
.blog .container .left{width:730px; margin:0 45px 0 0; color:#000;}
.blog .container .left h2{color:#000; font-size:1.5rem; margin:0 0 20px;}
.blog .container .left a{margin:0 0 30px;}
.blog .container .left ul a{display:flex; text-decoration:none;}
.blog .container .left ul a:hover{text-decoration:underline;}
.blog .container .left .thumbnail{ width:270px; margin:0 20px 0 0;}
.blog .container .left .thumbnail img{width:270px; height:160px; object-fit:cover;}
.blog .container .left .content{width:440px;}
.blog .container .left .content .title{font-size:1.3rem; line-height:1.8rem; color:#000; margin:0 0 10px; font-weight:normal;}
.blog .container .left .content .des{font-size:0.8rem; line-height:1.4rem; color:#000; margin:0 0 15px;}
.blog .container .left .content .time{font-size:0.8rem; color:#aaa;}
.blog .container .right{width:325px;}
.blog .container .right h3{font-size:1rem; color:#000; margin:0 0 15px;}
.blog .container .right .sidebar-wrapper{margin:0 0 30px;}
.blog .container .right .sidebar-wrapper .rpwe-li {display:flex; margin:0 0 20px;}
.blog .container .right .sidebar-wrapper .rpwe-li a{width:125px; margin:0 15px 0 0; color:#000;}
.blog .container .right .sidebar-wrapper .rpwe-li a:hover{color:#66808f; text-decoration:underline;}
.blog .container .right .sidebar-wrapper .rpwe-li a img{width:125px; height:75px; object-fit:cover;}
.blog .container .right .sidebar-wrapper .rpwe-li .category{margin:10px 0 0;}
.blog .container .right .sidebar-wrapper .rpwe-li .category a{background:#66808f; color:#fff; padding: 2px 10px 3px; border-radius: 20px;}
.blog .container .right .sidebar-wrapper .rpwe-li .category a:nth-child(n+2){display:none;}
.blog .container .right .sidebar-wrapper .rpwe-li h3{width:185px; font-weight:normal; font-size:0.8rem; line-height:1.4rem; margin:0;}
.blog .container .right .widget_categories .cat-item{background: #fff; color: #000; padding: 10px 10px; border-top: solid 1px #e5e5e5;}
.blog .container .right .widget_categories .cat-item:hover{background: #f5f5f5;}
.blog .container .right .widget_categories .cat-item:last-child{ border-bottom: solid 1px #eee}
.blog .container .right .widget_categories .cat-item a{color:#000; display:flex; justify-content:space-between;}
.blog .container .right .widget_categories .cat-item a:hover{color:#66808f;}


.blog .wp-pagenavi{margin:80px 0 0; color:#000; text-align:center;}
.blog .wp-pagenavi .current{color:#fff; background:#aaa; padding:5px 15px; margin:0 5px; border-radius:5px; font-size:1rem;}
.blog .wp-pagenavi .page{color:#000; padding:5px 15px; margin:0 5px; font-size:1rem;}
.blog .wp-pagenavi .page:hover{background:#eee; color:#000; border-radius:5px;}
.blog .wp-pagenavi .pages{color:#aaa; padding:5px 15px; margin:0 5px; font-size:1rem;}
.blog .wp-pagenavi .nextpostslink,.blog .wp-pagenavi .previouspostslink{padding:5px 15px; margin:0 5px; color:#aaa;}
.blog .wp-pagenavi .nextpostslink:hover,.blog .wp-pagenavi .previouspostslink:hover{background:#eee; color:#000; border-radius:5px;}

.blog .content .data{display:flex; justify-content: space-between; margin:0 0 30px;}
.blog .content .data .category a{background:#66808f; padding:3px 15px 5px; font-weight:bold; color:#fff; font-size:0.8rem; border-radius:20px; margin: 0 10px 30px 0;}
.blog .content .data .time{padding:5px 0; color:#bbb; font-size:0.9rem;}
.blog .content .left h1{font-size:1.8rem; margin:0 0 30px; line-height: 1.5;}
.blog .content .left h2{font-weight: bold; border-left: 5px solid #66808f; border-bottom: 2px dashed #B4B4B4; padding: 0.25em 0 0.3em 0.5em; align-content font-size:1.4rem; margin:70px 0 20px;}
.blog .content .left h3{font-weight: bold; border-left: 10px double #66808f; padding:10px 20px; font-size:1.2rem; margin:40px 0 20px;}
.blog .content .left h4{font-weight: bold; padding: 0.5em 0.3em; margin-bottom: 0.3em; position: relative;}
.blog .content .left h4::before { content: ''; background-color: #4c9ac0; width: 2em; height: 3px; position: absolute; bottom: 0; left: 0;}
.blog .content .left .thumbnail{width:100%; margin:0 0 30px;}
.blog .content .left .thumbnail img{width:100%; height:400px !important; object-fit:cover;}
.blog .content .left .a:hover{color:#e32959; text-decoration:underline;}
.blog .content .left table {border-collapse: collapse; border-spacing: 0; margin:20px 10px;}
.blog .content .left table th {padding: 10px; background: #f7f7f7; border: solid 1px #ccc;}
.blog .content .left table td {padding: 10px; border: solid 1px #ccc;}
.blog .content .left ul{list-style:disc; margin:20px 10px; background:#f7f7f7; padding:20px 20px 20px 20px;}
.blog .content .left ol{list-style:decimal; margin:20px 10px; background:#f7f7f7; padding:20px 20px 20px 20px;}
.blog .content #ez-toc-container{width:90%; margin:30px 5% 0; padding:20px 30px; border:solid 1px #dadada; border-radius:5px;}
.blog .content #ez-toc-container .ez-toc-title{font-size:1rem; margin:0 0 20px;}
.blog .content #ez-toc-container a{margin:0 0 10px; font-size:1rem;}
.blog .content #ez-toc-container a:hover{color:#66808f; text-decoration:underline;}
.blog .content .yarpp h3{background:none; padding:0; font-size:1.2rem; border:none; margin:40px 0 20px;}
.blog .content .yarpp .yarpp-thumbnails-horizontal{display:flex; flex-wrap: wrap;}
.blog .content .yarpp a{width:50% !important; height:auto !important; display:flex; border:none; margin:0 0 20px;}
.blog .content .yarpp a img{ width:40% !important; height:90px !important; object-fit:cover; margin:0 15px 0 0;}
.blog .content .yarpp a .yarpp-thumbnail-title{width:60% !important; font-size:1rem; font-weight:normal; margin:0; color:#000; margin:0 15px 0 0;}

.blog .kansyu{background:#f7f7f7; border:solid 1px #e5e5e5; padding:30px; margin:40px 0 0; border-radius:5px;}
.blog .kansyu-profile-img{display: flex;}
.blog .kansyu-profile-img .kansyu-img{width: 130px; height:auto; text-align: center; margin: 0 30px 0 0;}
.blog .kansyu-profile-img .kansyu-img img{width: 100%; height:130px; border-radius:80px;}
.blog .kansyu-profile-img .kansyu-content{width:510px; margin:0;}
.blog .kansyu-profile-img .kansyu-content .kansyu-profile .txt0{font-size:1.5rem; color:#e3295b; margin:0 0 5px;}
.blog .kansyu-profile-img .kansyu-content .kansyu-profile .txt1{font-size:1.8rem; font-weight:bold; margin:0 0 15px;}
.blog .kansyu-profile-img .kansyu-content .kansyu-profile .txt1 span{font-size:1.2rem; color:#000; font-weight:normal;}
.blog .kansyu-profile-img .kansyu-content .d1 .txt2{font-size:1.4rem;}

@media screen and (max-width:1100px) {

	.blog .container{width:980px;}
	.blog .container .left{width:610px;}
	.blog .container .left .thumbnail{width:auto;}
}

@media screen and (max-width:980px) {
	.blog{padding-top:0;}
	
	#bk3938>div{padding:20px 15px;}
	.breadcrumb{margin:58px auto 0 !important;}
	.column .breadcrumb{overflow-x: scroll; white-space: nowrap;}
	.column .breadcrumb{width:100%;}
	
	.blog .container{width:100%; margin:0 auto 0; display:block; padding:30px 0 30px;}
	.blog .container .left{width:100%; margin:0; padding:0 15px;}
	.blog .container .left a{ margin:0 0 40px;}
	.blog .container .left ul a{display:block;}
	.blog .content .left h1{font-size:1.5rem;}
	.blog .content .left h2{font-size:1.3rem;}
	.blog .content .left h3{font-size:1.2rem;}
	.blog .container .left .thumbnail{width:100%; margin:0 0 10px;}
	.blog .container .left .thumbnail img{width:100%; height:200px;}
	.blog .container .left .content{width:100%;}
	.blog .container .left .content .title{margin:0 0 10px;}
	.blog .container .left .content .des{margin:0 0 10px;}
	.blog .container .left .content .time{margin:0;}
	.blog .container .right{width:100%; padding:0 15px;}
	.blog .container .right h3{margin:0 0 15px;}
	.blog .container .right .sidebar-wrapper{margin:0 0 30px;}
	.blog .container .right .sidebar-wrapper .rpwe-li a{width:35%;}
	.blog .container .right .sidebar-wrapper .rpwe-li h3{width:65%;}

	.blog .wp-pagenavi{margin:40px 0;}

	.blog .content .data{display:block; margin:0 0 10px;}
	.blog .content .data .category a{display: inline-block;}
	.blog .content .data .time{margin:10px 0 0;}
	.blog .content .left .thumbnail img{height:200px !important;}
	.blog .content .yarpp{margin:20px 0 50px;}
	.blog .content .yarpp .yarpp-thumbnails-horizontal{display:block;}
	.blog .content .yarpp a{width:100% !important; margin:0 0 20px;}
	.blog .content .yarpp a img{ width:35% !important; height:72px !important;}
	.blog .content .yarpp a .yarpp-thumbnail-title{width:65% !important; margin:0 !important; font-size:1.2rem;}

	.blog .kansyu{padding:20px;}
	.blog .kansyu-profile-img{display: block;}
	.blog .kansyu-profile-img .kansyu-img{margin: 0 auto 30px;}
	.blog .kansyu-profile-img .kansyu-img img{width: 100%;}
	.blog .kansyu-profile-img .kansyu-content{width:100%;}
	.blog .kansyu-profile-img .kansyu-content .kansyu-profile .txt0{}
	.blog .kansyu-profile-img .kansyu-content .kansyu-profile .txt1{}
	.blog .kansyu-profile-img .kansyu-content .kansyu-profile .txt1 span{}
	.blog .kansyu-profile-img .kansyu-content .d1 .txt2{}

}
/*----------------- 2023/11/6 追記 -----------------------------*/
.blog .container .right_fixed {
	max-height: calc(83vh - 20px);
    position: sticky;
    top: 120px;
    z-index: 100;
}
.blog .container .cta_area li{
	margin-bottom: 25px;
}
/*------- cta 資料請求 ------------*/
.shiryo_seikyu a {
    background-color: #f7a333;
    color: #fff;
    font-size: 22px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    width: 325px;
    padding: 10px 20px;
    box-shadow: 2px 4px 2px 0px rgb(0 0 0 / 30%);
	letter-spacing: 2px;
	justify-content: space-evenly;
	align-items: center;
	font-weight: bold;
	transition: 0.3s
}
.material-icons {
    font-size: 30px !important;
}
.shiryo_seikyu a:hover {
    box-shadow: none;
    transform: translate(1px, 3px);
}
/*---------------------------------*/
/*--------- cta 電話 --------------*/
.cta_tel a {
    background-color: #788f9a;
    color: #fff;
    font-size: 22px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    width: 325px;
    padding: 10px 20px;
    box-shadow: 2px 4px 2px 0px rgb(0 0 0 / 30%);
	letter-spacing: 2px;
	justify-content: space-evenly;
	align-items: center;
	font-weight: bold;
	transition: 0.3s
}
.cta_tel a:hover {
    box-shadow: none;
    transform: translate(1px, 3px);
}
/*---------------------------------*/
.cta_banner{display:none;}
@media screen and (max-width: 768px){
.cta_area {
		display: none;
	}
.blog .container .right_fixed {
	position: static;
	}
.shiryo_seikyu_sp span {
	display: none;
	}
.shiryo_seikyu_sp {
		width: 48%;
}
.shiryo_seikyu_sp a {
    background-color: #f7a333;
    color: #fff;
    font-size: 1.2rem !important;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 10px;
	letter-spacing: 1px;
	font-weight: bold;
	line-height: 1.2;
}
.cta_tel_sp {
		width: 48%;
}
.cta_tel_sp a {
    background-color: #788f9a;
    color: #fff;
    font-size: 1.2rem !important;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 14px 10px;
	letter-spacing: 1px;
	font-weight: bold;
}

.cta_banner {
    display: flex;
    justify-content: space-around;
    position: fixed;
    bottom: 0;
    background-color: #3b5d6f;
    padding: 10px;
	width: 100%;
	z-index: 100;
}
.cta_banner .material-icons {
    font-size: 2rem !important;
}
}


.blog_card_content{margin: 30px 0 40px 0;}
.blog_card_content .inner{display: flex; border: 1px solid #f0f0f0; box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%); padding: 15px;}
.blog_card_content .inner .left{width: 200px;}
.blog_card_content .inner .left img{width: 100%;}
.blog_card_content .inner .right{width: 100%;}
.blog_card_content .inner .right .category p{font-size: 14px; color: #969696; border: 1px solid #969696; border-radius: 5px; padding: 2px 5px; display: inline;}
.blog_card_content .inner .right .name p{font-weight: bold; margin: 10px 0;} 
.blog_card_content .inner .right .price{display: flex; align-items: flex-end;}
.blog_card_content .inner .right .price .price_1{text-decoration: line-through;line-height: 1; margin: 0 10px 0 0;}
.blog_card_content .inner .right .price .price_2{font-size: 28px; font-weight: bold; color: #f80000; line-height: 1;}
.blog_card_content .inner .right .cta_btn{text-align: center; width: 200px; margin: 15px auto 0;}
.blog_card_content .inner .right .cta_btn a{display: flex; align-items: center; background: #46fed8; margin: 0; justify-content: center; text-decoration: unset; padding: 5px 0 4px 0; border-radius: 5px; font-weight: bold; line-height: 1;}
@media screen and (max-width:980px) {
	.blog_card_content .inner{flex-direction: column;}
	.blog_card_content .inner .left{width: 80%; margin: auto;}
}
.footer-nav{padding: 20px 0 0 0 !important;}