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

	#header .box {
		width: 100%;
		height: 110px;
		padding: 0;
	}

	#header .box .inner {
		width: auto;
	}

	#header .box .inner .logo {
		left: 20px;
		width: 480px;
	}

	#header .box .inner .btn-contact {
		right: 20px;
	}

	#header .navi .inner {
		width: 100%;
	}

	#header .navi .inner ul li {
		width: 15%;
		font-size: 1.0em;
	}
	#header .navi .inner ul li:nth-child(3) {
		width: 24%;
	}

	#header .topimage .copy {
		/* bottom: 30px; */
		right: 0;
		font-size: 0.9em;
		line-height: 175%;
		letter-spacing: 0.1em;
		padding: 15px;
	}
	#header .topimage .copy em {
		font-size: 1.2em;
	}

	#page1 {
		width: auto;
		min-width: auto;
	}

	#main1 {
		width: auto;
		min-width: auto;
	}

	.main nav div {
		font-size: 1.0em;
		padding: 10px 30px;
	}

	.main .box {
		width: auto;
		margin: 0 20px;
	}

	#cornerimage .inner {
		width: auto;
		margin: 0 20px;
	}

	.corner .box {
		width: auto;
		margin: 0 20px;
	}

	.corner .box .inner {
		width: auto;
	}

	.list,
	.parts8.list,
	.parts30.list,
	.parts31.list,
	.parts32.list,
	.parts33.list {
		width: auto;
		margin: 0 20px;
	}

	.contact {
		width: auto;
		margin: 0 20px 50px;
	}

	#footer .inner {
		width: auto;
		margin: 0 20px;
	}

	#footer .inner .logo {
		font-size: 1.3em;
	}

	#footer .inner .adrs {
		font-size: 0.9em;
	}

	#footer .inner .box-left {
		width: 45%;
	}

	#footer .inner .box-right {
		width: 55%;
	}

	#footer .inner ul {
		width: 35%;
	}
	#footer .inner ul:nth-child(2) {
		width: 65%;
	}

	#footer .inner ul li {
		letter-spacing: 0.05em;
	}

	.counter44 {
		left: 20px;
	}

}


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

	span.anchor {
		display: block;
		top: -100px;
		position: relative;
	}

	.btn a {
		background-size: 12px auto;
		background-position: 15px 14px;
		font-size: 0.95em;
		letter-spacing: 0.05em;
		padding: 10px 25px 10px 35px;
	}

	#header .box {
		position: fixed;
		height: 85px;
		border-bottom: 2px solid #9c2d36;
	}

	#header .box .inner .logo {
		top: 13px;
		left: 15px;
		width: 380px;
	}

	#header .box .inner .btn-search {
		display: none;
	}

	#header .box .inner .btn-contact {
		top: 19px;
		right: 65px;
	}

	#header .navi {
		display: none;
	}

	#nav-drawer {
		display: block;
	}

	#header .topimage .inner .thumbnail {
		height: 60vh;
	}

	#spacer {
		padding: 85px 0 0;
	}

	.main nav div {
		font-size: 0.9em;
		letter-spacing: 0.05em;
		padding: 10px 20px;
		margin: 0 1px;
	}

	.main .box {
		padding: 50px 0;
	}

	.main .box p {
		font-size: 1.0em;
		line-height: 175%;
		margin: 0 0 20px;
	}
	.main .box p em {
		font-size: 1.2em;
	}

	h2 {
		font-size: 1.5em;
		margin: 0 0 10px;
	}

	.h2_border {
		margin: 0 auto 30px;
	}

	.h2_subtitle {
		font-size: 1.0em;
	}

	#cornerimage {
		height: 130px;
	}

	#cornerimage .inner #cornercopy {
		font-size: 1.6em;
		letter-spacing: 0.2em;
		padding: 45px 0 0;
	}

	.corner .box {
		padding: 40px 0;
	}
	.corner .box.pdb0 {
		padding: 40px 0 0;
	}

	.corner .box .inner {
		padding: 20px 15px;
	}

	.corner .box p {
		font-size: 1.0em;
		line-height: 175%;
	}
	.corner .box p em {
		font-size: 1.4em;
	}

	.corner .box table tr th {
		width: 15%;
		font-size: 1.0em;
		padding: 10px 0;
	}

	.corner .box table tr td {
		width: 85%;
		font-size: 1.0em;
		padding: 10px 0;
	}

