/* Style for PCs */ /* ---------------------------------------------------------------------------------------------------------------------------- */
	@media screen and (min-width: 1025px) {

		.mmbody {
			width: 100%;
			max-width: 1400px;
			height: auto;
			margin: 0 auto;
			padding: 20px 10px;
			box-sizing: border-box;
		}
		.cf::before, .cf::after {
			content: "";
			display: table;
		}
		.mb10 {
			margin-bottom: 10px !important;
		}
		/* Stock list
-------------------------------------------*/
		.stnmm {
			width: 100%;
			height: auto;
			margin: 0 auto;
			display: -webkit-flex;
			display: flex;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.stnmm a {
			width: 18%;
			height: auto;
			display: block;
			margin: 0px 10px 15px 10px;
			box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.20);
			text-decoration: none;
			background-color: #fff;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
		}
		.stnmm a:hover {
			background-color: #f8f8f8;
		}
		.stnmm a img {
			width: 100%;
			height: auto;
			display: block;
			overflow: hidden;
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
		}
		.stnmm a .stncc {
			width: 100%;
			height: auto;
			display: block;
			padding: 15px;
		}
		.stnmm a .stncc h2 {
			font-size: 12px!important;
			font-weight: 400;
			line-height: 1.25em;
			margin-bottom: 2px;
			color: #666;
			text-align: left!important;
		}
		.stnmm a .stncc h3 {
			font-size: 18px!important;
			font-weight: 700;
			line-height: 1.25em;
			margin-bottom: 5px;
			color: #222;
			letter-spacing: 0px;
			text-overflow: ellipsis;
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
			text-align: left!important;
		}
		.stnmm a .stncc h4 {
			font-size: 13px!important;
			font-weight: 700;
			line-height: 1.1em;
			margin-bottom: 5px;
			color: #222;
			letter-spacing: 0px;
			text-align: left!important;
		}
		.stnmm a .stncc dl {
			width: 50%;
			height: auto;
			display: block;
			float: left;
			padding: 0 2px;
		}
		.stnmm a .stncc dl dt {
			width: 100%;
			height: auto;
			display: block;
			padding: 3px 5px;
			background-color: #f0f0f0;
			font-size: 0.8em;
			line-height: 1.25em;
			font-weight: 400;
			letter-spacing: 0px;
			text-align: left!important;
			color: #666;
			margin-bottom: 5px;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		.stnmm a .stncc dl dd {
			width: 100%;
			height: auto;
			display: block;
			padding: 0 5px 0 5px;
			font-size: 12px;
			line-height: 1.25em;
			font-weight: 400;
			color: #333;
			letter-spacing: 0px;
			text-align: left!important;
		}
		.stnmm a .stncc p.stn_price {
			font-size: 12px!important;
			font-weight: 700;
			line-height: 1.4!important;
			margin-bottom: 5px!important;
			color: #151515;
			text-align: right;
			letter-spacing: 0;
			text-align: center;
		}
		.stnmm a .stncc p.stn_price strong {
			font-family: 'Roboto', sans-serif;
			font-size: 20px;
			font-weight: 700;
		}
		.stnmm a .stncc p.stnbn {
			width:80%;
			height: 20px;
			font-family: 'Roboto', sans-serif;
			font-size: 0.8em!important;
			font-weight: 400;
			line-height: 20px!important;
			text-align: center;
			letter-spacing: 0px;
			margin: 0 auto 0px!important;
			color: #fff;
			background-color: #2C54D0;
			margin-bottom: 0px!important;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			-webkit-transition: all 0.4s ease;
			-moz-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			transition: all 0.4s ease;
		}
		.stnmm a:hover img {
			filter: alpha(opacity=60);
			-moz-opacity: 0.6;
			opacity: 0.6;
		}
		.stnmm a:hover .stncc p.stnbn {
			width: 80%;
			background-color: #112564;
		}
		#stock-xml {
			display: flex;
			flex-wrap: wrap;
		}
		#stock-xml .img-container {
			padding-top: 66.666666%;
			position: relative;
		}
		#stock-xml .container-inner {
			align-items: center;
			bottom: 0;
			display: flex;
			justify-content: center;
			left: 0;
			overflow: hidden;
			position: absolute;
			right: 0;
			top: 0;
		}
		.spec:after {
			content: ".";
			display: block;
			height: 0;
			font-size: 0;
			clear: both;
			visibility: hidden;
		}
		.spec {
			margin-bottom: 5px !important;
		}
	}

	/* Style for iPad Pro */ /* ---------------------------------------------------------------------------------------------------------------------------- */
	@media screen and (min-width: 769px) and (max-width: 1024px) {
		.mmbody {
			width: 100%;
			max-width: 1400px;
			height: auto;
			margin: 0 auto;
			padding: 0px 10px;
			box-sizing: border-box;
		}
		.cf::before, .cf::after {
			content: "";
			display: table;
		}
		.mb10 {
			margin-bottom: 10px !important;
		}
		/* Stock list
-------------------------------------------*/
		.stnmm {
			width: 100%;
			height: auto;
			margin: 0 auto;
			display: -webkit-flex;
			display: flex;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.stnmm a {
			width: 22%;
			height: auto;
			display: block;
			margin: 0px 10px 15px 10px;
			box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.20);
			text-decoration: none;
			background-color: #fff;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
		}
		.stnmm a:hover {
			background-color: #f8f8f8;
		}
		.stnmm a img {
			width: 100%;
			height: auto;
			display: block;
			overflow: hidden;
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
		}
		.stnmm a .stncc {
			width: 100%;
			height: auto;
			display: block;
			padding: 10px;
		}
		.stnmm a .stncc h2 {
			font-size: 12px!important;
			font-weight: 400;
			line-height: 1.25em;
			margin-bottom: 2px;
			color: #666;
			text-align: left !important;
		}
		.stnmm a .stncc h3 {
			font-size: 16px!important;
			font-weight: 700;
			line-height: 1.25em;
			margin-bottom: 5px;
			color: #222;
			letter-spacing: 0px;
			text-overflow: ellipsis;
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
			text-align: left !important;
		}
		.stnmm a .stncc h4 {
			font-size: 13px!important;
			font-weight: 700;
			line-height: 1.1em;
			margin-bottom: 5px;
			color: #222;
			text-align: left !important;
		}
		.stnmm a .stncc dl {
			width: 50%;
			height: auto;
			display: block;
			float: left;
			padding: 0 2px;
		}
		.stnmm a .stncc dl dt {
			width: 100%;
			height: auto;
			display: block;
			padding: 3px 5px;
			background-color: #f0f0f0;
			font-size: 0.8em;
			line-height: 1.25em;
			font-weight: 400;
			letter-spacing: 0px;
			text-align: left!important;
			color: #666;
			margin-bottom: 5px;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		.stnmm a .stncc dl dd {
			width: 100%;
			height: auto;
			display: block;
			padding: 0 5px 0 5px;
			font-size: 12px;
			line-height: 1.25em;
			font-weight: 400;
			color: #333;
			letter-spacing: 0px;
			text-align: left !important;
		}
		.stnmm a .stncc p.stn_price {
			font-size: 12px!important;
			font-weight: 700;
			line-height: 1.4!important;
			margin-bottom: 5px!important;
			color: #151515;
			text-align: right;
			letter-spacing: 0;
			text-align: center;
		}
		.stnmm a .stncc p.stn_price strong {
			font-family: 'Roboto', sans-serif;
			font-size: 18px;
			font-weight: 700;
		}
		.stnmm a .stncc p.stnbn {
			height: 20px;
			font-family: 'Roboto', sans-serif;
			font-size: 0.8em!important;
			font-weight: 400;
			line-height: 20px!important;
			text-align: center;
			letter-spacing: 0px;
			margin: 0 auto 0px!important;
			color: #fff;
			background-color: #2C54D0;
			margin-bottom: 0px!important;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			-webkit-transition: all 0.4s ease;
			-moz-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			transition: all 0.4s ease;
		}
		.stnmm a:hover img {
			filter: alpha(opacity=60);
			-moz-opacity: 0.6;
			opacity: 0.6;
		}
		.stnmm a:hover .stncc p.stnbn {
			background-color: #112564;
		}
		#stock-xml {
			display: flex;
			flex-wrap: wrap;
		}
		#stock-xml .img-container {
			padding-top: 66.666666%;
			position: relative;
		}
		#stock-xml .container-inner {
			align-items: center;
			bottom: 0;
			display: flex;
			justify-content: center;
			left: 0;
			overflow: hidden;
			position: absolute;
			right: 0;
			top: 0;
		}
		.spec:after {
			content: ".";
			display: block;
			height: 0;
			font-size: 0;
			clear: both;
			visibility: hidden;
		}
		.spec {
			margin-bottom: 10px !important;
		}
	}
	/* Style for iPad */
	@media screen and (min-width: 481px) and (max-width: 768px) {
		.mmbody {
			display: block;
			width: 100%;
			max-width: 1400px;
			height: auto;
			margin: 0 auto;
			padding: 0px 10px;
			box-sizing: border-box;
		}
		.cf::before, .cf::after {
			content: "";
			display: table;
		}
		.mb10 {
			margin-bottom: 10px !important;
		}
		/* Stock list
-------------------------------------------*/
		.stnmm {
			width: 100%;
			height: auto;
			margin: 0 auto;
			display: -webkit-flex;
			display: flex;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.stnmm a {
			width: 30%;
			height: auto;
			display: block;
			margin: 0px 10px 15px 10px;
			box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.20);
			text-decoration: none;
			background-color: #fff;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
		}
		.stnmm a:hover {
			background-color: #f8f8f8;
		}
		.stnmm a img {
			width: 100%;
			height: auto;
			display: block;
			overflow: hidden;
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
		}
		.stnmm a .stncc {
			width: 100%;
			height: auto;
			display: block;
			padding: 15px;
		}
		.stnmm a .stncc h2 {
			font-size: 12px!important;
			font-weight: 400;
			line-height: 1.25em;
			margin-bottom: 2px;
			color: #666;
			text-align: left !important;
		}
		.stnmm a .stncc h3 {
			font-size: 16px!important;
			font-weight: 700;
			line-height: 1.25em;
			margin-bottom: 5px;
			color: #222;
			letter-spacing: 0px;
			text-overflow: ellipsis;
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
			text-align: left !important;
		}
		.stnmm a .stncc h4 {
			font-size: 13px!important;
			font-weight: 700;
			line-height: 1.1em;
			margin-bottom: 5px;
			color: #222;
			text-align: left !important;
		}
		.stnmm a .stncc dl {
			width: 50%;
			height: auto;
			display: block;
			float: left;
			padding: 0 2px;
		}
		.stnmm a .stncc dl dt {
			width: 100%;
			height: auto;
			display: block;
			padding: 3px 5px;
			background-color: #f0f0f0;
			font-size: 0.8em;
			line-height: 1.25em;
			font-weight: 400;
			letter-spacing: 0px;
			text-align: left!important;
			color: #666;
			margin-bottom: 5px;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		.stnmm a .stncc dl dd {
			width: 100%;
			height: auto;
			display: block;
			padding: 0 5px 0 5px;
			font-size: 12px;
			line-height: 1.25em;
			font-weight: 400;
			color: #333;
			letter-spacing: 0px;
			text-align: left !important;
		}
		.stnmm a .stncc p.stn_price {
			font-size: 12px!important;
			font-weight: 700;
			line-height: 1.4!important;
			margin-bottom: 5px!important;
			color: #151515;
			text-align: right;
			letter-spacing: 0;
			text-align: center;
		}
		.stnmm a .stncc p.stn_price strong {
			font-family: 'Roboto', sans-serif;
			font-size: 20px;
			font-weight: 700;
		}
		.stnmm a .stncc p.stnbn {
			height: 20px;
			font-family: 'Roboto', sans-serif;
			font-size: 0.8em!important;
			font-weight: 400;
			line-height: 20px!important;
			text-align: center;
			letter-spacing: 0px;
			margin: 0 auto 0px!important;
			color: #fff;
			background-color: #2C54D0;
			margin-bottom: 0px!important;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			-webkit-transition: all 0.4s ease;
			-moz-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			transition: all 0.4s ease;
		}
		.stnmm a:hover img {
			filter: alpha(opacity=60);
			-moz-opacity: 0.6;
			opacity: 0.6;
		}
		.stnmm a:hover .stncc p.stnbn {
			background-color: #112564;
		}
		#stock-xml {
			display: flex;
			flex-wrap: wrap;
		}
		#stock-xml .img-container {
			padding-top: 66.666666%;
			position: relative;
		}
		#stock-xml .container-inner {
			align-items: center;
			bottom: 0;
			display: flex;
			justify-content: center;
			left: 0;
			overflow: hidden;
			position: absolute;
			right: 0;
			top: 0;
		}
		.spec {
			display:none;
		}
	}
	/* Style for Smartphone */ /* ---------------------------------------------------------------------------------------------------------------------------- */
	@media screen and (max-width: 480px) {
		.mmbody {
			display: block;
			width: 100%;
			max-width: 1400px;
			height: auto;
			margin: 0 auto;
			padding: 0px 10px;
			box-sizing: border-box;
		}
		.cf::before, .cf::after {
			content: "";
			display: table;
		}
		.mb10 {
			margin-bottom: 10px !important;
		}
		/* Stock list
-------------------------------------------*/
		.stnmm {
			width: 100%;
			height: auto;
			margin: 0 auto;
			display: block;
		}
		.stnmm a {
			width: 43%;
			height: auto;
			display: block;
			margin: 0px 10px 15px 10px;
			box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.20);
			text-decoration: none;
			background-color: #fff;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
		}
		.stnmm a:hover {
			background-color: #f8f8f8;
		}
		.stnmm a img {
			width: 100%;
			height: auto;
			display: block;
			overflow: hidden;
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
		}
		.stnmm a .stncc {
			width: 100%;
			height: auto;
			display: block;
			padding: 10px;
		}
		.stnmm a .stncc h2 {
			font-size: 12px!important;
			font-weight: 400;
			line-height: 1.25em;
			margin-bottom: 2px;
			color: #666;
			text-align: left !important;

		}
		.stnmm a .stncc h3 {
			font-size: 16px!important;
			font-weight: 700;
			line-height: 1.25em;
			margin-bottom: 5px;
			color: #222;
			letter-spacing: 0px;
			text-overflow: ellipsis;
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
			text-align: left !important;
			
		}
		.stnmm a .stncc h4 {
			font-size: 13px!important;
			font-weight: 700;
			line-height: 1.1em;
			margin-bottom: 5px;
			color: #222;
			text-align: left !important;
			
		}
		.stnmm a .stncc dl {
			width: 50%;
			height: auto;
			display: block;
			float: left;
			padding: 0 2px;
		}
		.stnmm a .stncc dl dt {
			width: 100%;
			height: auto;
			display: block;
			padding: 3px 5px;
			background-color: #f0f0f0;
			font-size: 0.8em;
			line-height: 1.25em;
			font-weight: 400;
			letter-spacing: 0px;
			text-align: left!important;
			color: #666;
			margin-bottom: 5px;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		.stnmm a .stncc dl dd {
			width: 100%;
			height: auto;
			display: block;
			padding: 0 5px 0 5px;
			font-size: 12px;
			line-height: 1.25em;
			font-weight: 400;
			color: #333;
			letter-spacing: 0px;
			text-align: left !important;
		}
		.stnmm a .stncc p.stn_price {
			font-size: 12px!important;
			font-weight: 700;
			line-height: 1.4!important;
			margin-bottom: 5px!important;
			color: #151515;
			text-align: right;
			letter-spacing: 0;
			text-align: center;
		}
		.stnmm a .stncc p.stn_price strong {
			font-family: 'Roboto', sans-serif;
			font-size: 17px;
			font-weight: 700;
		}
		.stnmm a .stncc p.stnbn {
			height: 20px;
			font-family: 'Roboto', sans-serif;
			font-size: 0.8em!important;
			font-weight: 400;
			line-height: 20px!important;
			text-align: center;
			letter-spacing: 0px;
			margin: 0 auto 0px!important;
			color: #fff;
			background-color: rgba(9, 52, 128, 1.00);
			margin-bottom: 0px!important;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			-webkit-transition: all 0.4s ease;
			-moz-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			transition: all 0.4s ease;
		}
		.stnmm a:hover img {
			filter: alpha(opacity=60);
			-moz-opacity: 0.6;
			opacity: 0.6;
		}
		.stnmm a:hover .stncc p.stnbn {
			background-color: rgba(223, 145, 0, 1.00);
		}
		#stock-xml {
			display: flex;
			flex-wrap: wrap;
		}
		#stock-xml .img-container {
			padding-top: 75%;
			position: relative;
		}
		#stock-xml .container-inner {
			align-items: center;
			bottom: 0;
			display: flex;
			justify-content: center;
			left: 0;
			overflow: hidden;
			position: absolute;
			right: 0;
			top: 0;
		}
		.spec {
			display:none;
		}
	}