.sm {
	display: none !important
}

@media (max-width: 640px) {

	/* COMMON
	==============================*/
	a:hover {
		text-decoration: none;
	}
	.sm {
		display: block !important
	}
	.md {
		display: none !important
	}
	body {
	}
	#container {
		min-width: 320px;
	}
	.wrapper {
		width: auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	/* Global Table */

	.tb.auto,
	.tb.auto .tr,
	.tb.auto .th,
	.tb.auto .td {
		display: block;
	}	
	
	/*===== HEADER =====*/
	header {
		padding-top: 25px;
		padding-bottom: 14px;
	}
	header .btn_menu {
		margin-bottom: 10px;
		display: block;
		float: left;
		width: 10%;
	}
	header .btn_menu img {
		width: 100%;
	}
	header .btn_menu span {
		cursor: pointer;
		display: inline-block;
	}
	header .tel {
		display: block;
		width: 100%;
	}
	header .logo {
		margin-bottom: 12px;
		width: 100%;
	}
	header .sp_menu {
		background: #271910;
		position: absolute;
		left: 0;
		width: 100%;
		z-index: 9999;
	}
	header .sp_menu li a {
		border-bottom: 1px solid #fff;
		color: #fff;
		padding: 10px 3.125%;
		display: block;
		font-size: 13px;
	}
	header .sp_menu li:last-child a {
		border-bottom: 0;
	}
	header .sp_menu li a img{
		float: left;
		margin-right: 10px;
		width: 20px;
	}
	header .linkpc {
		float: right;
		margin-top: -5px;
		margin-right: -8px;
		width: 5.5%;
	}

	/*===== NAV =====*/
	nav {
		padding-top: 24px;
	}
	nav ul li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 14px;
		float: left;
	}
	nav ul  li a,
	nav ul li:nth-child(3) a,
	nav ul li:nth-child(even) {
		margin-right: 0;
	}


	/* FOOTER
	==============================*/
	footer {
		padding-top: 6px;
	}
	footer .list_sitemap {
		width: 64%;
		margin: 0 auto;
	}
	footer .text {
		padding: 8px 12px 38px;
	}
	footer .list_sitemap li {
		display: block;
		margin: 12px 7px 12px;
	}
	footer .fixed {
		width: 14%;
		bottom: 60px;
		right: 3.125%;
	}
	footer .gotop {
		margin-bottom: 0;
	}
	footer .inner {
		padding-bottom: 110px;
		font-size: 1em;
	}
	footer .txt_copy {
		margin-bottom: 0;
	}

	/* CONTENT
	==============================*/
	.keyword {
		background: none;
		margin-bottom: 25px;
	}
	.keyword .img {
		float: left;
		width: 27%;
	}
	.keyword .box_key {
		display: table;
		padding-top: 10px;
	}
	.keyword .box_key a {
		display: block;
		font-size: 15px;
		margin-bottom: 24px;
	}
	/* main */
	article .main {
		width: 100%;
	}
	.col01, .col02, .col03, .col05 {
		width: 100%;
		margin-right: 0;
		float: none;
	}
	.main .link {
		font-size: 1em;
		margin-bottom: 35px;
	}
	.box02 {
		margin-bottom: 0;
	}
	.col04 {
		width: 47%;
	}
	.col04 .link {
		margin-bottom: 0;
	}
	.box03 .col04,
	.box03 .col04.last {
		margin-right: 0.25%;
	}
	.box04 .btn_info {
		margin-bottom: 32px;
	}
	.box04 li {
		margin-bottom: 20px;
	}

	/* bx slider */
	.topslider {
		margin-right: -20px;
		overflow: hidden;
		padding-right: 10px;
		margin-bottom: 36px;
	}
	.bx-viewport {
		overflow: visible !important
	}
	.bx-viewport .sample_slider {
		height: 100%;
		overflow: hidden;
	}
	.bx-wrapper {
		width: 100%;
		position: relative;
		padding-bottom: 32px;
	}
	.ul_slider li {
		width: 100%;
	}
	.bx-viewport .item {
		padding-right: 10px
	}
	.bx-wrapper .bx-viewport {
		transform: translateZ(0px);
	}
	.bx-controls-direction a {
		text-indent: -9999px;
		width: 28px;
		height: 27px;
		position: absolute;
		bottom: 0;
	}
	.bx-controls-direction .bx-prev {
		background: url(../img/index_img/indexsp_img/icn_arrow_prev.png) no-repeat;
		background-size: 100% auto;
		left: 0;
	}
	.bx-controls-direction .bx-next {
		background: url(../img/index_img/indexsp_img/icn_arrow_next.png) no-repeat;
		background-size: 100% auto;
		right: 10px;
	}

	/* lpo.html */
	.section_product {
		padding-top: 5px;
	}
	.title02 {
		padding: 7px 0 3px;
	}
	.title03 {
		padding-bottom: 12px;
	}
	.wrap {
		margin-bottom: 35px;
	}
	.box05 .col05 {
		margin-right: 0;
	}
	.box05 .text {
		 padding: 5px 0 20px;
	}
	.para .img_left img,
	.para .img_right img{
		display: block;
		margin: 0;
		float: none;
		width: 100%;
	}
	.para {
		padding-bottom: 10px;
	}
	.para p {
		margin-bottom: 0;
	}
	.para .text {
		padding: 17px 0 35px;
		display: block;
	}
	.col06 {
		width: 50%;
		padding: 0 1.5%;
	}
	.box06 {
		margin: 0 -1.5% 8px;
	}
	.box06 .link {
		margin-bottom: 0;
	}
	.box06 .col06 {
		margin: 0 0 20px ;
	}
	.box06 .col06:nth-child(2n) {
		margin-right: 0;
	}
	.box07 .fz10 {
	/*	font-size: 1em;*/
	}
	.title04 {
		padding-bottom: 7px;
	}

	/* sample.html */
	.sample {
		margin-right: -20px;
		overflow: hidden;
		padding-right: 10px;
		margin-bottom: 42px;
	}
	.sample_slider .item {
		padding-right: 10px
	}
	.box08 {
		margin-bottom: 0;
	}
	.box08 .text {
		padding: 8px 10px 20px;
	}
	.box09 .col07 {
		width: 100%;
		margin-right: 0;
	}
	.lst_img .text {
		padding: 8px 10px 5px;
	}
	.box09 .col08  {
		width: 90%;
		margin: 0 auto;
		float: none;
	}
	.box09 .title03 {
		margin-bottom: 0;
		padding-bottom: 8px;
	}
	.box09 .buy .price {
		margin-bottom: 38px;
	}
	.box09 .buy {
		padding: 16px 0 65px;
	}
	.table {
		margin-bottom: 33px;
	}
	.lst_info .w50 {
		width: 90%;
		margin: 0 auto 75px;
		float: none;
		padding: 0;
	}
	.box11 .col04  {
		width: 32.5%;
		margin-right: 1.25%
	}
	.box11 .col04:last-child  {
		margin-right: 0;
	}
	.box11 {
		margin-bottom: 30px;
	}
	.box_sample .color01 {
		color: #1a1a1a;
	}
	.box_sample .btn_info {
		margin-bottom: 10px;
	}
	
	
	.box01,.box02{
		padding: 0 0 20px 0;
	}

