/*
 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;
}
div.indexBannerArea{
	max-width: 100%;
}
.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:30px;
}

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

.shop_data_tb th,
.post_tb td:first-child{
	width: 100px;
	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;
	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-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("https://awajishima-resort.com/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: 8%;
	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:0;
	bottom: 50px;
	z-index: 100;
}
.avetar-top-fix img{
	max-width: 84%;
	margin: 0 8%;
}
/* ショップ詳細ページ */
#access_desc {
    margin-top: 25px;
}


@media screen and (min-width: 481px) {
	/* トップページ */
	.top-video{
		padding-top:60px;
	}
	/* フッター */
	.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;
	}
	/* 施設ページ以外でのショップ詳細テーブル */
	.shop_data_tb th,
	.post_tb td:first-child{
		width:auto;
	}
	/* アバターバナー */
	.avetar-top-fix{
	    bottom: 60px;
    	right: 6px;
	}
	.avetar-top-fix img{
		max-width: 400px;
		margin: 0;
	}
	.avatar_bn_close_en{
		top: -20px;
    	right: 0;
	}
	/* ショップ詳細ページ */
	#access_desc {
		margin-top: 68px;
	}

}

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

	body div.indexBannerArea{
		padding: 37px 30px 40px;
		box-sizing: border-box;
	}



}