/*
	.corner .box dl dt {
		width: 20%;
	}

	.corner .box dl dd {
		width: 77%;
	}
	.corner .box dl dd img {
		width: 100%;
	}
*/

	.parts4.list {
		float: none;
		width: auto;
	}

	.contact_contents {
		padding: 15px;
	}

	.contact_form .contact_index {
		float: none;
		font-size: 1.0em;
		line-height: 175%;
	}

	.contact_form .contact_body {
		float: none;
		font-size: 1.0em;
		line-height: 175%;
	}

	.contact_form .contact_submit {
		float: none;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}

	.contact_ssl {
		width: auto;
		font-size: 0.9em;
		line-height: 175%;
		margin: 0 0 15px;
		text-align: left;
	}

	#kiji .kiji_image {
		overflow: hidden;
		width: 100%;
	}

	#kiji .kiji_image img {
		width: auto !important;
		max-width: 100% !important;
		height: auto !important;
	}

	#kiji .kiji_contents img {
		width: auto !important;
		max-width: 100% !important;
		height: auto !important;
	}

	#kiji .kiji_contents {
		padding: 20px;
	}

	#footer .inner .box-left {
		float: none;
		width: auto;
		margin: 0 0 20px;
	}

	#footer .inner .box-right {
		float: none;
		width: auto;
	}

	#footer .inner ul {
		width: 40%;
	}
	#footer .inner ul:nth-child(2) {
		width: 60%;
	}

	#footer .inner ul li {
		line-height: 200%;
	}

}


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

	.pc {
		display: none;
	}
	.sp {
		display: block;
	}

	#main1 {
		width: auto;
		min-width: auto;
	}

	h2 {
		font-size: 1.3em;
		letter-spacing: 0.15em;
	}

	#header .box .inner .logo {
		top: 15px;
		left: 15px;
		width: 350px;
	}

	#header .box .inner .btn-contact {
		display: none;
	}

}


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

	span.anchor {
		display: block;
		top: -75px;
		position: relative;
	}

	h2 {
		font-size: 1.3em;
		line-height: 170%;
		letter-spacing: 0.1em;
		margin: 0 0 10px;
	}
	.h2_border.mgb15 {
		margin-bottom: 10px;
	}
	.h2_subtitle {
		margin: 0 0 25px;
	}

	.box-left40 { float: none; width: 100%; }
	.box-left50 { float: none; width: 100%; }
	.box-left65 { float:none; width:100%; }

	.box-right35 { float:none; width:100%; }
	.box-right50 { float: none; width: 100%; }
	.box-right60 { float: none; width: 100%; }

	.pdb40 { padding-bottom: 20px; }

	.float_box {
		float: none;
		width: 100%;
		margin: 0 0 20px;
	}

	.image-left {
		float: none;
		width: 30%;
		margin: 0 auto 15px;
	}

	.image-right {
		float: none;
		width: 70%;
		margin: 0 auto 15px;
		text-align: center;
	}

	#header .box {
		height: 65px;
	}

	#header .box .inner .logo {
		top: 10px;
		left: 10px;
		width: 300px;
	}

	#header .topimage .copy {
		top: auto;
		/* bottom: 10px; */
		bottom: 0;
		/* font-size: 0.8em; */
		font-size: 10px;
		/* padding: 10px; */
		padding: 5px 10px;
    width: 100%;
    box-sizing: border-box;
		line-height: 1.4;
	}

	.swiper-pagination {
		display: none!important;
	}

	#header .topimage .inner .thumbnail {
		height: 40vh;
	}

	#nav-drawer {
		margin: 15px 20px 0 0;
	}

	#nav-drawer #nav-content ul li a {
		padding: 15px 10px 15px 20px;
	}

	#spacer {
		padding: 65px 0 0;
	}

	.main nav {
		padding: 0 15px;
    text-align: left;
	}

	.main nav div {
		margin: 0 0 5px;
	}

	.main .box {
		padding: 40px 0;
		margin: 0 15px;
	}

	.main .box ul.row3 li {
		float: none;
		width: 100%;
		margin: 0 0 15px;
	}
	/* .main .box ul.row3 li:nth-child(3n+0) {
		float: none;
		width: 100%;
		margin: 0;
	} */
	.main .box ul.row3 li:nth-child(4n+0) {
		float: none;
		width: 100%;
		margin: 0;
	}

	.main .box ul.row4 li {
		width: 48%;
		margin: 0 4% 20px 0;
	}
	.main .box ul.row4 li:nth-child(2n+0) {
		width: 48%;
		margin: 0 0 20px 0;
	}
	#main-pickup.main .box ul.row4 li:nth-child(3){
			margin: 0 4% 0 0;
	}
	#main-pickup.main .box ul.row4 li:nth-child(4){
			margin: 0;
	}

	.main .box ul.row5 li {
		float: left;
		width: 48%;
		margin: 0 4% 15px 0;
	}
	.main .box ul.row5 li:nth-child(5n+0) {
		width: 48%;
		margin: 0 3.5% 15px 0;
	}
	.main .box ul.row5 li:nth-child(2n+0) {
		margin: 0 0 15px;
	}

	#cornerimage {
		height: 90px;
	}

	#cornerimage .inner #cornercopy {
		font-size: 1.4em;
		letter-spacing: 0.1em;
		padding: 30px 0 0;
	}

	.corner .box {
		padding: 30px 0;
		margin: 0 15px;
	}
	.corner .box.pdb0 {
		padding: 30px 0 0;
		margin: 0 15px;
	}

	.corner .box p {
		font-size: 0.95em;
		line-height: 175%;
	}
	.corner .box p em {
		font-size: 1.2em;
		line-height: 175%;
	}
	.corner .box p span {
		font-size: 1.0em;
	}

	.corner .box .inner {
		padding: 10px 10px 15px;
	}

	.corner .box .waku {
		border-radius: 10px;
		font-size: 1.0em;
		line-height: 175%;
		letter-spacing: 0.05em;
		padding: 10px;
		margin: 0 0 15px;
	}

	.corner .box table tr th {
		display: block;
		width: 100%;
		font-size: 0.95em;
		padding: 10px 0 0;
		border: 0;
	}

	.corner .box table tr td {
		display: block;
		width: 100%;
		font-size: 0.95em;
		padding: 0 0 10px;
	}

