/*
 Theme Name:   toki_tcd069-child
 Template:     toki_tcd069
 Version:      1.0.0
*/

.pc body #header_lang.type1 li a{
	color:#333 !important;
}
#footer_menu_area_inner .footer_menu{
	min-height: unset;
	width: auto;
}

.button-width100 a.elementor-button{
	width:100%;
	padding-right:20px;
	padding-left:20px;
}
#shop_data_list dd a{
	word-break: break-word;
}
/* =====トップページ===== */
/* .top-video{
	padding-top:60px;
} */
div.indexBannerArea{
	max-width: 100%;
    padding: 37px 30px 40px;
	box-sizing: border-box;
}
/* ブログ一覧　タグ */
#blog_list .item{
	height: 460px;
}
#blog_list .link{
	height: auto;
}
#blog_list .title_area{
	height:170px;
}
#blog_list .tag-list{
	height: 20px;
	margin-bottom:8px;
	overflow: hidden;
}
#blog_list .tag-list a{
	display:inline-block;
	margin:0 5px 5px 0;
	padding:5px 6px 3px;
    color: #999;
	border: 1px solid #999;
    border-radius: 3px;
	font-size: 10px;
}
#blog_list .tag-list a:first-child{
	display:none;
}
#blog_list .tag-list a:last-child{
	margin-right:0;
}
#blog_list .title a,
#blog_list .tag-list a{
	transition: 0.5s;
}
#blog_list .title a:hover,
#blog_list .tag-list a:hover{
	opacity:0.5;
}
body #blog_list .category a{
	color:#fff;
}
body #blog_list .image img{
	height: inherit;
	object-fit: cover;
}

/* ヘッダー検索・カレンダーボタン */
.search_btn,
.calendar_btn{
	position: absolute;
    z-index: 50;
    top: 0px;

    display: inline-block;
    font-size: 15px;
    width: 50px;
    height: 80px;
    line-height: 70px;
    text-decoration: none;
    text-align: center;
}
.search_btn{
	right: 125px;
}
.calendar_btn{
	right:135px;
}

.search_btn:before,
.calendar_btn:before{
	font-family: "Font Awesome 6 Free";
	display: block;
    position: absolute;
    top: 32px;
    left: 0;;
    right: 0;
    margin: auto;
    font-size: 18px;
	font-weight:900;
    width: 18px;
    height: 18px;
    line-height: 18px;
}
.search_btn:before{
	content: url("/wp-content/themes/toki_tcd069-child/svg/search-icon.svg");
	width: 18px;
    height: 18px;
}
/*.calendar_btn:before{
	content: "\f073";
}*/

/* news */
#header_news{
	height:auto;
}
#header_news_inner{
	padding: 15px 0;
}
#header_news_inner .archive_link{
	top:auto;
	bottom:0;
}
#header_news_inner .post_link{
	height: 50px;
    line-height: 50px;
}

/* footer */
.footer_menu{
	padding: 10px 50px 15px;
}
.footer_menu ul{
	display: flex;
}
.footer_menu li{
	padding-right: 30px;
}

/* フォントサイズの変更 */
body #shop_category_list .title {
	font-size: 1rem;
}
body #learn_list .title_area .title{
	font-size: 1.5rem;
}
body #index_content .index_content .index_cb_catch .catch,
body.single-shop #shop_headline,
body #post_title_area .title,
body #archive_catch .catch{
	font-size: 2rem;
}
body #page_header .title{
	font-size: 2.5rem;
}
/* ===== 投稿ページ===== */

.single p a{
	text-decoration: underline;
}


/* 施設ページ以外でのショップ詳細テーブル */

.shop_data_tb th,
.post_tb td:first-child{
	width: auto;
	box-sizing: border-box;
	background: #f2f2f2;
    font-weight: normal;
}
.shop_data_tb th,
.shop_data_tb td{
	border: 1px solid #ccc;
    padding: 10px 15px;
    line-height: 2.2;
	word-break: break-word;
}

