@charset "utf-8";




/* ----------------------------------------------------------------------------------------------------
	Media
 ---------------------------------------------------------------------------------------------------- */
@media screen and (max-width:767px) {

	h1,h2,h3,h4,h5{
		background: transparent;
	}
	
	.u-show-media {
		display:inline-block;
	}

	.u-hide-media {
		display:none;
		}

	DIV#pankuzu_r {
		line-height:1.5;
		width:100%;
		margin:0 0 10px;
		padding: 0 10px;
		box-sizing: border-box;
	}

	DIV#pankuzu_r img {}

	.l-wrapper img {
		max-width:100%;
		height:auto;
	}

	.l-wrapper a:hover,
	.l-wrapper a:hover img {
		opacity:1;
	}

	.l-content {
		padding: 0;
	}

	.l-content .u-inner {
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
		border: 0 !important;
		position: relative;
		z-index: 100;
	}
	
	.u-sp-zoom {
		font-family: 'Noto Sans JP', sans-serif !important;
		color: #000;
		font-size: 10px;
		font-weight: 700;
		line-height: 1;
		letter-spacing: 0;
		text-align: center;
		width: 100%;
		margin: 15px 0 0;
		padding: 7px 10px;
		display: block;
		background: rgba(255,255,255,.5);
		border: 1px solid rgba(0,0,0,.1);
		border-radius: 50px;
	}
	
	.js-zoom-link:hover {
		opacity:1;
	}
	
	.u-into-scroll {
		width: 100%;
		margin-bottom: 30px;
		padding-top: 25px;
		overflow: auto;
		position: relative;
		-webkit-overflow-scrolling: touch;
	}
	
	.u-into-scroll:before {
		content: '※下記の図･表は､横スクロールで見れます｡';
		font-size: 12px;
		font-weight: 400;
		letter-spacing: .05em;
		display: block;
		margin: 0 0 10px;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.u-into-scroll::-webkit-scrollbar{
		height: 5px;
	}
	.u-into-scroll::-webkit-scrollbar-track{
		background: #F1F1F1;
	}
	.u-into-scroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}
	
	.u-into-scroll .u-table {
		width:700px;
		margin-bottom: 10px;
	}
	
	
	
	
	/* ---------------------------------------------------------------------------------------------------- */
	.l-gx7mk3-menu {
		height: 90px;
		background-size: 100% auto;
	}
	
	.l-gx7mk3-menu .e-image {
		display: none;
	}
	
	.l-gx7mk3-menu .u-inner {
		display: block;
	}
	
	.l-gx7mk3-menu-inner {
		width: 100%;
		padding: 0;
	}
	
	.l-gx7mk3-menu-title {
		font-size: 10px;
		margin-top: 10px;
	}
	
	.l-gx7mk3-menu-item .e-code:before {
		display: none;
	}
	
	.l-gx7mk3-menu-item .e-code {
		line-height: 1.25;
		display: inline-block;
		width: 100%;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%) scale(.9);
	}
	
	.l-gx7mk3-menu-item .e-link {
		min-height: 3.75em;
		padding: 5px 0 0;
		position: relative;
	}
	
	.l-keyvisual {
		min-height: 0;
		padding: 50% 0 0;
	}
	
	.l-keyvisual-logo {
		width: 100%;
		top: 20px;
		left: 0;
	}
	
	.l-keyvisual-logo .e-img {
		width: 120px;
		margin: 0 0 5px;
	}
	
	.l-keyvisual-logo .e-time {
		color: #fff;
		width: 170px;
		margin: 0 auto;
	}
	
	.l-keyvisual-title {
		color: #fff;
		font-size: 20px;
		line-height: 1.35;
		text-align: center;
		width: 100%;
		padding: 0;
		border-bottom: 0;
		top: 85px;
	}
	
	.l-keyvisual-time {
		color: #fff;
		text-align: center;
		width: 100%;
		top: 150px;
		right: auto;
	}
	
	.l-keyvisual-time .e-title {
		display: none;
	}
	
	.l-keyvisual-time .e-time {
		font-size: 11px;
	}
	
	.l-keyvisual .e-note {
		font-size: 10px;
		text-align: right;
		width: 100%;
		padding: 0 10px;
		bottom: 20px;
		right: 0;
	}
	
	.u-title-high {
		font-size: 14px;
		margin: 0 0 30px;
	}
	
	.u-title-high:after {
		width: 100px;
		right: -110px;
	}
	
	.u-title-high:before {
		font-size: 12vw;
		left: 20px;
		transform: translateY(-100%);
	}
	
	.u-title-mid {
		margin: 0 0 30px;
	}
	
	.u-title-mid .e-small {
		font-size: 14px;
	}
	
	.u-title-mid .e-large {
		font-size: 24px;
	}
	
	.u-title-low .e-title {
		font-size: 14px;
		letter-spacing: 0;
	}
	
	.l-feature {
		padding: 160px 0 0;
	}
	
	.l-feature .e-text {
		font-size: 13px;
		line-height: 1.75;
		margin: 0 0 30px;
	}
	
	.l-feature-l_monochrome_d {
		margin: 0 0 60px;
		padding: 30px 0;
	}
	
	.l-feature-l_monochrome_d .e-image:nth-of-type(odd),
	.l-feature-l_monochrome_d .e-image:nth-of-type(even) {
		margin-bottom: 30px;
		float: none
	}
	
	.l-feature-l_monochrome_d .e-button {
		padding: 0;
	}
	
	.l-feature-l_monochrome_d .e-button .e-link {
		font-size: 13px;
		line-height: 1.5;
		letter-spacing: 0;
	}
	
	.l-feature-l_monochrome_d.is-strength {
		margin: 0 0 30px;
		padding: 30px 0;
	}
	
	.l-feature-l_monochrome_d.is-strength .e-note {
		font-size: 11px;
		line-height: 1.35;
		text-align: left;
	}
	
	.l-feature-button .e-link {
		font-size: 14px;
		width: 100%;
	}
	
	.l-feature-button {
		margin: 0 0 60px;
		padding: 0 20px;
	}
	
	.l-feature-button .e-link:after {
		transform: translateY(-.15em);
	}
	
	.l-campaign-banner {
		margin: 0 0 120px;
		padding: 10px;
	}
	
	.l-favor-items {
		letter-spacing: -.4em;
		margin: 0 0 30px;
		display: block;
	}
	
	.l-favor-item {
		letter-spacing: 0;
		width: 50%;
		display: inline-block;
	}
	
	.l-favor-kit-title {
		color: #000;
		font-size: 16px;
	}
	
	.l-favor-kit table {
		width: 900px;
	}
	
	.l-favor-kit th.is-head .e-name {
		font-size: 12px;
	}
	
	.l-favor-kit th em {
		font-size: 10px;
	}
	
	.l-favor-kit th.is-head {
		width: 220px;
	}
	
	.l-favor-kit-button .e-link {
		font-size: 13px;
	}
	
	.l-favor-kit-item {
		font-size: 12px;
		line-height: 1.5;
	}
	
	.l-favor-kit-item:before {
		width: 4px;
		height: 4px;
	}
	
	.l-original-kit {
		padding: 60px 0;
	}
	
	.l-original-kit-title {
		font-size: 24px;
	}
	
	.l-original-kit-time {
		margin: 0;
	}
	
	.l-original-kit-time .e-desc {
		font-size: 16px;
		line-height: 1.5;
		margin: 0 0 15px;
		padding: 10px;
		display: block;
	}
	
	.l-original-kit-release {
		margin: 0 0 30px;
	}
	
	.l-original-kit-copy .e-title {
		font-size: 16px;
	}
	
	.l-original-kit-text {
		font-size: 13px;
	}
	
	.l-original-kit-detail {
		margin: 0 10px 30px;
		padding: 30px 10px 20px;
	}
	
	.l-original-kit-detail-title .e-small {
		font-size: 13px;
		letter-spacing: 0;
		margin: 0 0 10px;
	}
	
	.l-original-kit-detail-title .e-large {
		font-size: 24px;
	}
	
	.l-original-kit-detail-image .e-img:nth-of-type(1) {
		margin: 0;
	}
	
	.l-original-kit-detail-image:after {
		width: 30px;
		height: 30px;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	
	.l-original-kit-detail-items {
		width: calc(100% - 20px);
		margin: 0 10px;
		display: block;
	}
	
	.l-original-kit-detail-items .e-title {
		width: 100%;
		margin: 0 0 15px;
		display: block;
	}
	
	.l-original-kit-detail-items .e-items {
		padding: 0 15px;
	}
	
	.l-original-kit-detail-items .e-wrap .e-item {
		font-size: 12px;
		line-height: 1.35;
		padding: 15px 0;
		border-top: 1px solid #ddd;
	}
	
	.l-original-kit-detail-items .e-wrap .e-item .e-link {
		margin-left: 0;
	}
	
	.l-original-kit-detail:after {
		border-width: 20px 35px 0 35px;
		bottom: -20px;
	}
	
	.l-original-kit-detail-purchase {
		width: calc(100% - 20px);
		margin: 0 10px;
	}
	
	.l-original-kit-detail-purchase-items {
		display: block;
		padding-bottom: 30px;
	}
	
	.l-original-kit-detail-purchase-items:after {
		display: none;
	}
	
	.l-original-kit-detail-purchase-item {
		width: 100%;
		padding: 30px 0 0;
	}
	
	.l-original-kit-detail-purchase-item .e-title {
		font-size: 16px;
	}
	
	.l-purchase-benefits {
		padding: 60px 0;
	}
	
	.l-purchase-benefits-title {
		font-size: 24px;
	}
	
	.l-purchase-benefits-time {
		margin: 0;
	}
	
	.l-purchase-benefits-time .e-desc {
		font-size: 16px;
		line-height: 1.5;
		margin: 0 0 15px;
		padding: 10px;
		display: block;
	}
	
	.l-purchase-benefits-items {
		margin: 0;
		display: block;
	}
	
	.l-purchase-benefits-item {
		width: 100%;
		margin: 0 0 15px;
		display: block;

	}
	
	.l-purchase-benefits-item .e-image:nth-of-type(2) {
		min-height: 0;
	}
	
	.l-purchase-benefits-item > .e-title {
		font-size: 14px;
		padding: 20px 0;
	}
	
	.l-purchase-benefits-item .e-kit {
		min-height: 0;
	}
	
	.l-accessories-title {
		font-size: 24px;
	}
	
	.l-accessories-items {
		width: 100%;
		margin: 0 0 10px;
		padding: 0;
		display: block;
	}
	
	.l-accessories-item {
		width: 100%;
		margin: 0 0 10px;
		padding: 0;
	}
	
	.l-accessories-item .e-title {
		font-size: 14px;
		line-height: 1.5;
		margin: 0;
	}
	
	.l-accessories {
		padding: 60px 0;
	}
	
	.l-accessories-item .l-price-button {
		padding: 0 15px 15px;
	}
	
	.l-accessories-item .e-note {
		margin: 0;
		padding: 0 30px 15px;
	}

	.c-contact-inner .e-mail {
		font-size: 16px;
	}

	.c-entry-item .e-title {
		color: #474747;
	}
	
	
	
	

} /* END MEDIA 767px */