/*
	.corner .box dl dt {
		float: none;
		width: 100%;
		border: 0;
		font-size: 0.95em;
		margin: 0;
		padding: 7px 0 0;
	}

	.corner .box dl dd {
		float: none;
		width: 100%;
		font-size: 0.95em;
		margin: 0;
		padding: 0 0 7px;
	}

	.corner .box ol li.midashi {
		font-size: 1.0em;
		line-height: 175%;
		margin: 20px 0 0;
		padding: 10px 15px;
	}
	.corner .box ol li a {
		background-size: 8px auto;
		background-position: top 14px left 5px;
		font-size: 0.95em;
		line-height: 175%;
		padding: 10px 0 10px 20px;
	}
*/

	.list {
		padding: 15px;
	}
	.parts4.list {
		padding: 0 10px;
	}
	.parts8.list,
	.parts30.list,
	.parts31.list,
	.parts32.list,
	.parts33.list {
		width: auto;
		margin: 0 15px;
		padding: 10px;
	}

	.list .kiji_contents {
		background-size: 8px auto;
		margin: 0;
		padding: 12px 0;
	}

	.list .kiji_date {
		left: 60px;
		font-size: 0.7em;
	}

	.list h3 {
		left: 60px;
		width: 78%;
		font-size: 0.9em;
		line-height: 150%;
	}
	.list h3 a,
	.list h3 a:link,
	.list h3 a:active,
	.list h3 a:visited {
		width: 100%;
		padding: 25px 0 15px;
	}
	.parts4.list h3 {
		width: 78%;
	}

	.list .kiji_image {
		width: 50px;
		height: 50px;
		margin: 0;
	}
	.list .kiji_image img {
		max-width: 46px;
		max-height: 46px;
	}
	.size55 {
		width: 50px;
		height: 50px;
	}

	.list .links {
		padding: 15px 10px 10px;
	}

	.contact {
		margin: 0 15px 40px;
	}

	.contact_contents {
		padding: 10px;
	}

	.contact_text {
		font-size: 1.0em;
	}

	.contact_form .contact_index {
		float: none;
		width: auto;
		font-size: 1.0em;
		line-height: 175%;
	}

	.contact_form .contact_body {
		float: none;
		width: auto;
		font-size: 1.0em;
		line-height: 175%;
	}

	.contact_form .contact_body input[type="text"],
	.contact_form .contact_body input[type="password"],
	.contact_form .contact_body textarea {
		width: 95% !important;
	}

	.contact_submit input[type="submit"] {
		width: 100%;
	}

	.contact_ssl {
		width: auto;
		font-size: 0.8em;
		line-height: 175%;
		margin: 0 0 15px;
	}

	#kiji .kiji_image img {
		width: auto !important;
		max-width: 100% !important;
	}

	#kiji .kiji_contents {
		font-size: 1.0em;
		line-height: 175%;
		padding: 15px;
	}

	#kiji .kiji_contents img {
		width: auto !important;
		max-width: 100% !important;
	}

	#footer {
		padding: 30px 0;
	}

	#footer .inner {
		padding: 0 0 60px;
		margin: 0 15px;
	}

	#footer .inner .organization {
		font-size: 1.2em;
	}
	#footer .inner .organization span {
		font-size: 0.55em;
		letter-spacing: 0.15em;
	}

	#footer .inner .box {
		margin: 0;
	}

	#footer .inner .adrs {
		font-size: 0.9em;
	}

	#footer .inner .box-right {
		display: none;
	}

}


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

	#header .box .inner .logo {
		top: 13px;
		left: 10px;
		width: 250px;
	}

	#main1 {
		margin: 0 10px;
	}

	.main .box {
		margin: 0 10px;
	}

	.corner .box .inner {
		padding: 15px 10px 0;
	}

	.corner .box .inner2 {
		padding: 15px 10px;
	}

	.corner .box .comment {
		margin: 0 10px;
	}

	.list {
		padding: 15px 10px;
	}
	.parts4.list {
		padding: 0 10px;
	}

	.list h3 a,
	.list h3 a:link,
	.list h3 a:active,
	.list h3 a:visited {
		width: 84%;
		padding: 25px 0 15px;
	}

	#kiji .kiji_contents {
		font-size: 1.0em;
		line-height: 175%;
		padding: 15px 10px;
	}

	#footer .inner {
		margin: 0 10px;
	}

}