@charset "UTF-8";
/* CSS Document */


/*=====================================================================================================
全体
=====================================================================================================*/
html { height: 100%; width: 100%; margin:0; padding:0;}
body { width: 100%; margin: 0 auto; padding: 0px; color: #000; font-family: "Shin Go Regular"; font-feature-settings: "palt" 1; word-break: break-all;}

#tkrvWrap { height: 100%; width: 100%; max-width: 780px; padding-bottom: 1%; margin: 0 auto; line-height: 170%; box-sizing: border-box; background-image: url("../images/back.png"); background-size: contain;}

#tkrvWrap img {
	vertical-align: bottom;
	width:100%;
	max-width:100%;
	padding:0;
	margin:0;
}
#tkrvWrap a { text-decoration: none; color: #3C6532;}
#tkrvWrap a:hover { opacity: 0.6;}
#tkrvWrap a img:hover { opacity: 0.6;}
#tkrvWrap ul.listNone { list-style: none;}
#tkrvWrap ul:after { content: ""; display: table; clear: both;}

@media (max-width:767px) {
	#tkrvWrap a:hover { opacity: 1;}
	#tkrvWrap a img:hover { opacity: 1;}
}


@media (min-width:768px) {
	.pc{ display:block;}
	.sp { display:none;}
}
@media (max-width:767px) {
	.pc { display:none;}
	.sp { display:block;}
}

/*=====================================================================================================
#topVisual
=====================================================================================================*/
#tkrvWrap h1.topVisual { width: 100%; position: relative;}
#tkrvWrap .topPageBtn { width: 100px; position: fixed; bottom: 2%; right: 2%;}

@media (max-width:767px) {
	#tkrvWrap .topPageBtn { width: 70px;}
}

/*=====================================================================================================
#daysArea
=====================================================================================================*/
#tkrvWrap #daysArea { width: 100%;}


/*=====================================================================================================
#navi
=====================================================================================================*/
#tkrvWrap #navi { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; background-color: #000;}
#tkrvWrap #navi div { flex: 0 0 33%;}


/*=====================================================================================================
#shouhin
=====================================================================================================*/
#tkrvWrap #shouhin { width: 100%; margin: 0 0 2%;}
#tkrvWrap #shouhin div { width: 100%;}
#tkrvWrap #shouhin .shouhinBkome { width: 90%; margin: -9% auto 5%; color: #FFF; font-size: 16px;}
#tkrvWrap #shouhin #shouhinWtext { margin-top: 5%;}
#tkrvWrap #shouhin #shouhinW { margin-top: -8%;}
#tkrvWrap #shouhin .shouhinWkome { width: 90%; text-align: center; margin: 2% auto 0; color: #FFF; font-size: 16px;}
#tkrvWrap #shouhin .taishou { width: 90%; margin: 2% auto 5%;}

@media (max-width:767px) {
	#tkrvWrap #shouhin .shouhinBkome { font-size: 10px;}
	#tkrvWrap #shouhin .shouhinWkome { font-size: 10px;}
}

/*=====================================================================================================
#oubohouhou
=====================================================================================================*/
#tkrvWrap .greenBox { width: 90%; margin: 0 auto 4%; padding-bottom: 20px; background-color: #FFF; border-radius: 0 0 10px 10px; border: #5F9F27 2px solid;}
#tkrvWrap h2 { width: 90%; margin: 2% auto 0; padding: 14px 0 10px 0; background-color: #5F9F27; border-radius: 10px 10px 0 0; border: #5F9F27 2px solid; text-align: center; color: #FFF; font-size: 24px; font-family: "Shin Go Bold";}
#tkrvWrap #oubohouhou .oubohouhouBox { width: 95%; margin: 2% auto;}

#tkrvWrap #oubohouhou .lineBox { width: 80%; margin: 3% auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
#tkrvWrap #oubohouhou .lineBox div { flex: 0 0 19%;}
#tkrvWrap #oubohouhou .lineBox div:nth-of-type(2) { flex: 0 0 55%;}

@media (max-width:767px) {
	#tkrvWrap h2 { padding: 8px 0 5px 0; font-size: 18px;}
}

/*=====================================================================================================
#chuui
=====================================================================================================*/
#tkrvWrap .greenInner { width: 95%; margin: 0 auto;}
#tkrvWrap .greenInner h3 { padding: 20px 0 5px; color:#3C6532; font-size: 18px; font-family: "Shin Go Bold";}
#tkrvWrap .greenInner ul li { text-indent: 0em; margin-left: 1.5em; line-height: 150%; font-size: 14px;}
#tkrvWrap .greenInner ul.listNone li { text-indent: -1em; margin-left: 1em;}
#tkrvWrap .greenInner p { line-height: 150%; font-size: 14px;}
#tkrvWrap .greenInner .notoSansJPF { font-family: 'Noto Sans JP', sans-serif;}
#tkrvWrap .greenInner .notoSansF { font-family: 'Noto Sans', sans-serif;}

@media (max-width:767px) {
	#tkrvWrap .greenInner h3 { font-size: 16px;}
	#tkrvWrap .greenInner ul li { font-size: 12px;}
	#tkrvWrap .greenInner p { font-size: 12px;}
}


/*=====================================================================================================
#contact
=====================================================================================================*/
#tkrvWrap #contactBox { width: 90%; margin: 2% auto 0%; font-weight: bold; text-align: center; font-family: "Shin Go Bold";}
#tkrvWrap #contactBox .contactName { font-size: 24px; padding-top: 5px;}
#tkrvWrap #contactBox .phoneNumber { font-size: 30px;}
#tkrvWrap #contactBox .contactTime { font-size: 20px;}

@media (max-width:767px) {
	#tkrvWrap #contactBox .contactName { font-size: 20px;}
	#tkrvWrap #contactBox .phoneNumber { font-size: 26px;}
	#tkrvWrap #contactBox .contactTime { font-size: 16px;}
}