@charset "UTF-8";

@font-face {
	font-family: "Noto Sans JP";
	src: url("../font/NotoSansJP-VariableFont_wght.ttf") format("truetype");
}
@media screen and (min-width:768px) {
	html , body , div , span , applet , object , iframe , 
	h1 , h2 , h3 , h4 , h5 , h6 , p , blockquote , pre , 
	a , abbr , acronym , address , big , cite , code , 
	del , dfn , em , img , ins , kbd , q , s , samp , 
	small , strike , strong , sub , sup , tt , var , 
	b , u , i , center , 
	dl , dt , dd , ol , ul , li , 
	fieldset , form , label , legend , 
	table , caption , tbody , tfoot , thead , tr , th , td , 
	article , aside , canvas , details , embed , 
	figure , figcaption , footer , header , hgroup,  
	menu , nav , output , ruby , section , summary , 
	time , mark , audio , video {
		margin: 0;
		padding: 0;
		border: 0;
		color: #000;
		font-family: "Noto Sans JP", sans-serif;
		font-size: 16px;
		letter-spacing: 0.035rem;
		line-height: 1.5;
		vertical-align: bottom;
		font-weight: 500;
	}
	.min_size,
	.min_size a,
	.min_size li,
	.min_size li a,
	.consultant_box .review p.commenter,
	.consultant_box .review p.bestanswer,
	.single_review p.commenter,
	.single_review p.bestanswer,
	.temple_box .txt p.temple_type,
	.temple_box .txt p.temple_address,
	.temple_box .txt p.more_link a,
	.area_link .area_location,
	.area_link ul li a,
	ul.tag_link li a,
	.breadcrumbs li a,
	.breadcrumbs li,
	.temple_box ul.temple_info li,
	.temple_box ul.temple_info li a,
	ul.temple_info li,
	ul.temple_info li a,
	.answer_box .head_info .txt p.temple_address span a,
	.answer_box .head_info .txt p.temple_address span {
		font-size: 0.75rem;
	}
	.category_lists li a,
	p.consultant_content,
	.news_list li a span.date,
	.footer_nav ul li a,
	.footer_nav ul li.nav_button a,
	.search_form input[type=submit],
	.search_form input[type=search]::placeholder,
	.search_table table tbody tr th,
	.search_table table tbody tr td,
	.search_table table tbody tr td div,
	.search_table table tbody tr td p,
	.search_table table tbody tr td label,
	.search_table table tbody tr td select,
	.small_size,
	.temple_box p,
	.popup-open,
	.popup_window .district label,
	.popup_window .district label a,
	.tab_container .tab,
	.tab_container .tab h2,
	section.temple_contact table tr th,
	section.temple_contact table tr td,
	section.temple_contact dl dt,
	section.temple_contact dl dd,
	.header_consultant p,
	.post_user p.name,
	.post_user p.name span,
	.answer_box .head_info .txt p.religion,
	.answer_comment .content,
	.answer_comment .content p  {
		font-size: 0.875rem;
	}
	.more_size,
	.temple_box h3,
	ul.page-numbers li,
	ul.page-numbers li a,
	.cando_list .cando_box h4 {
		font-size: 1.125rem;
	}
	.search_form .search_form_title,
	.strong_txt,
	.title_sub,
	.single_page h2,
	.answer_box .head_info .txt p.temple_name a {
		font-size: 1.25rem;
	}
	section h2,
	h2.consultant_title span,
	h1.search_lists_title,
	h3.content_title,
	.single_page h1,
	.header_consultant p.header_title {
		font-size: 1.5rem;
	}
	section h2 span.search_keyword,
	h1.search_lists_title span.search_keyword,
	.search_result_head_info h2,
	.strong_txt span,
	h1.page_title {
		font-size: 2rem;
	}
}
@media screen and (max-width:767px) {
	html , body , div , span , applet , object , iframe , 
	h1 , h2 , h3 , h4 , h5 , h6 , p , blockquote , pre , 
	a , abbr , acronym , address , big , cite , code , 
	del , dfn , em , img , ins , kbd , q , s , samp , 
	small , strike , strong , sub , sup , tt , var , 
	b , u , i , center , 
	dl , dt , dd , ol , ul , li , 
	fieldset , form , label , legend , 
	table , caption , tbody , tfoot , thead , tr , th , td , 
	article , aside , canvas , details , embed , 
	figure , figcaption , footer , header , hgroup,  
	menu , nav , output , ruby , section , summary , 
	time , mark , audio , video {
		margin: 0;
		padding: 0;
		border: 0;
		color: #000;
		font-family: "Noto Sans JP", sans-serif;
		font-size: 16px;
		letter-spacing: 0.035rem;
		line-height: 1.5;
		vertical-align: bottom;
		font-weight: 500;
	}
	.min_size,
	.min_size a,
	.min_size li,
	.min_size li a,
	.consultant_box .review p.commenter,
	.consultant_box .review p.bestanswer,
	.single_review p.commenter,
	.single_review p.bestanswer,
	.temple_box .txt p.temple_type,
	.temple_box .txt p.temple_address,
	.temple_box .txt p.more_link a,
	.area_link .area_location,
	.area_link ul li a,
	ul.tag_link li a,
	.breadcrumbs li a,
	.breadcrumbs li,
	.small_size,
	.temple_box ul.temple_info li,
	ul.temple_info li,
	ul.temple_info li a,
	.location_detail label span,
	.train_detail label span,
	.tab_container .tab,
	.tab_container .tab h2,
	.answer_box .head_info .txt p.temple_address span a,
	.answer_box .head_info .txt p.temple_address span {
		font-size: 0.75rem;
	}
	.category_lists li a,
	.temple_box .txt p,
	.location_prefecture label,
	.location_detail label,
	.location_head .back,
	.train_detail label,
	.train_name label,
	.train_head .back,
	#nav_content ul li a span,
	p.small_size,
	section.temple_contact table tr th,
	section.temple_contact table tr td,
	section.temple_contact dl dt,
	section.temple_contact dl dd,
	.comment_text,
	.header_consultant p,
	.post_user p.name,
	.post_user p.name span,
	.answer_box .head_info .txt p.religion,
	.answer_comment .content,
	.answer_comment .content p {
		font-size: 0.875rem;
	}
	h2.search_lists_title,
	h1.search_lists_title,
	.more_size,
	.area_link ul li a {
		font-size: 1rem;
	}
	.search_num p.strong_txt,
	.cando_list .cando_box h4 {
		font-size: 1.125rem;
	}
	.search_form .search_form_title,
	.temple_box h3,
	.answer_box .head_info .txt p.temple_name a {
		font-size: 1.25rem;
	}
	.search_num p.strong_txt span {
		font-size: 1.5rem;
	}
	section h2,
	h2.consultant_title span,
	section h2.more_size,
	h2.search_lists_title span.search_keyword,
	h1.search_lists_title span.search_keyword,
	h1.page_title,
	h3.content_title,
	.header_consultant p.header_title {
		font-size: 1.5rem;
		margin-bottom: 8px;
		font-weight: 700;
	}
	
}

/* HTML5 display-role reset for older browsers */
article , aside , details, figcaption , figure , 
footer , header , hgroup , menu , nav , section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote , q {
	quotes: none;
}
blockquote:before , blockquote:after, 
q:before , q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	vertical-align: bottom;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #777;
	text-decoration: none;
}
p.strong {
	font-weight: 700;
	margin-bottom: 4px;
}
p.we_400 {
	font-weight: 400;
}