/* table */
.page_tb table { margin:50px 0 24px 50px; width:100% !important; }
.page_tb td, .page_tb th { border:1px solid #ccc; padding:10px 15px; line-height:2.2; background:#fff; }
.page_tb th,
.wp-block-table td:first-child{ background:#f2f2f2; font-weight:normal; }

/* ショートコード用ボタン */
body .sc-btn,
body .sc-btn2{
	margin: 50px auto ;
	font-weight:bold;
}
body .sc-btn a,
body a.sc-btn{
	display: block;
	max-width:350px;
	padding: calc(0.667em + 2px) calc(1.333em + 2px);
	background: #00507d;
	color: #fff !important;
	border-radius: 30px;
	line-height: 2.4;
	text-align: center;
	font-weight:normal;
	text-decoration: none;
	transition: all 0.2s;
}
body .sc-btn2 a,
body a.sc-btn2{
	display: block;
	max-width:350px;
	margin:20px auto 0;
	padding: 14px 25px 12px;
	background: rgb(242,117,7);
	background:linear-gradient(0deg, rgba(242,117,7,1) 0%, rgba(252,158,76,1) 100%);
	color: #fff !important;
	border-radius: 10px;
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.34);
	transition: all 0.2s;
	box-shadow: inset 0px -1px 3px #8f4708; 
}
body .sc-btn2 strong::after{
	content:url("/wp-content/uploads/2023/01/arrow-orange.webp");
	display:inline-block;
	margin-right: -15px;
	padding-left:15px;
	vertical-align: middle;
    line-height: 1;
}
body .sc-btn a{
	margin-top:20px;
	margin-right: auto;
    margin-left: auto;
}
body .sc-btn a:hover,
body a.sc-btn:hover{
	opacity:0.7;
}

.shop-ota-btn a{
	display: inline-block;
}
/* アバターバナー */
.avatar_bn_close_en{
	position: absolute;
	top: -30px;
	right: 0;
	display: inline-block;
	width: 35px;
    height: 35px;
	border-radius: 30px;
	background: rgba(255,255,255,0.9);
    color: #000;
    font-weight: normal;
    font-size: 40px;
    text-align: center;
	line-height: 0.95;
    vertical-align: middle;
	cursor: pointer;
}
.avetar-top-fix{
	position: fixed;
    right: 6px;
	bottom: 60px;
	z-index: 100;
}
.avetar-top-fix img{
	max-width: 320px;
	margin: 0;
}
/* ショップ詳細ページ */
#access_desc {
    margin-top: 68px;
}

@media screen and (max-width:1230px) {
	/* ヘッダー検索ボタン */
	.search_btn{
		height: 70px;
		right:115px;
	}
	.calendar_btn{
		height: 70px;
		right:165px;
	}
	.search_btn:before,
	.calendar_btn:before{
		top: 28px;
	}
}
@media screen and (max-width:950px) {
	/* news */
	#header_news_inner {
    	padding:0 0 5px;
	}
	#header_news_inner .archive_link{
		padding-top:15px;
	}
	body #header_news_inner .post_link{
		padding:10px 0;
		border-bottom: 1px dotted #ddd;
	}
}
@media screen and (max-width:750px) {
	/* ヘッダー検索・カレンダーボタン */
	.search_btn{
		height: 60px;
		right:85px;
	}
	.calendar_btn{
		height: 60px;
		right:135px;
	}
	.search_btn:before,
	.calendar_btn:before{
		top: 23px;
	}
}

@media screen and (max-width: 500px) {
	/* =====トップページ===== */
	.top-video{
		padding-top:30px;
	}
	.top-video p{
		text-align:left;
		margin: 0 20px;
	}
	
	/* アバターバナー */
	.avetar-top-fix{
        right:0;
        bottom: 50px;
	    
	}
	.avetar-top-fix img{
        max-width: 68%;
	margin: 0 16%;
		
	}
	.avatar_bn_close_en{
		top: -30px;
    	right: 16%;
	}
	/* ショップ詳細ページ */
	#access_desc {
        margin-top: 25px;	
	}
	/* 施設ページ以外でのショップ詳細テーブル */
	.shop_data_tb th,
	.post_tb td:first-child{
		width:100px;
	}

}