#topimg{
	width: auto;
}

#slides{
    margin: 0 auto;
}
.modal { 
	position:fixed;
	display:none;
	z-index:9999;
	top:20%;
	left:55%;
	width:400px;
	height:200px;
	margin:-120px 0 0 -220px;
	padding:20px;
}

	
	
}
@media (max-width: 480px) { 
	.keyword .box_key {
		padding-top: 2px;
	}
	.keyword .box_key a {
		font-size: 12px;
		margin-bottom: 8px;
	}

	}	
	
}
@media (max-width: 320px) {
	body {
		font-size: 11px;
	}
	.wrapper {
		padding: 0 10px;
	}
	/*===== HEADER =====*/
	header {
		padding-top: 13px;
		padding-bottom: 7px;
	}
	header .btn_menu {
		margin-bottom: 14px;
	}
	header .logo {
		margin-bottom: 6px;
	}
	header .sp_menu li:last-child a {
		border-bottom: 0;
	}
	header .linkpc {
		margin-top: -2px;
		margin-right: -4px;
	}

	/*===== NAV =====*/
	nav {
		padding-top: 10px;
	}
	nav ul li {
		margin-bottom: 7px;
	}

	/* CONTENT
	==============================*/
	.keyword {
		margin-bottom: 13px;
	}
	.main .link {
		margin-bottom: 16px;
	}
	.box04 .btn_info {
		margin-bottom: 16px;
	}
	.box04 li {
		margin-bottom: 10px;
	}
/*	.box04 .btn_info {
		margin-bottom: 8px;
	}*/
	.box04 li {
		margin-bottom: 10px;
	}
	.box01,.box02 {
		margin-bottom: 0;
	}
	.box04 .text {
		padding: 4px 6px 2px;
	}
	/* bx slider */
	.bx-wrapper {
		padding-bottom: 17px;
	}
	.bx-controls-direction a {
		bottom: 0;
	}
	.bx-controls-direction a {
		width: 14px;
		height: 14px;
	}
	.bx-controls-direction .bx-next {
		right: 5px;
	}
	.topslider {
		margin-right: -10px;
		padding-right: 5px;
		margin-bottom: 19px;
	}
	.bx-viewport .item {
		padding-right: 5px
	}



	/* FOOTER
	==============================*/
	footer {
		padding-top: 3px;
	}

	footer .text {
		padding: 4px 6px 19px;
	}
	footer .list_sitemap {
		width: 100%;
	}
	footer .list_sitemap li {
		margin: 6px 7px;
	}
	footer .fixed {
		bottom: 10px;
	}
	footer .inner {
		padding-bottom: 90px;
		
	}



	/* lpo.html */
	.section_product {
		padding-top: 3px;
	}
	/*.title02 {
		padding: 7px 0 3px;
	}*/
	.title03 {
		padding-bottom: 6px;
	}
	.wrap {
		margin-bottom: 17px;
	}
	.box05 .text {
		 padding: 5px 0 10px;
	}
	.para {
		padding-bottom: 5px;
	}
	.para .text {
		padding: 8px 0 18px;
	}
	.box06 .col06 {
		margin-bottom: 10px;
	}
	.box06 {
		margin-bottom: 4px;
	}
	.title04 {
		padding-bottom: 4px;
	}
	.box05 {
		margin-bottom: 12px;
	}
	.box07 {
		margin-bottom: 20px;
	}



	/* sample.html */
	.sample {
		margin-right: -10px;
		overflow: hidden;
		padding-right: 5px;
		margin-bottom: 15px;
	}
	.sample_slider .item {
		padding-right: 5px
	}
	.box08 .text {
		padding: 4px 5px 10px;
	}
	.lst_img .text {
		padding: 4px 5px 5px;
	}
	.box09 .title03 {
		padding-bottom: 4px;
	}
	.box09 .buy .price {
		margin-bottom: 19px;
	}
	.box09 .buy {
		padding: 8px 0 32px;
	}
	.table {
		margin-bottom: 16px;
	}
	.lst_info .w50 {
		margin: 0 auto 37px;
	}
	.box11 {
		margin-bottom: 15px;
	}
	.box09 .buy .price {
		font-size: 16px;
	}
	.box09 .lst_icon li {
		margin: 0 5px 12px 0;
		width: 34px;
	}
	.table {
		margin-bottom: 8px;
	}
	.table tr th {
		width: 70px;
	}
	.table tr th, .table tr td {
		border-bottom: 1px solid #808080;
		padding: 5px 0;
	}
	.box09 {
		margin-bottom: 20px;
	}
	.lst_info {
		padding: 15px 0 0;
	}
	.lst_info .detail p {
		margin-bottom: 7px;
	}
	.lst_info .w50 {
		margin-bottom: 20px;
	}
	.box11 .title05 {
	    margin-bottom: 16px;
	}
	.box11 .link {
		margin-bottom: 0;
	}
	.box_sample .btn_info {
		margin-bottom: 6px;
	}

	
}