@charset "utf-8";

@media screen and (max-width: 640px) {
	.u-show__mobile {
		display: block !important;
	}

	.u-hide__mobile {
		display: none !important;
	}
	
	
	.u-title__hi {
		font-size: 25px;
	}
	
	.u-title__hi + * {
		margin-top: 35px !important;
	}
	
	.u-title__mid {
		font-size: 19px;
	}
	
	.u-text {
		font-size: 14px;
		margin-top: 20px;
	}
	
	.u-photo img {
		max-width: 100%;
	}
	
	
	
	.u-flex__mobile-none {
		display: block;
	}
	
	.u-flex__column--2 > *,
	.u-flex__column--3 > *,
	.u-flex__column--4 > *,
	.u-flex__column--5 > *,
	.u-flex__column--6 > *,
	.u-flex__column--7 > * {
		width: 100%;
	}
	
	.u-flex-child-wrap {
		margin-right: 0;
		margin-left: 0;
	}
	
	.u-flex-child {
		padding-right: 0;
		padding-left: 0;
	}
	
	.u-flex-child:not(:first-child) {
		margin-top: 20px;
	}
	
	
	.u-intoScroll {
		margin-bottom: 30px;
		padding-top: 1.75em;
		position: relative;
	}
	
	.u-intoScroll:before {
		content: '横にスクロールできます。';
		color: #555;
		font-size: 1.3rem;
		display: block;
		min-height: 2em;
		margin: 0 0 10px;
		padding: 0 0 0 1.5em;
		position: absolute;
		top: 0;
	}
	
	.u-intoScroll:after {
		content: '※';
		color: #DC000C;
		font-size: 1.3rem;
		position: absolute;
		top: 0;
	}
	
	.u-intoScroll.isCaptionNone {
		margin-top: -2em;
	}
	
	.u-intoScroll.isCaptionNone:before {
		display: none;
	}
	
	.u-intoScroll__shadow {
		width: 15px;
		height: calc((100% - 1.75em) - 20px);
		border-radius: 0 2px 2px 0;
		background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
		position: absolute;
		top: 1.75em; 
		right: 0;
		opacity: .15;
		transition: opacity 1s;
	}
	
	.is-none .u-intoScroll__shadow {
		opacity: 0;
	}
	
	.u-intoScroll__inner {
		overflow-x: scroll;
		overflow-y: visible;
		position: relative;
		-webkit-overflow-scrolling: touch;
	}
	
	.u-intoScroll__inner > * {
		min-width: 760px !important;
		margin-bottom: 20px;
	}
	
	.u-table th {
		padding: 10px;
	}
	
	.u-table td {
		padding: 10px;
	}
	
	.u-note__item {
		font-size: 13px;
	}
	
	
	.u-mgt__0 { margin-top: 0 !important; }
	.u-mgt__10 { margin-top: .5em !important; }
	.u-mgt__20 { margin-top: 1em !important; }
	.u-mgt__30 { margin-top: 1.5em !important; }
	.u-mgt__40 { margin-top: 2em !important; }
	.u-mgt__50 { margin-top: 2.5em !important; }
	.u-mgt__60 { margin-top: 3em !important; }
	.u-mgt__70 { margin-top: 3.5em !important; }
	.u-mgt__80 { margin-top: 4em !important; }
	.u-mgt__90 { margin-top: 4.5em !important; }
	.u-mgt__100 { margin-top: 5em !important; }
	
	.u-contents {
		margin-top: 60px;
	}
	
	.u-inner {
		padding-right: 15px;
		padding-left: 15px;
	}
	
	
	
	
	.l-main-visual .u-inner {
		padding-right: 0;
		padding-left: 0;
	}
	
	.l-main-visual-title {
		width: calc(100% - 30px);
		margin: -15px auto 0;
		padding: 0;
	}
	
	.l-main-visual-title h1 {
		font-size: 25px;
	}
	
	.l-entry-data {
		justify-content: center;
	}
	
	.l-entry-data time {
		font-size: 14px;
	}
	
	.l-entry-data ul {
		transform: translate(0,-.45em);
	}
	
	.l-entry-data ul li {
		font-size: 12px;
	}
	
	
	
	
	.l-table-contents {
		padding-right: 15px;
		padding-left: 15px;
	}
	
	.l-table-contents__inner {
		padding-right: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
	}
	
	.l-table-contents__title {
		padding-top: 20px;
	}
	
	.l-table-contents__item a:after {
		width: 0.45em;
		height: 0.45em;
	}
	
	
	.l-pickup {
		margin-top: 80px;
	}
	
	.l-pickup__title + * {
		margin-top: 30px !important;
	}
	
	.l-pickup__title span {
		font-size: 14px;
		letter-spacing: 0;
	}
	
	.l-pickup__title span:after {
		font-size: 54px;
	}
	
	.l-pickup__title em {
		font-size: 18px;
		letter-spacing: 0;
	}
	
	
	.l-comparison__items {
		margin-right: 0;
		margin-left: 0;
	}
	
	.l-comparison__item {
		margin-right: 0;
		margin-left: 0;
		padding: 12px;
	}
	
	.l-comparison__item-title {
		height: 54px;
	}
	
	.l-comparison__inner {
		font-size: 14px;
		min-height: 0 !important;
		padding: 15px;
	}
	
	.l-comparison__image img {
		max-width: 65%;
	}
	
	.l-comparison__sign img {
		max-width: 28px;
	}
	
	
	
	
	.l-ranking {
		margin-top: 80px;
		padding: 30px 20px;
	}
	
	.l-ranking__number {
		font-size: 22px;
		left: 15px;
	}
	
	.l-ranking__number:after {
		font-size: 46px;
	}
	
	.l-ranking__image {
		width: 100%;
	}
	
	.l-product-data-spec {
		width: 100%;
		padding-left: 0;
	}
	
	.l-product-data-spec__name {
		font-size: 22px;
	}
	
	.l-product-data-spec__price {
		margin-top: 15px;
	}
	
	.l-product-data-spec__price em {
		font-size: 28px;
	}
	
	.l-product-data-spec__price em small {
		font-size: 18px;
	}
	
	.l-product-data-spec__tag li {
		font-size: 12px;
	}
	
	.l-ranking .u-table th {
		width: 35%;
	}
	
	.l-point__title:before,
	.l-point__title:after {
		width: calc(50% - 60px);
	}
	
	.l-point__title em {
		font-size: 25px;
	}
	
	.l-point__title span {
		transform: scale(.8);
	}
	
	.l-mark-design__items {
		margin: -32px -8px 0;
	}
	
	.l-mark-design__item {
		width: calc(100% / 2 - 16px);
		margin: 16px 8px 0;
		padding: 7px;
	}
	
	.l-mark-design__item em {
		font-size: 12px;
	}
	
	.l-mark-design__item small {
		font-size: 10px;
	}
	
	
	
	
}/* END Responsive */