#swiffycontainer {
	width: 960px;
	height: 400px;
	margin: 0 auto;
}

.side_menu {
	background: url(./img/kiji_bg.png);
	border-radius: 10px;
	padding: 10px 0;
}

.side_menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.nana a {
	background: #fcecec;
	display: block;
	border: 1px solid #ccc;
	text-align: center;
}

.side_bnr a {
	display: block;
	border: 1px solid #ccc;
	text-align: center;
}

.side_bnrbg a {
	background: url(./b16.png) repeat-x center center;
}

.blog a {
	background: url(./img/blog_bg.png) repeat-x;
	display: block;
	text-align: center;
}

#sp_menu {
	display: none;
}

.sp_menu_top {
	display: none;
}

#sp_top_nav {
	display: none;
}

.new_posi_r {
	position: relative;
}

.new {
	position: absolute;
	bottom: 12px;
	right: 60px;
	font-weight: bold;
	font-size: 16px;
}

.l-p10 {
	padding-left: 10px;
}

@media screen and (max-width: 960px) {

	#swiffycontainer {
		width: auto;
		height: auto;
		clear: both;
	}

	#aheader h1 {
		width: auto;
		padding: 3px;
		font-size: 10px;
	}

	#header {
		width: auto;
	}

	#contents {
		width: auto;
	}

	#sidemenu {
		margin: 0 auto;
		float: none;
		width: 705px;
	}

	#main {
		clear: both;
		padding-top: 10px;
		margin: 0 auto;
		float: none;
		width: 705px;
	}

	#toTop {
		width: auto;
	}

	.side3 {
		width: auto;
	}

	.side2 {
		width: auto;
	}

	.side_menu ul {
		text-align: center;
	}

	.side_menu ul li {
		display: inline-block;
	}

	.logo {
		padding: 3px;
	}

	#header ul {
		padding: 3px;
	}

	.img100 {
		width: 100%;
		height: auto;
	}

	.list dt {
		padding-left: 0px;
	}

	.list dd {
		padding-left: 0px;
	}

}


@media screen and (max-width: 720px) {

	.title {
		width: auto;
	}

	#sidemenu {
		width: auto;
		padding: 5px;
	}

	#main {
		width: auto;
		padding: 5px;
	}

	.boxA {
		width: auto;
	}

	.boxB {
		width: auto;
	}

	.boxB ul {
		text-align: center;
	}

	.boxB ul li {
		float: none;
		display: inline-block;
		margin: 3px;
	}

	.boxA2 {
		width: auto;
	}

	.boxC {
		width: auto;
	}

	.boxC3 {
		width: 322px;
	}

	.boxC ul {
		text-align: center;
	}

	.boxC ul li {
		float: none;
		display: inline-block;
		margin: 5px;
	}

	.boxe {
		width: auto;
	}

	.boxe ul {
		text-align: center;
	}

	.boxe ul li {
		float: none;
		display: inline-block;
		margin: 5px;
	}

	.boxD {
		width: auto;
	}

	.boxD ul {
		text-align: center;
	}

	.boxD ul li {
		float: none;
		display: inline-block;
		margin: 5px;
	}

	.boxB3 {
		width: auto;
	}

	.boxB2 {
		width: auto;
	}

	table.hyo2 {
		width: 100%;
	}

	table.hyo {
		width: 100%;
	}

	table.hyo3 {
		width: 100%;
		display: block;
	}

	table.hyo3 td,
	table.hyo3 tr,
	table.hyo3 th,
	table.hyo3 tbody {
		display: block;
		width: auto;
	}

	.nakaA {
		width: auto;
	}

	table.hyo3 img {
		max-width: 312px;
		width: 100%;
		height: auto;
	}

	.form dt {
		float: none;
		width: 100%;
	}

	.form dd {
		float: none;
		/*  width: 100%;*/
		padding-left: 0;
	}

	.textarea,
	.textarea2 {
		width: 250px;
		max-width: 100%;
	}

	#original p img {
		width: 100%;
	}

	.sale-list li .title {
		font-size: 15px;
	}


	p {
		font-size: small;
	}

	.boxB2 ul li {
		font-size: small;
	}

	table.hyo tr th {
		font-size: small;
	}

	table.hyo tr td {
		font-size: small;
	}

	table.hyo2 tr td {
		font-size: small;
	}

	table.hyo3 tr td {
		font-size: small;
	}

	table.mailform th {
		font-size: small;
	}

	table.mailform th td {
		font-size: small;
	}

	.list {
		font-size: small;
	}

	.boxA ul li {
		font-size: small;
	}

	.boxA2 ul li {
		font-size: small;
	}

	.table.hyo2 tr th {
		font-size: small;
	}

	.sozai {
		font-size: 12px;
	}

}

@media screen and (max-width: 767px) {

	body {
		margin: 46px 0 0 0 !important;
		padding-top: 0 !important;
	}

	#sp_top_nav {
		position: fixed;
		top: 0;
		left: 0;
		height: 46px;
		width: 100%;
		background: #C30C3F;
		display: block;
		border-bottom: 1px solid #fff;
		z-index: 2;
	}

	#sp_top_nav ul {
		padding: 0;
		margin: 0;
	}

	#sp_top_nav li {
		width: 33.3%;
		float: left;
		text-align: center;
		list-style: none;
	}


	#aheader h1 {
		display: none;
	}

	#aheader {
		height: auto;
		position: static;
		display: none;
	}

	#container {
		margin: 0;
	}

	#sp_menu {
		display: none;
		position: fixed;
		top: 46px;
		left: 0;
		width: 100%;
	}

	#sp_menu ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	#sp_menu a {
		background: #C30C3F;
		display: block;
		color: #ffffff;
		padding: 15px;
		border-bottom: 1px solid #fff;
		-moz-opacity: 0.9;
		/* Firefox(old) */
		-khtml-opacity: 0.9;
		/* Safari(old) */
		opacity: 0.9;
	}

	.newsbx {
		border: 3px solid #B70944;
		border-radius: 15px;
		padding: 10px 20px;
		text-align: left;
		margin-bottom: 15px;
		margin-top: 10px;
	}

	.sp_menu_top {
		display: block;
		background: url(./img/kiji_bg.png);
		border-radius: 10px;
		padding: 10px 0;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.sp_menu_top ul {
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		margin: 0;
		list-style: none;
		justify-content: space-between;
	}

	.sp_menu_top ul li {
		width: calc(45% - 5px);
		margin: 10px;
		text-align: center;
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #cccccc;
		background-color: #FDE5E8;
		padding: 5px 0px;
	}

	.title h2 {
		font-size: 18px;
	}

	.title h2 span.date {
		position: relative;
		display: block;
		margin-bottom: 5px;
	}

}

@media screen and (max-width: 432px) {

	#aheader .logo {
		text-align: center;
		float: none;
		padding: 5px 0 0 0;
	}

	table.hyo tr td,
	table.hyo tr th {
		padding: 1px;
	}

	.newsbx {
		border: 3px solid #B70944;
		border-radius: 15px;
		padding: 5px 12px;
		text-align: left;
		margin-bottom: 15px;
		margin-top: 10px;
	}

	.cor {
		font-size: 12px;
	}

	.corb {
		font-size: 15px;
	}

	.pos1 {
		position: relative;
		top: 0;
		left: 10px !important;
	}


}


/*PCの場合*/
.pc {
	display: inline !important;
}

.sp {
	display: none !important;
}

@media screen and (max-width: 432px) {

	/*タブレット、スマホの場合*/
	.pc {
		display: none !important;
	}

	.sp {
		display: inline !important;
	}
}