
/*950px以下*/
@media screen and ( max-width: 950px) {









}

/*760px以下*/
@media screen and ( max-width: 760px) {









}


/*900px以上*/
@media screen and ( min-width: 900px) {


}


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





}

/*480px以下*/
/*スマホ縦*/
/*@media screen and ( max-width: 480px) {*/
@media screen and ( max-width: 480px) {

	.index-img
	{
		height: 400px;
	}

	.sub-header-logo img,.about-img section img,.home-group-content img
	{
		width: 100%;
		height: auto;
	}

	.home-group-content img,.home-group-2,.home-group-3
	{
		margin: 0;
	}

	.home-group-1,.home-group-2,.home-group-3,.home-group-content article
	{
		position: static;
		height: auto;
	}

	.home-group-1,.home-group-2,.home-group-3
	{
		background: none;
	}

	.home-group-2,.home-group-3
	{
		float: none;
	}

	.home-group-1-1,.home-group-2-1,.home-group-3-1,.home-group-1-2,.home-group-1-3,.home-group-1-4,.home-group-2,.home-group-3,.index-img h1
	{
		width: 100%;
	}

	.main-content-in
	{
		padding: 0 5% 2rem;
	}

	.entry-content-sub dl dt,.entry-content-sub dl dd
	{
		float: none;
		width: 100%;
	}

	.entry-content-sub dl dt
	{
		text-align: left;
	}

	.ttl-header-sakurakan h1
	{
		width: 80%;
	}




	.single-business section p
	{
		margin-bottom: 0;
	}

	.header-logo
	{
		position: static;
		margin: 0 auto 0.5rem;
		width: 100px;
	}

	.sub-header-logo
	{
		float: none;
		margin: 2rem auto 0;
		width: 45%;
	}

	.index-slider-wrapper,.post-list-ap-nest footer,.post-list-even .post-list-ap-nest footer,.single-img,.single-meta
	{
		margin: 0;
		width: 100%;
	}

	.sl-right-img
	{
		width: 60%;
		right: 5%;
		top: 5%;
	}

	.index-news
	{
		position: static;
		margin-bottom: 1rem;
		font-size: 0.9rem;
		padding: 1rem 5%;
	}

	.index-between
	{
		height: 300px;
	}

	.sub-header-contnet
	{
		padding-bottom: 5rem;
	}

	.archive-img-span
	{
		height: 100px;
	}

	.recruit-link a
	{
		width: 100%;
	}




	.index-between
	{
		margin: 0 auto 2rem;
		width: 92%;
	}

	.background-gray-in
	{
		padding: 0 1rem
	}

	.content-in,.s-content-in,.tel,.tel-area p
	{
		width: 92%;
	}

	.main-content-wrapper.content-in,.header2024-info-wrapper .content-in
	{
		width: 100%;
	}

	.half-content-img
	{
		height: 600px;
	}

	.main-menu,.meta-link nav,.pcontent-date-footer br,.top-img .half-content-img,.header-main-menu,.header-contnet nav,.side-content
	{
		display: none;
	}

	.header-content h1,.single-img,.single-meta,.content-ttl,.main-content-in
	{
		float: none;
	}

	.content-ttl
	{
		margin-left: 0;
		margin-bottom: 1.5rem;
	}


	.header-content h1
	{
		margin: 0 auto;
		width: 60%;
	}

	.meta-contnet,.single-img,.single-meta,.content-ttl,.main-content-in,.about-img,.news-list,.blog-content,.index-news-list
	{
		width: 100%;
	}

	.meta-link
	{
		border-bottom: none;
		height: auto;
		padding-top: 1rem;
		text-align: center;
	}

	.meta-link,.netshop,.shop-data,.shop-metadata
	{
		position: static;
	}

	.meta-link h2 img
	{
		display: block;
		margin: 0 auto 0.4rem;
		width: 40%;
	}

	.meta-link h2
	{
		margin-bottom: 0.5rem;
	}

	.post-list,.footer-content .content-in,.footer-content-in,.main-content-wrapper,.header_menu_nest
	{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.footer-content-in section ul
	{
		margin-top: 0;
	}

	iframe
	{
		margin-bottom: 1rem;
		width: 100%;
	}

	.address-img img,.page-top img
	{
		width: 100%;
		height: auto;
	}

	.about-img section
	{
		flex: 26%;
		width: 26%\9;
		max-width: 26%;
	}

	.about-img section:first-child
	{
		flex: 36%;
		width: 36%\9;
		max-width: 36%;
	}

	.post-list-5 article
	{
		flex: 30%;
		width: 30%\9;
		max-width: 30%;
	}

	.link-3 article,.footer-menu section
	{
		flex: 90%;
		width: 90%\9;
		max-width: 90%;
		margin-right: 5%;
		margin-left: 5%;
	}


	.link-2 article,.half-content-text,.half-content-img,.post-list-2 article,.grooming-finding article,.address-content section,.post-list-ap .post-list-ap-nest,.post-list-3 article,.footer-content-in section,.main-content,.post-list-2 article,.product-img,.product-content,.header_menu_nest li
	{
		flex: 100%;
		width: 100%\9;
		max-width: 100%;
		margin-bottom: 5%;
	}

	.header_menu_nest li
	{
		margin-bottom: 0.2rem;
		text-align: center;
	}

	.link-4 article,.post-list-4 article,.post-list-4 section,.post-list-3 section,.arcive-list article
	{
		flex: 47%;
		width: 47%\9;
		max-width: 47%;
		margin-right: 1.25%;
		margin-left: 1.25%;
		margin-bottom: 3%;
	}

	.footer-content-in section,.main-content
	{
		margin-bottom: 0;
	}

	.footer-content-in section:first-child
	{
		margin-bottom: 1rem;
	}

	.footer-content-in section
	{
		margin-right: 0;
		margin-left: 0;
	}

	.more-btn a, .wpcf7-form input[type="submit"],.access-area iframe,.wpcf7-form input[type="text"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="email"], .wpcf7-form textarea, .wpcf7-form select,.footer-copy small, .footer-copy ul,.wpcf7-form dl dt, .wpcf7-form dl dd
	{
		width: 100%;
	}

	.footer-copy small, .footer-copy ul,.wpcf7-form dl dt, .wpcf7-form dl dd
	{
		display: block;
	}

	.instagram-header h1
	{
		font-size: 0.7rem;
	}

	.instagram-header h2
	{
		font-size: 0.9rem;
	}

	.half-content-text
	{
		padding: 2rem 0;
	}

	.half-content-text,.half-content-img
	{
		margin-bottom: 0;
	}

	.half-content-text-in,.half-content-reverse .half-content-text-in
	{
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 98%;
	}

	.footer-copy ul
	{
		margin-bottom: 1rem;
	}

	.header-contnetsub-menu
	{
		top: 1rem;
		margin: 0 auto;
	}

	.header-logo
	{
		margin-top: 1rem;
	}

	.access-area
	{
		margin: 0;
	}

	.access-meta
	{
		margin-bottom: 0.5rem;
	}

	.right-btn
	{
		float: none;
		display: block;
	}

	.tel-area
	{
		margin-bottom: 3rem;
	}

	.tel-area p
	{
		margin: 0 auto;
	}

	.footer-menu section
	{
		margin-bottom: 1rem;
	}

	.wpcf7-form input[type="submit"]
	{
		margin-left: 0;
	}

	.wpcf7-form dl dt
	{
		margin-bottom: 0.2rem;
	}

	.share-in ul li
	{
		text-align: center;
	}

	.share-in ul li a
	{
		padding-left: 0;
		padding-right: 0.5rem;
	}









	.news-area
	{
		padding: 1rem 0;
	}

	.news-area time
	{
		display: block;
	}

	.voice-meta
	{
		width: -webkit-calc(100% - 80px);
		width: calc(100% - 80px);
	}

	.recommended-area article h1
	{
		font-size: 1.3rem;
	}

	.shop-metadata
	{
		margin-left: 0;
		margin-bottom: 1rem;
		width: 100%;
		text-align: center;
	}

	.shop-metadata img.shop-metadata-hina
	{
		float: none;
		display: block;
		margin: 0 auto 0.5rem;
		width: 30%;
	}

	.shop-metadata h1 img
	{
		display: block;
		float: none;
		margin: 0 auto;
		width: 40%;
	}

	.pcontent-date,.pcontent-buy,.content-tr .text-content,.content-tl .img-content,.himai-right,.content-tl .text-content,.content-tr .img-content,.himai-left
	{
		float: none;
		width: 100%;
	}

	.about-hinoko-meta,.wpcf7-form
	{
		width: 100%;
	}

	.hinokomai-page h2
	{
		line-height: 2.3rem;
	}

	.hinokomai-page ul li strong
	{
		display: block;
		width: 30%;
	}

	.accesshowto ul li small
	{
		display: inline-block;
	}

	.more-link-s a
	{
		width: 80%;
		font-size: 0.7rem;
	}


	.footer-link
	{
		width: 100%;
	}

	.page-top
	{
		float: right;
		cursor: pointer;
		margin-top: 2rem;
	}

	.footer-right-link
	{
		/*bottom: 100px;*/
	}

	.page-top
	{
		margin-top: 0;
		width: 50px;
	}

	.recruit-content-in
	{
		width: 90%;
	}





/**/

	html
	{
		height: 100%;
	}

	.page-menu
	{
		display: none;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 200;
		background: rgba(255,255,255,0.95);
		/*background: rgba(255,255,255,0.95);*/
		overflow: auto;
	}

	.menu-header-menu-container
	{
		margin-bottom: 40px;
	}

	.page-menu h1
	{
		width: 175px;
		margin: 1rem auto 30px;
	}

	.sp-content
	{
		overflow: hidden;
		margin-bottom: 2em;
	}

	.sp-content
	{
		margin: 0 auto;
		width: 80%;
	}

	.sp-content ul
	{
		text-align: center;
	}

	.sp-content ul li
	{
		font-weight: bold;
	}

	.menu-trigger-wrapper
	{
		position: fixed;
		top: 10px;
		left: 0px;
		width: 30px;
		height: 30px;
		padding: 10px 10px 10px 20px;
		z-index: 2000;
	}


.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 30px;
	height: 24px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	border-radius: 2px;
	background-color: #2BA34A;
}

.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 10px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

/*.menu-trigger.active span
{
	background-color: #000;
}
*/
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(11px) rotate(-45deg);
	transform: translateY(11px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
}
	.sp-content
	{
		width: 80%;
		text-align: center;
		margin: 0 auto;
		border-top: 1px solid #000000;
	}

	.sp-content li a
	{
		color: #323232;
		border-bottom: 1px solid #000000;
		display: block;
		text-decoration: none;
		padding: 0.4em 0;

	}
	.sp-content li a
	{
		font-weight: bold;
	}

	.sp-content li ul
	{
		padding: 0 1rem;
	}

	.sub-menu li
	{
		/*line-height: 0em;*/
	}

	.sub-menu li a
	{
		background: #f5f5f5;
		display: block;
		font-size: 0.9em;
		padding: 0.5em 0;
	}


	.header2024-info
	{
		overflow: hidden;
	}

	.header2024-info img
	{
		width: 100%;
		height: auto;
	}

	.header2024-info a
	{
		width: 100%;
		box-sizing:border-box;
	}

	.header2024-info div:not(:last-child)
	{
		border-bottom: 1px solid #c8c8c8;
		border-right: none;
	}

	.header2024-info,.easywork-content,.easywork-content-wrapper footer ul
	{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.easywork-content
	{
		gap:20px;
		-webkit-justify-content: center;
		justify-content: center;
	}

	.header2024-info div,.easywork-note,.easywork-content-wrapper footer ul li
	{
		flex:100%;
		width:100%\9;
		max-width:100%;
	}

	.news-list article header
	{
		flex: 100px;
		width: 100px\9;
		max-width: 100px;
	}

	.news-list article footer
	{
		width: -webkit-calc(100% - 120px);
		width: calc(100% - 120px)
	}






}
/*481px以上800px以下*/
/*スマホ横*/
@media screen and ( min-width: 481px) and ( max-width: 800px) {







}


@media screen and ( min-width: 481px) {

	.menu-trigger-wrapper,.page-menu,.none
	{
		display: none;
	}

	html
	{
		min-width: 1200px;
	}

	.pcontent-date-footer span
	{
		margin-left: 0.7rem;
	}

	.header2024-info div:last-child a
	{
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}

	.easywork-img-1
	{
		order: -1;
	}






}

@media screen and ( min-width: 1000px) {
	.header-info a img.menkai-pc
	{
		width: 900px;
	}
}

