/* .dir-root.page-index
----------------------------------------------------------  */
.dir-root.page-index .mainMenu{
	width: auto;
	top: 4.5rem;
	left: 6rem;
}
.dir-root.page-index .mainMenu__cont{
	display: block;
}
.dir-root.page-index .mainMenu__logo{
	width: 252px;
}
.dir-root.page-index .mainMenu__nav{
	position: absolute;
	top: 6rem;
	right: 6rem;
	z-index: 2;
	border-top: 1px solid #000;
	padding-top: 2.5rem;
}
.dir-root.page-index .mainMenu__NavCont{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	width: 40rem;
}
.mainMenu__navItem > a, .mainMenu__navItem > .drawer__switch{
	font-size: 1.7rem;
}
.dir-root.page-index .mainMenu__NavCont > .mainMenu__navItem{
	flex-shrink: 0;
	flex-grow: 0;
}
.dir-root.page-index .mainMenu__NavCont > .mainMenu__navItem:not(:nth-child(3n + 1)){
	flex-basis: calc((100% - 7.2rem - 14rem - 1px)/2);
}
.dir-root.page-index .mainMenu__NavCont > *:not(:nth-child(3n + 3)){
	margin-right: 3.6rem;
}
.dir-root.page-index .mainMenu__NavCont > *:nth-child(3n + 1){
	flex-basis: 14rem;
}
.dir-root.page-index .mainMenu__NavCont > *:not(:nth-child(-n + 3)){
	margin-top: 1.3rem;
}
.dir-root.page-index .mainMenu__txtSub{
	left: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.dir-root.page-index .drawer__cont{
	left: 0;
	-webkit-transform: translateY(100%);
	        transform: translateY(100%);
}
.dir-root.page-index .mainMenu__sns{
	margin-left: 0;
}
@media screen  and (max-width: 1020px){
	.dir-root.page-index .mainMenu{
		width: auto;
		top: 3rem;
		left: 3rem;
	}
	.dir-root.page-index .mainMenu__logo{
		width: 175px;
		margin: 0;
	}
}
@media screen and (max-width: 750px) {
	.dir-root.page-index .mainMenu__logo{
		width: 12.6rem;
	}
}

.hero{
	width: 100%;
	position: relative;
}
.hero__cont{
	width: 100%;
	height: 100vh;
	max-height: 80vw;
	min-height: 50vw;
	background-color: #DDD;
}
.hero__item{
	width: 100%;
	height: 100vh;
	max-height: 80vw;
	min-height: 50vw;
	position: relative;
}

.hero__title{
	color: transparent;
	margin: 0;
	line-height: 0;
	text-indent: -99999em;
	display: block;
	width: 75%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.hero__title:before{
	content: "";
	display: block;
	padding-top: 7.7405857741%;
}
.hero__item--1 .hero__title{
	background-image: url(/img/sitetop/herotitle_red.svg);
}
.hero__item--2 .hero__title{
	background-image: url(/img/sitetop/herotitle_blue.svg);
}
.hero__item--3 .hero__title{
	background-image: url(/img/sitetop/herotitle_yellow.svg);
}
.hero__img{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	background-color: #CCC;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.hero__img--1{
	background-image: url(/img/sitetop/hero01.jpg);
	background-position: 50% 50%;
}
.hero__img--2{
	background-image: url(/img/sitetop/hero02_181112.jpg);
	background-position: 50% 50%;
}
.hero__img--3{
	background-image: url(/img/sitetop/hero03.jpg);
	background-position: 60% 0%;
}
.hero__lead{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	height: 215px;
	padding: 4rem 0;
	background-color: #fff;
}
.sectionMds{
	display: table;
	font-size: 2rem;
	font-family:'Camphor W01', sans-serif;
	font-weight: 300;
	border-top: 1px solid #000;
	padding-top: 0.8rem;
}
@media screen and (min-width: 900px){
	.hero__title{
		width: calc(675px + 675 * (100vw - 901px) / 1400);
		max-width: 1350px;
	}
}
@media screen and (max-width: 900px){
	.hero__title{
		width: calc(100%-6rem);
	}
}
@media screen and (max-width: 750px) and (orientation: portrait){
	.hero__cont,
	.hero__item{
		max-height: 200vw;
		min-height: 100vw;
	}
	html.iphone.safari .hero__cont,
	html.iphone.safari .hero__item{
		max-height: calc(200vw - 75px);
		height: calc(100vh - 75px);
		pointer-events: none;
	}
	
	.hero__item--1 .hero__title{
		background-image: url(/img/sitetop/herotitle_sp_red.svg);
	}
	.hero__item--2 .hero__title{
		background-image: url(/img/sitetop/herotitle_sp_blue.svg);
	}
	.hero__item--3 .hero__title{
		background-image: url(/img/sitetop/herotitle_sp_yellow.svg);
	}
	.hero__title:before{
		content: "";
		display: block;
		padding-top: 81.724137931%;
	}
	.hero__img--1{
		background-image: url(/img/sitetop/hero01_sp.jpg) !important;
		background-position: 50% 0;
	}
	.hero__img--2{
		background-image: url(/img/sitetop/hero02_sp.jpg);
		background-position: 50% 40%;
	}
	.hero__img--3{
		background-image: url(/img/sitetop/hero03_sp.jpg);
		background-position: 60% 0%;
	}
}
/* .featureSlide
----------------------------------------------------------  */
.featureSlide{
	width: calc(100% - 8rem);
	margin: 4rem auto 0;
	padding: 0;
	max-width: 3000px;
	position: relative;
}
.featuresSlide__arrow{
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	width: 10%;
	min-width: 10rem;
	background: url(/img/sitetop/arrows_features-slide.svg) 50% 50% / 2.5rem 3.8rem no-repeat;
	z-index: 1;
	cursor: pointer;
}
.featuresSlide__arrow--prev{
	left: 0rem;
}
.featuresSlide__arrow--next{
	right: 0rem;
	-webkit-transform: scale(-1,1);
	transform: scale(-1,1);
}
.featureSlide__item{
	display: -moz-flex !important;
	display: -ms-flex !important;
	display: -o-flex !important;
	display: flex !important;
	-ms-align-items: center;
	align-items: center;
	width: 100%;
	height: calc((100vw - 8rem) * 0.45);
	min-height: 42rem;
	max-height: 65rem;
	position: relative;
}
.featureSlide__cont{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	margin: 0 auto;
	width: 80%;
	max-width: 1000px;
}
.featureSlide__item:not(.is_reverse) > .featureSlide__cont{
	justify-content: flex-start;
}
.featureSlide__item.is_reverse > .featureSlide__cont{
	justify-content: flex-end;
}
.featureSlide__txt{
	position: relative;
	z-index: 1;
    max-width: 39rem;
    -webkit-transform: translateY(-6%);
    transform: translateY(-6%);
}
.featureSlide__mds{
	font-size: 3.7rem;
	margin: 0 0 4rem;
	line-height: 1;
	display: block;
	overflow: hidden;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.featureSlide__cap{
	margin: 0;
	font-size: 1.6rem;
	line-height: 2;
}
.featureSlide__note{
	font-size: 1.2rem;
	vertical-align: top;
}
.featureSlide__dots{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	position: absolute;
	bottom: 1rem;
	left: 1rem;
}
.featureSlide__dots li{
	flex: 0 0;
	list-style: none;
}
.featureSlide__dots li + li{
	margin-left: 5px;
}
.featureSlide__dots button{
	display: block;
	-webkit-appearance: unset;
	-moz-appearance: unset;
	appearance: unset;
	border: none;
	color: transparent;
	background-color: rgba(255,255,255,0.4);
	width: 7.8rem;
	height: 5px;
}
.featureSlide__dots li.slick-active button{
	background-color: rgba(255,255,255,1);
}
.featureSlide__img{
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	background-size: auto 100%;
}
.featureSlide__item:not(.is_reverse) .featureSlide__img{
	background-position: 50% 50%;
}
.featureSlide__item.is_reverse .featureSlide__img{
	background-position: 50% 50%;
}
.featureSlide__txt .sectionMds{
	color: #FFF;
	border-top-color: #FFF;
	margin-bottom: 4rem;
}
.featureSlide__item .sectionMds > span{
	display: block;
	overflow: hidden;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.featureSlide__item--01 .sectionMds > span{
	width: 6.8rem;
	height: 4.4rem;
	background-image: url(/img/sitetop/num01.svg);
	-webkit-transform: translateX(-5%);
	transform: translateX(-5%);
}
.featureSlide__item--02 .sectionMds > span{
	width: 7.4rem;
	height: 4.4rem;
	background-image: url(/img/sitetop/num02.svg);
	-webkit-transform: translateX(-5%);
	transform: translateX(-5%);
}
.featureSlide__item--03 .sectionMds{
	color: #e84948;
	border-color: #e84948;
}
.featureSlide__item--03 .sectionMds > span{
	width: 7.4rem;
	height: 4.4rem;
	background-image: url(/img/sitetop/num03.svg);
	-webkit-transform: translateX(-5%);
	transform: translateX(-5%);
}
.featureSlide__item--01 .featureSlide__img{
	background-image: url(/img/sitetop/portability-img.jpg);
}
.featureSlide__item--02 .featureSlide__img{
	background-image: url(/img/sitetop/playability-img.jpg);
}
.featureSlide__item--03 .featureSlide__img{
	background-image: url(/img/sitetop/realtone-img.jpg);
}
.featureSlide__item--01 .featureSlide__mds{
	width: 38.8rem;
	height: 6.8rem;
	background-image: url(/img/sitetop/mds-portability.svg);
}
.featureSlide__item--02 .featureSlide__mds{
	display: block;
	width: 38.8rem;
	height: 6.8rem;
	background-image: url(/img/sitetop/mds-playability.svg);
}
.featureSlide__item--03 .featureSlide__mds{
	display: block;
	width: 31.7rem;
	height: 6.8rem;
	background-image: url(/img/sitetop/mds-real_tone_colored.svg);
}
.featureSlide__item--02 .featureSlide__cap{
	color: #FFF;
}
/*@media screen and (min-width: 1101px) {
	.featureSlide__item.is_reverse > .featureSlide__cont{
		justify-content: flex-start;
	}
	.featureSlide__item.is_reverse .featureSlide__txt{
		margin-left: 50%;
	}
}*/
@media screen and (min-width: 1330px) {
	.featureSlide__item--01 .featureSlide__img{
		background-image: url(/img/sitetop/portability-img_wide.jpg);
	}
	.featureSlide__item--02 .featureSlide__img{
		background-image: url(/img/sitetop/playability-img_wide.jpg);
	}
	.featureSlide__item--03 .featureSlide__img{
		background-image: url(/img/sitetop/realtone-img_wide.jpg);
	}
}
@media screen and (max-width: 1200px){
	.featureSlide__txt .sectionMds{
		margin-bottom: 2.5rem;
	}
	.featureSlide__mds{
		margin-bottom: 2.5rem;
	}
	.featureSlide__cap{
		line-height: 1.7;
	}
}
@media screen and (max-width: 980px) {
	.featureSlide__item{
		display: block !important;
		height: auto;
		max-height: inherit;
	}
	.featureSlide__item .sectionMds{
		display: none;
	}
	.featureSlide__cont{
		display: block;
		width: 100%;
	}
	.featureSlide__img{
		position: relative;
		width: 100%;
		background-color: transparent !important;
		background-size: cover;
	}
	.featureSlide__img:before{
		content: "";
		display: block;
		padding-top: 50%;
	}
	.featuresSlide__arrow{
		background-position: 50% calc((100vw - 8rem)*0.5/2);
	}
	.featureSlide__txt{
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		width: 100%;
		max-width: inherit;
		padding: 3.2rem 0;
		background-color: #fff;
		-webkit-transform: none;
		transform: none;
	}
	.featureSlide__mds{
		flex:0 0 30rem;
		background-size: contain;
		background-position: 0 50%;
		-webkit-transform: translateY(-20%);
		transform: translateY(-20%);
	}
	.featureSlide__cap{
		margin-left: 4rem;
	}
	.featureSlide__item--02 .featureSlide__cap,
	.featureSlide__item--03 .featureSlide__cap{
		color: #000;
	}
	.featureSlide__item--01 .featureSlide__mds{
		background-image: url(/img/sitetop/mds-portability_colored.svg);
		width: 30rem;
		height: 5.26rem;
	}
	.featureSlide__item--02 .featureSlide__mds{
		background-image: url(/img/sitetop/mds-playability_colored.svg);
		width: 30rem;
		height: 5.26rem;
	}
	.featureSlide__item--03 .featureSlide__mds{
		background-image: url(/img/sitetop/mds-real_tone_colored.svg);
		width: 24.5rem;
		height: 5.5rem;
	}
	.featureSlide__item--01 .featureSlide__img{
		background-image: url(/img/sitetop/portability-img_sp.jpg);
	}
	.featureSlide__item--02 .featureSlide__img{
		background-image: url(/img/sitetop/playability-img_sp.jpg);
	}
	.featureSlide__item--03 .featureSlide__img{
		background-image: url(/img/sitetop/realtone-img_sp.jpg);
	}
	.featureSlide__dots{
		width: 100%;
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.featureSlide__dots li{
		flex-grow: 1;
		flex-shrink: 1;
	}
	.featureSlide__dots button{
		background-color: #F2F2F2;
		width: 100%;
		height: 3px;
	}
	.featureSlide__dots li.slick-active button{
		background-color: #d1d1d1;
	}
	.featureSlide__dots li + li{
	}
}
@media screen and (max-width: 750px) {
	.featureSlide{
		width: 90%;
		margin-top: 5vw;
	}
	.featureSlide__txt{
		padding: 2.7rem 0 3.5rem;
	}
	.featureSlide__txt{
		display: block;
	}
	.featureSlide__mds{
		margin-bottom: 0.3rem;
	}
	.featureSlide__cap{
		margin-left: 0;
	}
	.featureSlide__item{
		min-height: auto;
	}
	.featureSlide__note{
		vertical-align: middle;
	}
	.featureSlide__item--01 .featureSlide__mds{
		width: 29rem;
		height: 3.5rem;
	}
	.featureSlide__item--02 .featureSlide__mds{
		width: 29rem;
		height: 3.5rem;
	}
	.featureSlide__item--03 .featureSlide__mds{
		width: 23.5rem;
		height: 3.5rem;
	}
	.featuresSlide__arrow{
		background-size: 1.8rem 2.736rem;
		background-position: 50% calc(90vw*0.5/2);
	}
}
/*--------------------------------------------------------
/.featureSlide */

/* .introProduct
----------------------------------------------------------  */

.introProduct .sectionMds{
	border-top-color: #FFF;
	color: #FFF;
}
.introProduct{
	width: 100%;
	max-width: 3000px;
	height: 50vw;
	min-height: 473px;
	position: relative;
	overflow: hidden;
	background-color: #ff575c;
	margin: auto;
}
.introProduct__img{
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;	
	left: -5%;
	right: 0;
	background: url(/img/sitetop/productIntro__img.jpg) 50% 50% / cover no-repeat;
	margin: 0;
}
.introProduct__img:before{
	content: "";
	display: block;
	padding-top: 50%;
}
.introProduct__cont{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-between;
	width: 80%;
	max-width: 1000px;
	height: 100%;
	margin: auto;
}
.introProduct__cont:before{
	content: "";
	flex: 0 0 30.5%;
	-ms-align-self: stretch;
	-ms-grid-row-align: stretch;
	    align-self: stretch;
	margin-right: 6rem;
	display: block;
}
.introProduct__txt{
	flex: 1 1 auto;
	position: relative;
	z-index: 1;
}
.productIntro__productName{
	display: block;
	width: 560px;
	line-height: 0;
	overflow: hidden;
	color: transparent;
	background-image: url(/img/sitetop/mds-bolt-on-body_series.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	margin-top: 4rem;
	margin-bottom: 6rem;
}
.productIntro__productName:before{
	content: "";
	display: block;
	padding-top: 10%;
}
.introProduct__subTitle{
	font-size: 2.1rem;
	line-height: 1.3;
	margin-bottom: 0.9rem;
	margin-top: 0;
}
.introProduct__subTitleEn{
	font-size: 1.6rem;
	line-height: 1.3;
	font-family:'Camphor W01', sans-serif;
	font-weight: 300;
	margin: 0 0 2rem;
}
.introProduct__cap{
	font-weight: 600;
	margin: 0;
}

@media screen and (min-width: 1251px) {
	.introProduct{
		height: 750px;
	}
	.introProduct__img{
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		height: 750px;
		width: 100%;
		background: url(/img/sitetop/productIntro__img_wide.jpg) 50% 50% / auto 100% no-repeat;
		margin: 0;
	}
	.introProduct__cont:before{
		flex-basis: 41.5%;
	}
}
@media screen and (max-width: 1155px) {
	.productIntro__productName{
		display: block;
		width: 246px;
		max-width: 100%;
		background-image: url(/img/sitetop/mds-bolt-on-body_series--2lines.svg);
		margin-bottom: 3rem;
	}
	.productIntro__productName:before{
		padding-top: 25.4%;
	}
}
@media screen and (max-width: 750px) {
	.introProduct{
		height: auto;
		padding-top: 3rem;
	}
	.productIntro__productName{
		margin-top: 3rem;
		margin-bottom: 2.5rem;
	}
	.introProduct__subTitle{
		font-size: 1.7rem;
		margin-bottom: 1.2rem;
	}
	.introProduct__cont{
		-moz-flex-direction: column-reverse;
		-o-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-ms-align-items: stretch;
		align-items: stretch;
		width: calc(100% - 6rem);
	}
	.introProduct__cont:before{
		width: 100%;
		margin: 1.5rem 0 0;
		padding-top: 82%;
	}
	.introProduct__img{
		background-image: url(/img/sitetop/productIntro__img_sp_181114.jpg);
		background-position: 50% 100%;
	}
}
/*--------------------------------------------------------
/.introProduct */

/* .blogList
----------------------------------------------------------  */
.dir-root.page-index section.blog{
	background-color: #e6e6e6;
}
.blogList{
	position: relative;
}
.blogList__title{
	width: 12.2rem;
	height: 5.5rem;
	overflow: hidden;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-image: url(/img/sitetop/blog-title.svg);
	background-position: 50% 50%;
	background-size: cover;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin: 0 0 4rem;
}
.blogList__cont{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	list-style: none;
}
.blogList__item{
	flex-basis: calc((100% - 20px)/3);
	flex-shrink: 0;
	flex-grow: 0;
}
.blogList__item > a{
	text-decoration: none;
}
.blogList__img{
	margin: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.blogList__img:before{
	content: "";
	display: block;
	padding-top: 72%;
}
.blogList__txt{
	background-color: #fff;
	padding: 2.5rem 2rem;
}
.blogList__name{
	font-family: 'Camphor W01', sans-serif;
	font-weight: 900;
	color: #e84948;
	font-size: 1.9rem;
	line-height: 1.3;
	margin: 0;
}
.blogList__cap{
	font-size: 1.5rem;
	line-height: 1.4;
	margin: 0.5rem 0 0;
	color: #000;
	text-align: justify;
}
.blogList__arrow{
	position: absolute;
	top: 50%;
	z-index: 1;
	border: none;
	width: 5.5555555556%;
	height: 100%;
	width: 5rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: transparent;
	cursor: pointer;
}
.blogList__arrow--prev{
	left: 0;
}
.blogList__arrow--next{
	right: 0;
}
.blogList__arrow:before{
	content: "";
	display: block;
	width: 1.2rem;
	height: 2rem;
	background: url(/img/sitetop/bloglist-arrow.svg) 50% 50% / cover no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.blogList__arrow--prev:before{
	-webkit-transform: translate(-50%, -50%) rotate(180deg);
	transform: translate(-50%, -50%) rotate(180deg);
}
.blogList__viewmore{
	display: none;
}
@media screen and (max-width: 750px) {
	.blogList__title {
	    width: 9.8rem;
	    height: 4.5rem;
	    margin-bottom: 2rem;
	}
	.dir-root.page-index section.blog > .container{
		width: 100%;
	}
	.blogList__cont{
		display: block;
	}
	.blogList__item{
		margin: 0 5px;
	}
	.blogList__cap{
		min-height: 4.2rem;
	}
	.blogList__viewmore{
		display: table;
		position: relative;
		left: 50%;
		right: auto;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		margin-top: 3rem;
	}
}
/*--------------------------------------------------------
/.blogList */

.dir-root.page-index .itemList{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.dir-root.page-index .itemList__item{
	flex: 0 0 calc((100% - 20px)/2);
	position: relative;
	list-style: none;
	padding: 12rem 0 14rem;
}
.dir-root.page-index .itemList__item > a{
	display: block;
	color: #000;
	text-decoration: none;
	padding: 6.5rem 4.5rem 6rem 22rem;
}

.dir-root.page-index .itemList__img{
	position: absolute;
	left: 12.5rem;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-77deg);
	transform: translate(-50%, -50%) rotate(-77deg);
	margin: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.dir-root.page-index .itemList__img:before{
	content: "";
	display: block;
}
/* ギター画像 */
.dir-root.page-index .itemList__model1 .itemList__img{
	background-image: url(/img/sitetop/model1_181112.png);
	width: 57rem;
}
.dir-root.page-index .itemList__model1 .itemList__img:before{
	padding-top: 37.7%;
}
/* ギター画像 */
.dir-root.page-index .itemList__model1s .itemList__img{
	background-image: url(/img/sitetop/model1_181112.png);
	width: 57rem;
}
.dir-root.page-index .itemList__model1s .itemList__img:before{
	padding-top: 37.7%;
}
.dir-root.page-index .itemList__model2 .itemList__img{
	background-image: url(/img/sitetop/model2.png);
	width: 61rem;
}
.dir-root.page-index .itemList__model2 .itemList__img:before{
	padding-top: 32.5%;
}
.dir-root.page-index .itemList__model2 .itemList__viewmore{
	width: 16.5rem;
	color: #737373;
}
.dir-root.page-index .itemList__model2 .itemList__viewmore:hover{
	color: rgba(0,0,0,0.2);
}
.dir-root.page-index .itemList__model2 .itemList__viewmore:before{
	background-image: url(/img/common/arrow_gray.svg);
}
.dir-root.page-index .itemList__name{
	display: block;
	width: 20.4rem;
	height: 4rem;
	overflow: hidden;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	margin: 0 0 1.5rem;
}
.dir-root.page-index .itemList__model1s .itemList__name{
	background-size: auto;
}
/* model テキスト */
.itemList__model2  .itemList__name{
	background-image: url(/img/sitetop/mds-model2.svg);
}
.itemList__model1s  .itemList__name{
	background-image: url(/img/sitetop/mds-model1s.svg);
}
.itemList__model1  .itemList__name{
	background-image: url(/img/sitetop/mds-model1.svg);
}
.dir-root.page-index .itemList__subtitle{
	font-family:'Camphor W01', sans-serif;
	font-weight: 300;
	font-size: 1.2rem;
	margin: 0 0 7px;
}
.dir-root.page-index .itemList__cap{
	text-align: justify;
	margin: 0 0 2.5rem;
}
.itemList__viewmore{
	display: table;
	position: relative;
	transition: color 0.5s;
}
.itemList__viewmore > span{
	display: table;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-left: 15px;
	color: transparent;
	transition: color 0.5s;
}
.itemList__viewmore:hover{
	color: rgba(0,0,0,0.2);
	transition-duration: 0.3s;
}
.itemList__viewmore:hover > span{
	color: #000;
	transition-duration: 0.3s;
}
.dir-root.page-index .movie{
	display: flex;
	justify-content: center;
	position: relative;
	width: 100%;
}
.dir-root.page-index .movie .titles{
	/*text-align: center;*/
	margin-bottom: 3rem;
}
.dir-root.page-index .movie__title{
	display: block;
	width: 16rem;
	height: 5.7rem;
	margin: 0;
	text-indent: -9999em;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url(/img/sitetop/mds-play.svg);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.dir-root.page-index .movie__switch{
	width: 100%;
	max-width: 120rem;
	background: url(/img/sitetop/movie-dammy.jpg) 50% 50% / cover no-repeat;
}
.dir-root.page-index .movie__switch:before{
	content: "";
	display: block;
	padding-top: 50%;
}
.movie__modal{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	background-color: rgba(23,23,23,0.95);
	transition-property: opacity, visibility;
}
.movie__cont{
	width: 80%;
	max-width: 1268px;
	position: relative;
}
.movie__cont > #player{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.movie__cont:before{
	content: "";
	display: block;
	padding-top: 56.23028391%;
}
.movie__close{
	position: relative;
	width: 3rem;
	height: 3rem;
	margin-top: 4rem;
	background-color: transparent;
	border: none;
}
.movie__close:before,
.movie__close:after{
	content: "";
	display: block;
	width: 4rem;
	height: 1px;
	background-color: #FFF;
	position: absolute;
	top: 50%;
	left: 50%;
}
.movie__close:before{
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	        transform: translate(-50%, -50%) rotate(45deg);
}
.movie__close:after{
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	        transform: translate(-50%, -50%) rotate(-45deg);
}
.movie__modal:not(.is_opened){
	opacity: 0;
	visibility: hidden;
	transition-duration: 0.5s;
}
.movie__modal.is_opened{
	opacity: 1;
	visibility: visible;
	transition-duration: 0.3s;
}
.dir-root.page-index .intros{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.dir-root.page-index .intros__item{
	flex: 0 0 calc((100% - 20px)/2);
	list-style: none;
	background-color: #CCC;
	position: relative;
}
.dir-root.page-index .intros__item > a{
	color: #FFF;
	text-decoration: none;
}
.dir-root.page-index .intros__item > a:before{
	content: "";
	display: block;
	padding-top: 100%;
}
.dir-root.page-index .intros__item > a:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
	background-color: rgba(0,0,0,0.4);
	transition-property: opacity;
	transition-duration: 1.5s;
}
.dir-root.page-index .intros__item > a:hover:after{
	opacity: 0;
	transition-duration: 0.5s;

}
.dir-root.page-index .intros__title{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-moz-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	width: 20rem;
	height: 20rem;
	border: 5px solid #FFF;
	font-size: 2.5rem;
	font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
	font-weight: 700;
	line-height: 1.3;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.dir-root.page-index .intros__title > span{
	font-family:Helvetica, Arial, "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	font-weight: normal;
	font-size: 1.4rem;
	display: block;
	margin-top: 10px;
}
.dir-root.page-index .blogViewer{
	margin: 0 -10px;
}
.dir-root.page-index .blogViewer__item{
	display: block;
	background-color: #fff;
	margin: 0 10px;
}
.dir-root.page-index .blogViewer__item > a{
	display: block;
	text-decoration: none;
}
.dir-root.page-index .blogViewer__img{
	background-color: #CCC;
	margin: 0;
}
.dir-root.page-index .blogViewer__img:before{
	content: "";
	display: block;
	padding-top: 65%;
}
.dir-root.page-index .blogViewer__txt{
	padding: 3rem 3.2rem;
}
.dir-root.page-index .blogViewer__title{
	font-size: 1.9rem;
	line-height: 1.3;
	color: #e84948;
	margin: 0 0 0.5rem;
}
.dir-root.page-index .blogViewer__cap{
	color: #000;
	margin: 0;
	line-height: 1.5;
}
.dir-root.page-index .blog > .container{
	position: relative;
}
.dir-root.page-index .blogViewmore{
	position: absolute;
	top: 8.5rem;
	right: 0;
	text-decoration: none;
	color: #000;
	font-size: 1.7rem;
	font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
	font-weight: 700;
	line-height: 1;
}
.dir-root.page-index .blogViewmore:after{
	content: "";
	display: inline-block;
	width: 0.66rem;
	height: 1.1rem;
	background: url(../img/common/arrow_simple.svg) 50% 50% / cover no-repeat;
	vertical-align: middle;
	margin-left: 1.2rem;
	-webkit-transform: translateY(-12%);
	transform: translateY(-12%);
}
.dir-root.page-index .blogViewmore:before{
	content: "";
	display: block;
	position: absolute;
	bottom: -1rem;
	left: 0;
	right: 0;
	height: 3px;
	background-color: #c95151;
}
@media screen and (min-width: 1200px){
	.dir-root.page-index .movie{
		margin-bottom: 9rem;
	}
}
@media screen and (max-width: 1000px) {
	.dir-root.page-index .itemList{
		display: block;
	}
	.dir-root.page-index .itemList__item{
		padding: 0;
	}
	.dir-root.page-index .itemList__item + .itemList__item{
		margin-top: 3rem;
		padding-top: 3rem;
		position: relative;
	}
	.dir-root.page-index .itemList__item + .itemList__item:before{
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		background-image: linear-gradient(90deg, #000 0, #000 1px, transparent 1px, transparent 5px);
		background-size: 5px 100%;
		background-repeat: repeat-x;
		position: absolute;
		top: 0;
		left: 0;
	}
	.dir-root.page-index .itemList__item > a{
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-moz-flex-direction: column-reverse;
		-o-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-ms-align-items: stretch;
		align-items: stretch;
		padding: 0;
	}
	.dir-root.page-index .itemList__img{
		flex: 0 0 auto;
		width: auto !important;
		position: static;
		-webkit-transform: none;
		transform: none;
		margin-top: 0.8rem;
	}
	.dir-root.page-index .movie__title{
		width: 12rem;
		height: 4.1rem;
	}
	.dir-root.page-index .itemList__name{
		width: 12.8rem;
		height: 2.4rem;
		margin-bottom: 0.4rem;
	}
	.dir-root.page-index .itemList__subtitle{
		margin-bottom: 0.5rem;
	}
	.dir-root.page-index .itemList__cap{
		line-height: 1.6;
		margin-bottom: 1.3rem;
	}
	.dir-root.page-index .itemList__cap > br{
		display: none;
	}
}
@media screen and (max-width: 850px) {
	.hero__lead{
		height: auto;
	}
}
@media screen and (max-width: 750px){
	.dir-root.page-index .intros{
		display: block;
	}
	.dir-root.page-index .intros__item + .intros__item{
		margin-top: 1rem;
	}
	.dir-root.page-index .blog > .container{
		padding-bottom: 4rem;
	}
	.movie__cont{
		width: 90%;
	}
}

/*--------------------------------------------------------
/.dir-root.page-index */

/* .dir-about
----------------------------------------------------------  */

.dir-about.page-index .pageIntro__imgArea{
	background-image: url(/img/about/introimg_181112.jpg);
	background-position: 76% 50%;
}
.dir-about.page-index .inlineLogo{
	display: inline-block;
	color: transparent;
	background: url(/img/common/logo.svg) 50% 50% /cover no-repeat;
	width: 6.7rem;
	line-height: 0;
	vertical-align: middle;
	-webkit-transform: translateY(-9%);
	transform: translateY(-9%);
	margin-left: 0.3rem;
	margin-right: 0.3rem;
}
.dir-about.page-index .inlineLogo:before{
	content: "";
	display: block;
	padding-top: 27.4%;
}
.dir-about.page-index .aboutlicence{
	margin-top: 0.5rem;
}
.dir-about.page-index .address{
	margin: 0;
	width: 34.8rem;
	max-width: 100%;
	background-image: url(/img/about/address.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100% auto;
}
.dir-about.page-index .address:before{
	content: "";
	display: block;
	padding-top: 6.1%;
}
.dir-about .artisanInfoCont{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 2.6rem;
}
.dir-about .artisanInfoCont .basicTable__data h2{
	margin-bottom: 1.2rem;
}
.dir-about .artisanInfoCont .basicTable__data p{
	line-height: 2.1;
}
.dir-about .artisanInfoCont .basicTable__data p + p{
	margin-top: 0.5rem;
}
.dir-about .artisanImg{
	flex: 0 0 20rem;
	-ms-grid-row-align: stretch;
	    align-self: stretch;
	margin: 0;
	display: block;
	background: url(/img/about/artisan-img_181211.jpg) 50% 50% / cover no-repeat;
	margin-right: 14px;
}
.dir-about .artisanImg:before{
	content: "";
	display: block;
	padding-top: 100%;
}
@media screen and (max-width: 750px) {
	.dir-about.page-index .pageIntro__imgArea{
		background-image: url(/img/about/introimg_181112_sp.jpg);
	}
	.dir-about.page-index .address{
		width: 27.3rem;
		background-image: url(/img/about/address_sp.svg);
	}
	.dir-about.page-index .address:before{
		content: "";
		display: block;
		padding-top: 11.35531136%;
	}
	.dir-about .artisanInfoCont{
		display: block;
	}
	.dir-about .artisanImg{
		width: 100%;
		margin-right: 0;
		margin-bottom: 2rem;
	}
}
/*--------------------------------------------------------
/.dir-about */


/* .dir-rd-production.page-index
----------------------------------------------------------  */


.dir-rd-production.page-index main{
	background: #F2F2F2 url(/img/rd_production/blueprint_181022.svg) 50% 0px / 1900px auto no-repeat;
	padding-bottom: 8rem;
}
.dir-rd-production.page-index footer{
	border-top: none;
}
.dir-rd-production.page-index .is_fixedW{
	width: calc(100% - 12rem);
	max-width: 102rem;
	margin: 0 auto;
}
.dir-rd-production.page-index .is_fixedW .container{
	max-width: 64.5rem;
}
.dir-rd-production.page-index .pageIntro{
	height: 500px;
	position: relative;
}
.dir-rd-production.page-index .lead{
	width: calc(100% - 12rem);
	max-width: 120rem;
	margin: 0 auto;
	background-color: #fff;
	padding: 5rem;
	margin-bottom: 1rem;
}
.dir-rd-production.page-index .features{
	width: calc(100% - 12rem);
	max-width: 120rem;
	margin: 0 auto;
	background-color: #fff;
	padding: 8rem 5rem;
	position: relative;
	padding-top: 8rem;
	padding-bottom: 20rem;
}
.dir-rd-production.page-index .features > .container{
	max-width: calc(100% - 42rem);
}
.dir-rd-production.page-index .features__title{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.dir-rd-production.page-index .features__title{
	margin: 0 0 3.4rem;
}
.dir-rd-production.page-index .features__tag{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	position: absolute;
	left: -2rem;
	width: 23.5rem;
	height: 5rem;
	color: #FFF;
	background-color: #e15151;
	padding: 0 1.9rem;
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 1;
	-webkit-transform: translateY(-31%);
	transform: translateY(-31%);
}
.dir-rd-production.page-index .features__titleTxt{
	position: relative;
	display: block;
	line-height: 1;
	padding-bottom: 2.4rem;
	font-size: 2rem;
}
.dir-rd-production.page-index .features__titleTxt:after{
	content: "";
	display: block;
	width: 2.5rem;
	height: 3px;
	background-color: #e15151;
	position: absolute;
	bottom: 0;
	left: 0;
}
.dir-rd-production.page-index * + .features__title{
	margin-top: 11rem;
}
.dir-rd-production.page-index .features__cap{
	margin: 0 0 3rem;
}
.dir-rd-production.page-index .features__3imgs{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.dir-rd-production.page-index .features__mds{
	font-size: 1.6rem;
	line-height: 1.3;
	font-weight: bold;
	margin-bottom: 0.5rem;
}
.dir-rd-production.page-index * + .features__mds{
	margin-top: 2rem;
}
.dir-rd-production.page-index .features__3imgs > figure{
	flex: 0 0 calc((100% - 4rem)/3);
	margin: 0;
	background-color: #DDD;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.dir-rd-production.page-index .features__3imgs > figure:before{
	content: "";
	display: block;
	padding-top: 100%;
}
.dir-rd-production.page-index .features__fullWImg{
	display: block;
	margin: 0;
	background-color: #DDD;
}
.dir-rd-production.page-index .features__fullWImg:before{
	content: "";
	display: block;
	padding-top: 50%;
}
.dir-rd-production.page-index .factory-img{
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
}
.dir-rd-production.page-index .processing-img{
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
}
.dir-rd-production.page-index .meister-img{
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
}
.dir-rd-production.page-index .meister-img:before{
	padding-top: 62%;
}
.dir-rd-production.page-index .diagram{
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	background-color: #fff;
	border: 6px solid #C9C9C9;
}
.dir-rd-production.page-index .diagram:before{
	padding-top: 79.6%;
}
@media screen and (max-width: 1100px) {
	.dir-rd-production.page-index .features__title{
		display: block;
		margin-bottom: 0.9rem;
	}
	.dir-rd-production.page-index .features__titleTxt{
		padding-top: calc(4.5rem + 1.1rem);
		padding-bottom: 0;
	}
	.dir-rd-production.page-index .features__titleTxt:after{
		content: none;
	}
	.dir-rd-production.page-index * + .features__title{
		margin-top: 7rem;
	}
	.dir-rd-production.page-index .features__tag{
		height: 4.5rem;
	}
	.dir-rd-production.page-index .features__titleTxt{
		line-height: 1.3;
	}
	.dir-rd-production.page-index .features > .container{
		max-width: none;
	}
	.dir-rd-production.page-index .features{
		padding: 8rem 0;
	}
}
@media screen and (max-width: 750px) {
	.dir-rd-production.page-index .features > .container{
		width: calc(100%/95*85);
	}
	.dir-rd-production.page-index main{
		background-size: auto 54rem;
		background-position: 50% 3.9rem;
		padding-bottom: 4rem;
	}
	.dir-rd-production.page-index .features{
		width: 95%;
		padding: 3rem 0;
	}
	.dir-rd-production.page-index .lead{
		width: 95%;
		padding: 2.2rem 5% 2rem;
	}
	.dir-rd-production.page-index * + .features__title{
		margin-top: 3rem;
	}
	.dir-rd-production.page-index .titles__cap > .cap{
		line-height: 1.6;
	}
	.dir-rd-production.page-index .features__cap{
		margin-bottom: 1rem;
	}
	.dir-rd-production.page-index .features__tag{
		position: relative;
		left: 0;
		-webkit-transform: none;
		transform: none;
		width: 100%;
		background-color: transparent;
		border-top: 2px solid #e15151;
		border-bottom: 2px solid #e15151;
		color: #e15151;
		margin-bottom: 1.8rem;
	}
	.dir-rd-production.page-index .features__title{
		margin-bottom: 0.8rem;
	}
	.dir-rd-production.page-index .features__titleTxt{
		padding-top: 0;
		font-size: 1.6rem;
	}
	.dir-rd-production.page-index .features__3imgs > figure{
		flex-basis: calc((100% - 6px)/3);
	}
}
/*--------------------------------------------------------
/.dir-rd-production.page-index */

/* .dir-products
----------------------------------------------------------  */


/* .detailViewer
----------------------------------------------------------  */
.detailViewer{
	position: relative;
	margin-bottom: 5rem;
}
.detailViewer.is_detailView{
	padding-bottom: 0;
}
.detailViewer__switchCont{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	position: absolute;
	top: 0;
	right: 0;
}
.detailViewer__switch{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-moz-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	width: 14rem;
	height: 4rem;
	background-color: #FFF;
	border: 3px solid #e84948;
	font-size: 13px;
	font-weight: bold;
	transition: opacity 1s 0s, visibility 1s 0s;
	padding: 3px 0 0;
	cursor: pointer;
	transition-property: background-color, color;
}
.detailViewer__switch + .detailViewer__switch{
	margin-left: 1rem;
}
.detailViewer__switch:focus{
	outline: 0;
}
.detailViewer__switch[aria-hidden = true]{
	background-color: #e84948;
	color: #FFF;
	transition-duration: 0.3s;
}
.detailViewer__switch[aria-hidden = false]{
	transition-duration: 0.5s;
}
.detailViewer__titleCont{
	flex: 0 0 100%;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 0 0 4.5rem;
}
.detailViewer__title{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	position: relative;
	margin: 0;
	padding-bottom: 0.5rem;
}
.detailViewer__title > .en{
	font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.3;
}
.detailViewer__title > .ja{
	font-size: 1.3rem;
	font-family:Helvetica, Arial, "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	font-weight: normal;
	display: block;
	margin-left: 0.8rem;
	-webkit-transform: translateY(-1%);
	transform: translateY(-1%);
}
.detailViewer__title:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background-color: #000;
}
.detailViewer__itemCont{
	position: relative;
	z-index: 0;
}
.detailViewer__item{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	width: 100%;
}
.detailViewer__item[aria-hidden = true]{
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.8s 0s, visibility 0.8s 0s;
	position: absolute;
	top: 0;
	left: 0;
}
.detailViewer__item[aria-hidden = false]{
	opacity: 1;
	visibility: visible;
	transition: opacity 0.5s 0s, visibility 0.5s 0s;
}
.detailViewer__itemImgCont{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	flex: 0 0 100%;
	-ms-align-self: flex-start;
	align-self: flex-start;
	transition-property: all;
	transition-duration: 0.4s;
}
.detailViewer__itemImg{
	position: relative;
	width: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.detailViewer__itemImg:before{
	content: "";
	display: block;
	padding-top: 40%;
}
.detailViewer__itemImg .sizeDes,
.detailViewer__itemImg .width-weight{
	visibility: visible;
	opacity: 1;
	transition-property: visibility, opacity;
	transition-duration: 0.2s;
	transition-delay: 0.4s;
}
.detailViewer:not(.is_detailView) .detailViewer__itemImgCont{
	padding: 0 3.3rem;
	margin: 0 0 4.5rem;
}


/* .detailViewer.is_detailView */
.detailViewer.is_detailView .detailViewer__itemImgCont{
	flex-basis: calc(100% - 32.5rem - 2.5rem);
	margin-bottom: 0 !important;
	padding: 0 2.8rem;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.15, 0, 0.25, 1);
}
html.ie .detailViewer.is_detailView .detailViewer__itemImgCont{
	max-width: calc(100% - 32.5rem - 2.5rem);
}


.detailViewer.is_detailView .detailViewer__itemImg .sizeDes,
.detailViewer.is_detailView .detailViewer__itemImg .width-weight{
	visibility: hidden;
	opacity: 0;
	transition-delay: 0s;
}
/* .detailViewer.is_detailView */

.detailViewer__point{
	display: block;
	cursor: pointer;
	width: 3rem;
	height: 3rem;
	border-radius: 100%;
	border: none;
	background-color: #e85151;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.detailViewer__point:focus{
	outline: 0;
}
.detailViewer__point:before,
.detailViewer__point:after{
	content: "";
	display: block;
	width: 1.4rem;
	height: 3px;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #FFF;
}
.detailViewer__point:before{
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.detailViewer__point:after{
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
	transition-property: -webkit-transform background-color;
	transition-property: transform background-color;
	transition-property: transform background-color, -webkit-transform background-color;
	transition-duration: 0.2s;
}
.detailViewer__point[aria-expanded = true]{
	background-color: #e85151;
}
.detailViewer__point[aria-expanded = true]:after{
	background-color: #fff;
	-webkit-transform: translate(-50%, -50%) rotate(0deg);
	transform: translate(-50%, -50%) rotate(0deg);
	transition-duration: 0.5s;
}
/* .detailViewer.is_detailView */
.detailViewer.is_detailView .detailViewer__point[aria-expanded = false]{
	width: 2.2rem;
	height: 2.2rem;
	border-width: 2px;
}
.detailViewer.is_detailView .detailViewer__point[aria-expanded = false]:before,
.detailViewer.is_detailView .detailViewer__point[aria-expanded = false]:after{
	width: 8px;
	height: 2px;
}
/* .detailViewer.is_detailView */

.detailViewer__point01{
	top: 46%;
	left: 98%;
}
.detailViewer__point02{
	top: 58%;
	left: 92%;
}
.detailViewer__point03{
	top: 46%;
	left: 26%;
}
.detailViewer__point04{
	top: 69%;
	left: 26%;
}
.detailViewer__point05{
	top: 46.3%;
	left: 50%;
}
.detailViewer__point06{
	top: 46.3%;
	left: 20.1%;
}
.detailViewer__point07{
	top: 67%;
	left: 16.8%;
}
.detailViewer__point08{
	top: 46.3%;
	left: 14.5%;
}
.detailViewer__point09{
	top: 90%;
	left: 90%;
}
.detailViewer__explainCont{
	visibility: hidden;
	flex-basis: 0;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: hidden;
	transition-property: flex-basis;
	transition-duration: 0.4s;
}

.detailViewer__explain{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-moz-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	position: relative;
	padding-left: 3.5rem;
	border-left: 1px solid #afafaf;
	transition-property: visibility, opacity;
}
.detailViewer__name{
	line-height: 1.3;
	vertical-align: middle;
	margin: 0 0 1.5rem;
}
.detailViewer__name > .en{
	font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
	font-weight: 700;
	margin: 0 0 1.2rem;
	font-size: 2.2rem;
	line-height: 1.3;
}
.detailViewer__name > .ja{
	display: inline-block;
	font-size: 1.3rem;
	font-weight: 400;
	margin-left: 1.1rem;
	-webkit-transform: translateY(-10%);
	transform: translateY(-10%);
}
.detailViewer__cap{
	margin: 0;
}
.detailViewer__explainImg{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin: 1.5rem 0 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.detailViewer__explainImg:before{
	content: "";
	display: block;
	padding-top: 60%;
}
.deteilViewer__close{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 2rem;
	height: 2rem;
	border: none;
	cursor: pointer;
}
.deteilViewer__close:before,
.deteilViewer__close:after{
	content: "";
	display: block;
	width: 2.4rem;
	height: 1px;
	background-color: #e85151;
	position: absolute;
	top: 50%;
	left: 50%;
}
.deteilViewer__close:before{
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}
.deteilViewer__close:after{
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}
.detailViewer.is_detailView .detailViewer__explainCont{
	flex-basis: 32.5rem;
	visibility: visible;
    transition-duration: 0.6s;
}
.detailViewer__explain[aria-hidden = false]{
	visibility: visible;
	opacity: 1;
	transition-duration: 1s;
}
.detailViewer__explain[aria-hidden = true]{
	visibility: hidden;
	opacity: 0;
	display: none;
	transition-duration: 0.2s;
}

@media screen and (max-width: 1000px) {
	.detailViewer:not(.is_detailView) .detailViewer__itemImgCont{
		padding-right: 0;
		margin-top: 2rem;
	}
	.detailViewer.is_detailView .detailViewer__itemImgCont{
		flex-basis: 100%;
		max-width: 100%;
		padding-left: 0;
	}
	.detailViewer__itemImg{
		width: 100%;
	}
	.detailViewer.is_detailView .detailViewer__explainCont{
		flex-basis: 100%;
		transition-property: none;
	}
	.detailViewer__explain{
		-moz-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		-ms-align-items: center;
		align-items: center;
		justify-content: space-between;
		border-left: none;
		border-top: 1px solid #afafaf;
		padding: 3.5rem 0 0;
		margin-top: 3.5rem;
	}
	.detailViewer__explainTxtarea{
		flex-basis: calc((100% - 2rem)/2);
		flex-grow: 0;
		flex-shrink: 0;
	}
	.detailViewer__explainImg{
		flex-basis: calc((100% - 2rem)/2);
		flex-grow: 0;
		flex-shrink: 0;
		margin: 0;
	}
	.deteilViewer__close{
		display: none;
	}
	.deteilViewer__close:before, .deteilViewer__close:after{
		width: 1.5rem;
		height: 2px;
	}
	.detailViewer.is_detailView .detailViewer__itemImgCont{
		padding-right: 0;
	}
}
@media screen and (max-width: 750px) {
	.detailViewer__switch{
		position: absolute;
		top: 0;
		right: 0;
		width: 12rem;
	}
	.detailViewer__switch[aria-hidden = false]{
		z-index: 1;
	}
	.detailViewer__switch[aria-hidden = true]{
		z-index: 0;
		background-color: #FFF;
	}
	.detailViewer__explain{
		-moz-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		padding: 2rem 0 0;
	    margin-top: 2rem;
	}
	.detailViewer__explainTxtarea{
		flex: 0 0 auto;
		width: 100%;
	}
	.detailViewer__explainImg{
		-ms-align-self: stretch;
		-ms-grid-row-align: stretch;
		    align-self: stretch;
		margin-top: 1rem;
	}
	.detailViewer__name > .ja{
		display: block;
		margin-left: 0;
		margin-top: 1rem;
	}
	.detailViewer.is_detailView .detailViewer__itemImgCont{
		padding: 0;
	}
}
@media screen and (min-width: 351px) and (max-width: 750px){
	.detailViewer__point{
		width: calc(16px + 14 * (100vw - 351px)/ 399) !important;
		height: calc(16px + 14 * (100vw - 351px)/ 399) !important;
		padding: 0;
		border-width: calc(2px + 1 * (100vw - 351px)/ 399);
	}
	.detailViewer__point:before, .detailViewer__point:after{
		height: calc(2px + 1 * (100vw - 351px)/ 399);
		width: calc(8px + 6 * (100vw - 351px)/ 399);
	}
}
@media screen and (max-width: 350px) {
	.detailViewer__point{
		width: 1.6rem;
		height: 1.6rem;
		padding: 0;
		border-width: 2px;
	}
	.detailViewer__point:before, .detailViewer__point:after{
		height: 2px;
		width: 0.8rem;
	}
}
/*--------------------------------------------------------
/.detailViewer */

/* .photoViewer
----------------------------------------------------------  */

.pageIntro__imgArea > .photoViewer{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
}
.photoViewer__imgCont{
	background-color: #fff;
}
.photoViewer__imgCont,
.photoViewer__img,
.photoViewer__img > figure{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.photoViewer__img{
	transition-property: opacity visibility;
}
.photoViewer__img > figure{
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-color: #CCC;
	margin: 0;
}
.photoViewer__nav{
	position: absolute;
	top: 50%;
	right: 6rem;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.photoViewer__btn{
	display: block;
	width: 6rem;
	height: 6rem;
	border: none;
	outline: 0;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	position: relative;
	box-shadow: 0 0 50px 3px rgba(0,0,0,0.08);
}
.photoViewer__btn:nth-child(1){
	border: 2px solid #e84948;
}
.photoViewer__btn + .photoViewer__btn{
	margin-top: 2rem;
}
.photoViewer__img[aria-hidden = false]{
	opacity: 1;
	visibility: visible;
	z-index: 1;
	transition-duration: 0.8s;
}
.photoViewer__img[aria-hidden = true]{
	opacity: 0;
	visibility: hidden;
	z-index: 0;
	transition-duration: 0.5s;
}

@media screen and (max-width: 750px) {
	.photoViewer{
		position: relative;
	}
	.photoViewer__imgCont{
		position: relative;
		width: 100%;
		height: calc(100vh - 5rem - 17.5rem);
		min-height: 80vw;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
	}
	html.iphone.safari .photoViewer__imgCont{
		height: calc(100vh - 75px - 5rem - 17.5rem);
	}
	.photoViewer__nav{
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		position: absolute !important;
		top: auto;
		right: auto;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 100%;
		padding: 1rem;
		margin: auto;
	}
	.photoViewer__btn{
		width: 6rem;
		height: auto;
		padding: 0;
	}
	.photoViewer__btn:before{
		content: "";
		display: block;
		padding-top: 100%;
	}
	.photoViewer__btn + .photoViewer__btn{
		margin-top: 0;
		margin-left: 1rem;
	}
	.photoViewer__nav .slick-list{
		overflow: visible;
	}
}
@media screen and (min-width: 751px) and (orientation:landscape){
	.productIntro{
		min-height: 58vw;
	}
}
@media screen and (max-width: 750px) and (orientation:landscape){
	.photoViewer__imgCont{
		min-height: inherit;
		max-height: auto;
		height: calc(100vh - 5rem);
	}
	html.iphone.safari .photoViewer__imgCont{
		height: calc(100vh - 5rem);
	}
}
/*--------------------------------------------------------
/.photoViewer */

.productIntro{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	position: relative;
	height: 100vh;
	max-height: 80vw;
	z-index: 1;
}
.productTitle{
	-ms-align-self: flex-end;
	align-self: flex-end;
	z-index: 2;
	margin: 0 0 4rem 4rem;
}
.productTitle .en{
	color: #e84948;
	font-family:'Camphor W01', sans-serif;
	margin: 0 0 2.3rem;
}
.productTitle .en .sub{
	display: block;
	font-size: 2.1rem;
	line-height: 1;
	margin: 0 0 1.5rem;
}
.productTitle .en .main{
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	margin: 0;
}
.productTitle .price{
	font-family: 'Camphor W01', sans-serif;
	font-size: 1.3rem;
	font-weight: bold;
	margin: 0 0 1.2rem;
}
.productTitle .price > .note{
	font-size: 1rem;
	vertical-align: middle;
	line-height: 1;
	-webkit-transform: translateY(-5.1%);
	        transform: translateY(-5.1%);
	display: inline-block;
	margin-right: 0.2rem;
}
.productTitle .price.is_undeceided{
	font-family: 'Noto Sans', Helvetica, Arial, "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	font-size: 1.2rem;
}
.productTitle .jp{
	font-size: 1.4rem;
	line-height: 1.6;
	position: relative;
	margin-top: 3rem;
	margin-bottom: 0;
}
@media screen and (max-height: 80vw){
	.productTitle{
		margin: 0 0 12rem 4rem;
	}
}
@media screen and (max-width: 750px) {
	.productIntro{
		-moz-flex-direction: column-reverse;
		-o-flex-direction: column-reverse;
		flex-direction: column-reverse;
		height: auto;
		max-height: inherit;
	}
	.productTitle{
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-moz-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		justify-content: center;
		margin: 0;
		width: 100%;
		height: 17.5rem;
		padding: 0 3rem;
		background-color: #F7F7F7;
	}
	.productTitle > .en{
		margin: 0 0 1rem;
	}
	.productTitle > .en > .sub{
		font-size: 1.5rem;
		margin: 0 0 1.3rem;
		-webkit-transform: translateY(30%);
		transform: translateY(30%);
	}
	.productTitle .price{
		margin-bottom: 0.5rem;
	}
	.productTitle .jp{
		font-size: 1.5rem;
		margin: 0;
		padding: 0;
		border: none;
	}
	.productTitle .jp > br{
		display: none;
	}
	.productTitle .jp:before{
		content: none;
	}
}
.dir-products .mainMenu:before{
	content: "";
	display: block;
	position: absolute;
	top: -2.5rem;
	bottom: -2.5rem;
	width: 100%;
	background-color: transparent;
	transition: background-color 0.2s linear;
}
.dir-products .basicTable__mds{
	flex: 0 0 20rem;
	text-align: center;
}
.dir-products .details > .container{
	padding-bottom: 8rem;
}
.dir-products .detailViewer__itemImg .sizeDes--y{
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}
.dir-products .width-weight{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.dir-products .weight{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
	font-size: 1.5rem;
	font-weight: 300;
	margin: 0.5rem 0 0;
}
.dir-products .weight > dt{
	font-size: 1.4rem;
}
.dir-products .weight > dt:after{
	content: ":";
}
.dir-products .weight > dd{
	margin: 0 0 0 0.5rem;
}
.dir-products .caseDetail{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: flex-end;
	align-items: flex-end;
	width: 100%;
	position: relative;
	padding: 8rem 0 8rem 3.4rem;
}
.dir-products .caseDetail__side{
	flex-shrink: 0;
	flex-grow: 0;
	flex-basis: calc((100% - 4rem)*0.8);
	position: relative;
	margin: 0;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../img/products/case-dammy.png);
}
.dir-products .caseDetail__side:before{
	content: "";
	display: block;
	padding-top: 32%;
}

.dir-products .caseDetail__side .sizeDes--x{
	width: auto;
	position: absolute;
	bottom: -20px;
	left: 2%;
	right: 4%;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.dir-products .caseDetail__side .sizeDes--y{
	height: inherit;
	position: absolute;
	left: -10px;
	bottom: 10%;
	top: 36%;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}
.caseDetail__topTitle{
	display: table;
	font-size: 1.8rem;
	font-weight: 700;
	position: absolute;
	top: 0;
	left: 50%;
	margin-top: -10px;
	-webkit-transform: translate(-50%,-100%);
	transform: translate(-50%,-100%);
}
.dir-products .caseDetail__top{
	flex-shrink: 0;
	flex-grow: 0;
	flex-basis: calc((100% - 4rem)*0.2);
	position: relative;
	margin: 0;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}
.dir-products .caseDetail__top:before{
	content: "";
	display: block;
	padding-top: 103.7%;
}

.dir-products .caseDetail__top .sizeDes--x{
	width: auto;
	position: absolute;
	bottom: -20px;
	left: 2%;
	right: 4%;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.dir-products .btns{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}
.dir-products .btns > .btn + .btn{
	margin-left: 2rem;
}
.dir-products .bestBalance{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: flex-end;
	align-items: flex-end;
	width: 100%;
	height: 60vw;
	background-color: #DDD;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	position: relative;
}
.dir-products .bestBalance__img{
	margin: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
	background-image: url(/img/products/model1/bestbalance_181112.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
.dir-products .bestBalance__txt{
	position: relative;
	z-index: 1;
	width: 58rem;
	margin: 0 0 6rem;
}
.dir-products .bestBalance__subTitle{
	display: block;
	width: 32.65rem;
	overflow: hidden;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url(/img/products/mds-optimization.svg);
	margin: 0 0 3rem -0.1rem;
	line-height: 0;
	color: transparent;
}
.dir-products .bestBalance__subTitle:before{
	content: "";
	display: block;
	padding-top: 14.7058823529%;
}
.dir-products .bestBalance__txt .mds{
	font-size: 1.6rem;
}
.dir-products .detailViewer__explain01 .twoColumn__column{
	background-color: #DDD;
}
.dir-products .detailViewer__explain01 .twoColumn__column:before{
	content: "";
	display: block;
	padding-top: 100%;
}

.toShop{
	position: fixed;
	bottom: 4rem;
	left: 4rem;
	z-index: 1;
}
.toShop__contents{
	width: 0;
	height: 0;
	background-color: rgba(255,255,255,0.95);
	box-shadow: 0 0 50px 2px rgba(0,0,0,0.08);
}
.toShop__switch{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	width: 17rem;
	height: 5rem;
	border: none;
	background-color: #e84948;
	color: #FFF;
	position: absolute;
	bottom: 0;
	left: 0;
	transition-property: opacity, visibility;
}
.toShop__switch > p{
	line-height: 0;
	transition-property: opacity;
	transition-duration: 1s;
}
.toShop__switch > p:before{
	content: "";
	display: inline-block;
	width: 19px;
	height: 19px;
	background: url(/img/common/icon_shopingcart_white.svg) 50% 50% / cover no-repeat;
	margin-right: 5px;
	margin-bottom: -4px;
}
.toShop__switch:before{
	display: table;
	font-size: 1.3rem;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	color: transparent;
	transition-property: color;
	transition-duration: 1s;
}
.toShop__switch:hover{
	background-color: rgba(185, 185, 185, 0.95) !important;
}
.toShop__switch:hover > p{
	opacity: 0.1;
	transition-duration: 0.6s;
}

.toShop__switch:hover:before{
	color: #FFF;
	transition-duration: 0.6s;
}
.toShop:not(.is_soldout) .toShop__switch{
	cursor: pointer;
}
.toShop:not(.is_soldout) .toShop__switch:before{
	content: "購入する";
}
.toShop.is_soldout .toShop__switch{
	background-color: rgba(176, 176, 176, 0.8);
}
.toShop.is_soldout .toShop__switch:focus{
	outline: none;
}
.toShop.is_soldout .toShop__switch:before{
	content: "品切れ中です";
}
.toShop form[name=product_form]{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-between;
}
.toShop[aria-expanded = false]{
	right: 4rem;
	transition: left 0s 0.3s;
}
.toShop[aria-expanded = false] .toShop__contents{
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s, height 0s 0.3s, width 0s 0.3s;
}
.toShop[aria-expanded = false] .toShop__switch{
	opacity: 1;
	visibility: visible;
	transition-duration: 0.8s;
	transition-delay: 0.3s;
}
.toShop[aria-expanded = true]{
	right: 4rem;
}
.toShop[aria-expanded = true] .toShop__contents{
	opacity: 1;
	visibility: visible;
	height: 100%;
	width: 100%;
	transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, height 0s, width 0s;
}
.toShop[aria-expanded = true] .toShop__switch{
	opacity: 0;
	visibility: hidden;
	transition-duration: 0.3s;
}
.cartjs_box{
	width: 100%;
	margin: 0 auto !important;
	padding: 2rem 3rem !important;
}
.cartjs_cart_in:first-child{
	flex-basis: calc(100% - 27rem - 18rem - 3rem);
	flex-grow: 0;
	flex-shrink: 0;
	text-align: left !important;
	width: auto !important;
	margin: 0 !important;
	font-family: 'Noto Sans', Helvetica, Arial, "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;;
}
.cartjs_cart_in:first-child > strong{
	font-weight: 700 !important;
}
.cartjs_cart_in:not(:first-child){
	width: auto !important;
	margin: 0 !important;
	display: block;
	position: relative;
}
.cartjs_cart_in:not(:first-child):after{
	content: "";
	display: block;
	width: 0.9rem;
	height: 1.4rem;
	background: url(../img/common/btn-arrow_white.svg) 50% 50% / cover no-repeat;
	position: absolute;
	top: 50%;
	right: 1.1rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.cartjs_cart_in > input{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	width: 18rem !important;
	height: 4rem !important;
	text-align: center;
	background-color: #e84948 !important;
	color: #FFF !important;
	font-size: 1.4rem !important;
	letter-spacing: 0.05em;
	font-weight: bold;
	min-width: 13rem;
	border-radius: 0 !important;
	margin: 0 0 0 3rem !important;
	padding: 0 !important;
	position: relative;
}
.cartjs_btn{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem !important;
	border-radius: 0 !important;
	box-shadow: none !important;	
	background-color: #e84948 !important;
	text-shadow: none !important;
	border: none !important;
	background-image: none !important;
	width: 100% !important;
	height: 4rem !important;
	margin-top: 2rem !important;
}

.cartjs_product_table > table{
	width: 100% !important;
	margin: 0 !important;
}
.cartjs_product_table > table,
.cartjs_product_table > table *{
	display: block;
	padding: 0 !important;
}
.cartjs_product_table,
.cartjs_product_table table{
	width: 27rem;
}
.cartjs_product_table > table > tbody{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.cartjs_product_table > table > tbody > tr{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
.cartjs_product_table > table th{
	font-size: 1.4rem;
	font-weight: bold !important;

}
.cartjs_product_table > table td input{
	background-color: #f5f5f5;
	border: none;
	font-size: 1.2rem;
	padding: 0.4rem 0.5rem !important;
}
.cartjs_product_table > table td input:focus{
  outline: none;
  background-color: #ebebeb;
}
.cartjs_product_table > table td{
	margin-left: 1rem;
	font-weight: normal !important;
	font-size: 1.4rem !important;
}
.cartjs_product_info{
	display: none;
}
.dir-products .caseDetail{
	padding-top: 3rem;
	padding-bottom: 4rem;
}

@media screen and (min-width: 751px){
	.dir-products .mainMenu:hover:before{
		background-color: rgba(255,255,255,1);
		transition-duration: 0.1s;
	}
}
@media screen and (max-width: 750px) {
	.dir-products .basicTable__mds{
		flex: 0 0 20%;
		text-align: left;
	}
	.cartjs_cart_in:first-child{
		width: 100% !important;
	}
	.dir-products .btns{
		display: block;
	}
	.dir-products .btns > .btn + .btn{
		margin: 1rem 0 0;
	}
	.dir-products footer{
		padding-bottom: 8rem;
	}
	.toShop{
		bottom: 0;
		left: 0;
	}
	.toShop[aria-expanded = false],
	.toShop[aria-expanded = true]{
		right: 0;
	}
	.toShop__switch{
		width: 100%;
	}
	.toShop.is_soldout .toShop__switch{
		transition: background-color 0.3s; 
	}
	html.not_scrolled .toShop.is_soldout .toShop__switch{
		background-color: rgba(176, 176, 176, 1);
	}
	.cartjs_cart_in:first-child{
		width: auto !important;
		flex-basis: auto;
	}
	.cartjs_cart_in:not(:first-child){
		margin-top: 1rem !important;
	}
	.cartjs_cart_in:not(:first-child),
	.cartjs_cart_in:not(:first-child) > input{
		width: 100% !important;
		margin: 0!important;
	}
	.cartjs_cart_in:not(:nth-of-type(2)){
		margin-top: 2rem !important;
	}
	.cartjs_product_table,
	.cartjs_product_table table{
		width: 100%;
	}
	.dir-products .caseDetail{
		-moz-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		-ms-align-items: flex-start;
		align-items: flex-start;
		padding-left: 4.8rem;
	}

	.dir-products .caseDetail > *{
		flex-basis: auto !important;
	}
	.dir-products .caseDetail > *:not(:first-child){
		margin-top: 7rem;
	}
	.caseDetail__topTitle{
		font-size: 1.5rem;
		margin-top: -5px;
	}
	.sizeDes > span{
		font-size: 1.2rem;
	}
	.sizeDes--y > span{
		padding: 2px 0;
	}
	.sizeDes--x > span{
		padding: 0 2px;
	}
	.dir-products .caseDetail__side .sizeDes--y{
		left: -5px;
	}
	.dir-products .caseDetail__side .sizeDes--x,
	.dir-products .caseDetail__top .sizeDes--x{
		bottom: -5px;
	}
	.scrollSwitch{
		display: none;
	}
	.dir-products .bestBalance{
		height: auto;
		background-color: transparent;
	}
	.dir-products .bestBalance__subTitle{
		width: 23rem;
		max-width: 100%;
		margin-bottom: 1.7rem;
	}
	.dir-products .bestBalance__img{
		position: relative;
	}
	.dir-products .bestBalance__img:before{
		content: "";
		display: block;
		padding-top: 60%;
	}
	.dir-products .bestBalance__txt{
		width: 100%;
		margin-top: 2rem;
		margin-bottom: 0;
	}
	.dir-products .bestBalance__txt > .cap{
		margin-top: 0.8rem;
	}
	.dir-products .details > .container{
		padding-bottom: 5rem;
	}
}
@media screen and (max-width: 500px) {
	.dir-products .basicTable__mds{
		text-align: left;
	}
}
/*--------------------------------------------------------
/.dir-products */

/* .dir-products.page-model1
----------------------------------------------------------  */

/*.dir-products.page-model1 .toShop.is_soldout .toShop__switch:before{
	content: "2018年12月20日発売予定";
}*/
.dir-products.page-model1 .productTitle .en .main{
    width: 24.8rem;
    height: 5rem;
    background-image: url(/img/products/model1s/product-name.svg);
		background-size: auto;
	}

/*.dir-products.page-model1 #detail-guitar .detailViewer__itemImgCont{
	padding-bottom: 5rem;
	margin-bottom: 5rem;
}*/
.detailViewer__switch[aria-cotrols = detail-case]:before{
	background-image: url(../img/products/case-dammy.png);
}
.dir-products.page-model1 #photoViewer__img01 > figure{
	background-image: url(/img/products/model1/main01_181109.jpg);
	background-position: 40% 60%;
}
.dir-products.page-model1 #photoViewer__img02 > figure{
	background-image: url(/img/products/model1/main02_181112.jpg);
	background-position: 50% 50%;
}
.dir-products.page-model1 #photoViewer__img03 > figure{
	background-image: url(/img/products/model1/main03_181109.jpg);
	background-position: 50% 50%;
}

.dir-products.page-model1 #photoViewer__img04 > figure{
	background-image: url(/img/products/model1/main04_181109.jpg);
	background-position: 0% 50%;
}

.dir-products.page-model1 .dir-products .bestBalance{
	background-position: 30% 80%;
}
.dir-products.page-model1 .caseDetail__side .sizeDes--x{
	right: 0.8%;
	left: 1%;
}
.dir-products.page-model1 .caseDetail__side .sizeDes--y{
    bottom: 2%;
    top: 31%;
}
.dir-products.page-model1 .detailViewer__itemImg{
	background-image: url(/img/products/model1/detail_body_181112.png);
}
.dir-products.page-model1 .detailViewer__itemImg:before{
	padding-top: 38%;
}
.dir-products.page-model1 .caseDetail__side:before{
	padding-top: 25.8%;
}
.dir-products.page-model1 .caseDetail__side{
	flex-basis: calc((100% - 4rem)*0.855);
}
.dir-products.page-model1 .caseDetail__top{
	flex-basis: calc((100% - 4rem)*0.145);
}
.dir-products.page-model1 .detailViewer__point01{
	top: 46%;
	left: 98%;
}
.dir-products.page-model1 .detailViewer__point02{
	top: 63%;
	left: 88.7%;
}
.dir-products.page-model1 .detailViewer__point03{
	top: 50.4%;
	left: 27.3%;
}
.dir-products.page-model1 .detailViewer__point04{
	top: 79.6%;
	left: 31.4%;
}
.dir-products.page-model1 .detailViewer__point05{
	top: 50.4%;
	left: 49.4%;
}
.dir-products.page-model1 .detailViewer__point06{
	top: 36.4%;
	left: 20.6%;
}
.dir-products.page-model1 .detailViewer__point07{
	top: 69.5%;
	left: 19.1%;
}
.dir-products.page-model1 .detailViewer__point08{
	top: 50.4%;
	left: 12.5%;
}
@media screen and (min-height: 60vw) and (max-height: 70vw){
	.dir-products.page-model1 #photoViewer__img03 > figure{
		background-image: url(/img/products/model1/main03_181112_bitwide.jpg);
	}
}
@media screen and (max-height:60vw){
	.dir-products.page-model1 #photoViewer__img01 > figure{
		background-image: url(/img/products/model1/main01_181109_wide.jpg);
		background-position: 50% 50%;
	}
	.dir-products.page-model1 #photoViewer__img02 > figure{
		background-image: url(/img/products/model1/main02_181112_wide.jpg);
		background-position: 50% 50%;
	}
	.dir-products.page-model1 #photoViewer__img03 > figure{
		background-image: url(/img/products/model1/main03_181109_wide.jpg);
		background-position: 50% 50%;
	}
	.dir-products.page-model1 #photoViewer__img04 > figure{
		background-image: url(/img/products/model1/main04_181109_wide.jpg);
		background-position: 50% 50%;
	}
}
@media screen and (max-width: 750px) {
	.dir-products.page-model1 .caseDetail__side{
		width: 100%;
	}
	.dir-products.page-model1 .caseDetail__top{
		width: 16.9590643275%;
	}

	.dir-products.page-model1 .productTitle .en .main {
		width: 15.3rem;
		height: 3.1rem;
	}
	.dir-products.page-model1 .bestBalance__img{
		background-image: url(/img/products/model1/bestbalance_sp.jpg);
	}
}
@media screen and (max-width: 750px) and (orientation:portrait){
	.dir-products.page-model1 #photoViewer__img01 > figure{
		background-image: url(/img/products/model1/main01_181211_sp.jpg);
		background-position: 50% 50%;
	}
	.dir-products.page-model1 #photoViewer__img02 > figure{
		background-image: url(/img/products/model1/main02_181112_sp.jpg);
		background-position: 50% 50%;
	}
	.dir-products.page-model1 #photoViewer__img03 > figure{
		background-image: url(/img/products/model1/main03_181109_sp.jpg);
		background-position: 50% 50%;
	}
	.dir-products.page-model1 #photoViewer__img04 > figure{
		background-image: url(/img/products/model1/main04_181211_sp.jpg);
		background-position: 50% 50%;
	}
	.dir-products.page-model1 .detailViewer__point01{
		top: 46%;
		left: 98%;
	}
	.dir-products.page-model1 .detailViewer__point02{
		top: 64%;
    left: 88.7%;
	}
	.dir-products.page-model1 .detailViewer__point03{
		top: 50.4%;
		left: 27.3%;
	}
	.dir-products.page-model1 .detailViewer__point04{
		top: 79.6%;
    left: 31.4%;
	}
	.dir-products.page-model1 .detailViewer__point05{
		top: 50.4%;
		left: 49.4%;
	}
	.dir-products.page-model1 .detailViewer__point06{
		top: 36.4%;
		left: 20.6%;
	}
	.dir-products.page-model1 .detailViewer__point07{
		top: 69.5%;
		left: 19.1%;
	}
	.dir-products.page-model1 .detailViewer__point08{
		top: 50.4%;
		left: 12.5%;
	}
}
@media screen and (max-width: 750px) and (orientation:landscape){
	.dir-products.page-model1 #photoViewer__img01 > figure{
		background-image: url(/img/products/model1/main01_sp-wide.jpg);
		background-position: 50% 50%;
	}
	.dir-products.page-model1 #photoViewer__img02 > figure{
		background-image: url(/img/products/model1/main02_181112_sp.jpg);
		background-position: 50% 50%;
	}
	.dir-products.page-model1 #photoViewer__img03 > figure{
		background-image: url(/img/products/model1/main03_181109_sp.jpg);
		background-position: 50% 50%;
	}
	.dir-products.page-model1 #photoViewer__img04 > figure{
		background-image: url(/img/products/model1/main04_181109_sp.jpg);
		background-position: 50% 50%;
	}

	.dir-products.page-model1 .bestBalance__img{
		background-image: url(/img/products/model1/bestbalance_sp.jpg);
	}
}
/*--------------------------------------------------------
/.dir-products.page-model1 */

/* .dir-products.page-model2
----------------------------------------------------------  */

.dir-products.page-model2 .toShop.is_soldout .toShop__switch:before{
	content: "2019年6月発売予定";
}
.dir-products.page-model2 .productTitle .en .main{
    width: 25.2rem;
    height: 5rem;
    background-image: url(/img/products/model2/product-name.svg);
}

.dir-products .detailViewer__itemImg{
	background-image: url(../img/products/model2/detail_body.png);
}
.detailViewer__switch[aria-cotrols = detail-case]:before{
	background-image: url(../img/products/case-dammy.png);
}
.dir-products.page-model2 #photoViewer__img01 > figure{
	background-image: url(/img/products/model2/main01_181109.jpg);
	background-position: 40% 60%;
}
.dir-products.page-model2 #photoViewer__img02 > figure{
	background-image: url(/img/products/model2/main02_181109.jpg);
	background-position: 50% 50%;
}
.dir-products.page-model2 #photoViewer__img03 > figure{
	background-image: url(/img/products/model2/main03_181109.jpg);
	background-position: 40% 50%;
}

.dir-products.page-model2 #photoViewer__img04 > figure{
	background-image: url(/img/products/model2/main04_181109.jpg);
	background-position: 100% 50%;
}

.dir-products.page-model2 .bestBalance{
	background-position: 30% 80%;
}
.dir-products.page-model2 .bestBalance__img{
	background-image: url(/img/products/model2/bestbalance_181112.jpg);
}
.dir-products.page-model2 .detailViewer__itemImg:before{
	padding-top: 38%;
}
.dir-products.page-model2 .caseDetail__side .sizeDes--x{
    left: 0.3%;
    right: 0.7%;
}
.dir-products.page-model2 .caseDetail__side .sizeDes--y{
    bottom: 0%;
    top: 31%;
}
.dir-products.page-model2 .caseDetail__side:before{
	padding-top: 20.4%;
}
.dir-products.page-model2 .caseDetail__side{
	flex-basis: calc((100% - 4rem)*0.885);
}
.dir-products.page-model2 .caseDetail__top{
	flex-basis: calc((100% - 4rem)*0.115);
}
.dir-products.page-model2 .detailViewer__point01{
	top: 46%;
	left: 98%;
}
.dir-products.page-model2 .detailViewer__point02{
	top: 64%;
	left: 89%;
}
.dir-products.page-model2 .detailViewer__point03{
	top: 50.4%;
	left: 24.3%;
}
.dir-products.page-model2 .detailViewer__point04{
	top: 78.2%;
	left: 25.9%;
}
.dir-products.page-model2 .detailViewer__point05{
	top: 50.4%;
	left: 49.4%;
}
.dir-products.page-model2 .detailViewer__point06{
	top: 39.4%;
	left: 10.5%;
}
.dir-products.page-model2 .detailViewer__point07{
	top: 69.5%;
	left: 12.2%;
}
.dir-products.page-model2 .detailViewer__point08{
	top: 50.4%;
	left: 2.5%;
}
@media screen and (max-height: 60vw){
	.dir-products.page-model2 #photoViewer__img01 > figure{
		background-image: url(/img/products/model2/main01_181109_wide.jpg);
		background-position: 40% 60%;
	}
	.dir-products.page-model2 #photoViewer__img02 > figure{
		background-image: url(/img/products/model2/main02_181109_wide.jpg);
		background-position: 50% 50%;
	}
	.dir-products.page-model2 #photoViewer__img03 > figure{
		background-image: url(/img/products/model2/main03_181109_wide.jpg);
		background-position: 10% 50%;
	}

	.dir-products.page-model2 #photoViewer__img04 > figure{
		background-image: url(/img/products/model2/main04_181109_wide.jpg);
		background-position: 100% 50%;
	}
}
@media screen and (max-width: 750px) {
	.dir-products.page-model2 .caseDetail__side{
		width: 100%;	
	}
	.dir-products.page-model2 .caseDetail__top{
		width: 13%;	
	}
	.dir-products.page-model2 .productTitle .en .main {
		width: 15.6rem;
		height: 3.1rem;
	}
	.dir-products.page-model2 .bestBalance__img{
		background-image: url(/img/products/model2/bestbalance_sp.jpg);
	}
}

@media screen and (max-width: 750px) and (orientation:portrait){
	.dir-products.page-model2 #photoViewer__img01 > figure{
		background-image: url(/img/products/model2/main01_181211_sp.jpg);
		background-position: 50% 50%;
	}
	.dir-products.page-model2 #photoViewer__img02 > figure{
		background-image: url(/img/products/model2/main02_181109_sp.jpg);
		background-position: 50% 50%;
	}
	.dir-products.page-model2 #photoViewer__img03 > figure{
		background-image: url(/img/products/model2/main03_181109_sp.jpg);
		background-position: 50% 50%;
	}
	.dir-products.page-model2 #photoViewer__img04 > figure{
		background-image: url(/img/products/model2/main04_181211_sp.jpg);
		background-position: 50% 50%;
	}

	.dir-products.page-model2 .detailViewer__point01{
		top: 46%;
		left: 98%;
	}
	.dir-products.page-model2 .detailViewer__point02{
		top: 68%;
		left: 89%;
	}
	.dir-products.page-model2 .detailViewer__point03{
		top: 50.4%;
		left: 24.3%;
	}
	.dir-products.page-model2 .detailViewer__point04{
		top: 78.2%;
		left: 25.9%;
	}
	.dir-products.page-model2 .detailViewer__point05{
		top: 50.4%;
		left: 49.4%;
	}
	.dir-products.page-model2 .detailViewer__point06{
		top: 39.4%;
		left: 10.5%;
	}
	.dir-products.page-model2 .detailViewer__point07{
		top: 69.5%;
		left: 12.2%;
	}
	.dir-products.page-model2 .detailViewer__point08{
		top: 50.4%;
		left: 2.5%;
	}
}
/*--------------------------------------------------------
/.dir-products.page-model2 */


/* .dir-contact
----------------------------------------------------------  */
.dir-contact .pageIntro__imgArea{
	background-image: url(/img/contact/introimg.jpg);
	background-position: 0% 50%;
}
.dir-contact .mailform-section .container{
	max-width: 100rem;
	padding: 0 6rem 8rem;
}
.dir-contact .pageIntro .container{
	max-width: 100rem;
}
.dir-contact .pageIntro .titles__title{
	min-width: 22rem;
}
.dir-contact.page-thanks .thanks{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	min-height: calc(100vh - 54rem);
	text-align: center;
}

.dir-contact.page-thanks .thanks .btn{
	margin-top: 4rem;
}
@media screen and (max-width: 750px){
	.dir-contact .pageIntro__imgArea{
		background-image: url(/img/contact/introimg_sp.jpg);
		background-position: 20% 50%;
	}
	.dir-contact .mailform-section .container{
		padding: 0 0 5rem;
	}
	.dir-contact.page-thanks .thanks{
		min-height: inherit;
		text-align: left;
	}
	.dir-contact.page-thanks .thanks br{
		display: none;
	}
	.dir-contact.page-thanks .thanks .btn{
		margin-top: 2rem;
	}
}
/*--------------------------------------------------------
/.dir-contact */


/* .dir-blog
==========================================================  */
.dir-blog .pageIntro__imgArea{
	background-image: url(/img/blog/introimg.jpg);
	background-position: 50% 45%;
}
.blogCont{
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: auto;
	-ms-grid-columns: 27rem 6rem 1fr;
	    grid-template: auto / 27rem 6rem 1fr;
	max-width: 100rem;
	position: relative;
}
.blogNav{
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
}
.blogArticle{
	-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	grid-column: 3 / 4;
}
@media screen and (min-width: 1001px){
	.blogNav__viewmore{
		display: none;
	}
}
@media screen and (max-width: 1000px) {
	.blogCont{
		width: 100%;
		-ms-grid-rows: auto;
		-ms-grid-columns: 3rem 1.5rem 1fr 5%;
		    grid-template: auto / 3rem 1.5rem 1fr 5%;
	}
	.blogNav{
		position: fixed;
		left: 0;
		z-index: 1;
	}
	.blogNav{
		grid-column: unset;
/*		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
*/	}
	.blogArticle{
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
		grid-column: 3 / 4;
	}
}

@media screen and (max-width: 750px){
	.dir-blog .pageIntro__imgArea{
		background-image: url(/img/blog/introimg_sp.jpg);
	}
}
/* .blogNav
----------------------------------------------------------  */

.blogNav{
	width: 27rem;
	background-color: #fff;
}
.blogNav__title{
	font-size: 2.5rem;
	line-height: 1;
	font-family:'Camphor W01', sans-serif;
	font-weight: 700;
	color: #e84948;
	border-bottom: 2px solid #e84948;
	margin: 0 0 0;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.blogNav__cont,
.blogNav__postCont{
	list-style: none;
}
.blogNav a{
	color: #000;
	text-decoration: none;
}
.blogNav__categoryWrap{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom: 2px solid #000;
}
.blogNav__category{
	font-family:'Camphor W01', sans-serif;
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 0.1rem;
}
.blogNav__categoryDesc{
	flex: 0 0 100%;
	font-size: 1.3rem;
	line-height: 1.5;
	margin: 0;
}
.blogNav__categoryCont{
	flex-basis: calc(100% - 2.5rem);
	flex-grow: 1;
	flex-shrink: 0;
	display: block;
	padding: 1.5rem 0;
}
.blogNav__viewmore{
	flex: 0 0 2.5rem;
	max-width: 2.5rem;
	padding: 0;
	border: none;
	position: relative;
	background-color: transparent;
	cursor: pointer;
}
.blogNav__viewmore:focus{
	outline: none;
}
.blogNav__viewmore:before,
.blogNav__viewmore:after{
	content: "";
	display: block;
	width: 1.1rem;
	height: 2px;
	background-color: #e84948;
	position: absolute;
	top: 50%;
	left: 50%;
}
.blogNav__viewmore:before{
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.blogNav__viewmore:after{
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
}
.blogNav__viewmore[aria-expanded = true]:after{
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.blogNav__postCont{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-moz-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: center;
	align-items: center;
	justify-content: flex-start;
	background-color: #f4f4f4;
	overflow: hidden;
	transition-property: height;
}
.blogNav__post{
	width: 100%;
	transition-property: opacity, visibility;
}
.blogNav__post > a{
	display: block;
	padding: 1.5rem 1rem;
	position: relative;
}
.blogNav__post > a:after{
	content: "";
	display: block;
	width: 0.6rem;
	height: 0.8rem;
	position: absolute;
	right: 1.5rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(/img/blog/postlist-arrow.svg) 50% 50% /cover no-repeat;
}
.blogNav__post + .blogNav__post > a:before{
	content: "";
	display: block;
	width: calc(100% - 2rem);
	height: 2px;
	background-image: linear-gradient(90deg, #000 0, #000 2px, transparent 2px, transparent 4px);
	background-size: 4px 100%;
	background-repeat: repeat-x;
	position: absolute;
	top: 0;
	left: 1rem;
}

.blogNav__postCont[aria-hidden = true]{
	transition-duration: 0.25s;
	transition-delay: 0.1s;
}
.blogNav__postCont[aria-hidden = true] .blogNav__post{
	opacity: 0;
	visibility: hidden;
	transition-duration: 0.1s;
}
.blogNav__postCont[aria-hidden = false]{
	transition-duration: 0.3s;
}
.blogNav__postCont[aria-hidden = false] .blogNav__post{
	opacity: 1;
	visibility: visible;
	transition-duration: 0.5s;
	transition-delay: 0.3s;
}
.blogNav__switch{
	display: none;
}
.blogNav__post--viewmore > a{
	background-color: #d9d9d9;
}
@media screen and (max-width: 1000px) {
	.blogNav{
		background-color: #F7F7F7;
		height: 100%;
		max-width: 100%;
		transition-property: -webkit-transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
	}
	.blogNav__title{
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		height: 6rem;
		padding: 0 1rem;
	}
	.blogNav__cont{
		width: calc(100% - 2rem);
		margin: auto;
		max-height: calc(100% - 6rem);
		overflow-y: scroll;
	}
	.blogNav__switch{
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: space-between;
		padding: 0 1.5rem;
		height: 3rem;
		width: 12rem;
		font-size: 1.2rem;
		letter-spacing: 0.05em;
		font-weight: 700;
		line-height: 1;
		background-color: #787878;
		border: none;
		color: #FFF;
		position: absolute;
		right: 0;
		top: 0;
		-webkit-transform-origin: 0 0%;
		transform-origin: 0 0%;
		-webkit-transform: translateX(100%) rotate(90deg) translateY(-100%);
		transform: translateX(100%) rotate(90deg) translateY(-100%);
		cursor: pointer;
	}
	.blogNav__switch:focus{
		outline: none;
	}
	.blogNav__switch > p{
		margin: 0;
	}
	.blogNav__switch > div{
		width: 1rem;
		height: 1rem;
		position: relative;
		margin-left: 0.5rem;
	}
	.blogNav__switch > div:before,
	.blogNav__switch > div:after{
		content: "";
		display: block;
		width: 1rem;
		height: 2px;
		background-color: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
	}
	.blogNav__switch > div:before{
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.blogNav__switch > div:after{
		-webkit-transform: translate(-50%, -50%) rotate(90deg);
		transform: translate(-50%, -50%) rotate(90deg);
	}
	.blogNav__item:last-child{
		padding-bottom: 3rem;
	}
	.blogNav__item:last-child .blogNav__categoryWrap{
		border-bottom: none;
	}
	.blogNav[aria-expanded = false]{
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		transition-duration: 0.5s;
	}
	.blogNav[aria-expanded = true]{
		-webkit-transform: translateX(-0%);
		transform: translateX(-0%);
		transition-duration: 0.3s;
	}

	.blogNav[aria-expanded = true] .blogNav__switch > div:after{
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg);
	}
}

/*--------------------------------------------------------
/.blogNav */

/* .blogArticle
----------------------------------------------------------  */
.blogArticle__titleArea{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-align-items: center;
	align-items: center;
	margin-bottom: 4rem;
}
.blogArticle__category{
	flex: 0 0 auto;
	font-family:'Camphor W01', sans-serif;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
	margin: 0;
	margin-right: 1rem;
	background-color: #e84948;
	color: #FFF;
	padding: 0.9rem 1.4rem 0.9rem;
}
.blogArticle__title{
	flex: 0 0 100%;
	margin: 1rem 0 0;
	font-size: 2.4rem;
	line-height: 1.3;
	border-bottom: 2px solid #000;
	padding-bottom: 0.7rem;
}
.blogArticle__nopost{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: #F7F7f7;
}
.blogArticle__nopost > p{
	font-size: 1.6rem;
	line-height: 1.5;
}
/*--------------------------------------------------------
/.blogArticle */

/* .tsumiki
----------------------------------------------------------  */
.tsumiki > *{
	margin: 0 0 2rem;
}
.tsumiki__fullWImg{
	display: block;
	width: 100%;
	margin-bottom: 3.5rem;
}
.tsumiki__mds{
	font-size: 1.9rem;
	font-weight: 700;
	line-height: 1.5;
}
.tsumiki__smallMds{
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 0.5rem;
}
.tsumiki__cap{
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.8;
}
.tsumiki__note{
	font-size: 1.4rem;
	line-height: 1.5;
	color: #999;
	text-indent: -0.8em;
	padding-left: 0.8em;
}
.tsumiki__note:before{
	content: "※";
	margin-right: 0.2em;
}
.tsumiki__note + .tsumiki__note{
	margin-top: -1.5rem;
}
.tsumiki__twoColumns{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: flex-start;
	align-items: flex-start;
}
.tsumiki__twoColumns > *{
	flex-basis: calc((100% - 2rem)/2);
	flex-shrink: 0;
	flex-grow: 0;
}
.tsumiki__twoColumns > p{
	-ms-align-self: flex-start;
	align-self: flex-start;
	margin: 0;
}
.tsumiki__twoColumns > div > img{
	display: block;
	width: 100%;
}
.tsumiki__twoColumns.is_reverse{
	-moz-flex-direction: row-reverse;
	-o-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.tsumiki__link{
	display: table;
	text-align: center;
	color: #000;
	text-decoration: none;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.3;
	min-width: 20rem;
	padding: 1.3rem 2rem 1.1rem;
	border: 2px solid #e35151;
	position: relative;
	margin-bottom: 3rem;
}
.tsumiki__qa{
	display: block;
}
.tsumiki__qa + .tsumiki__qa{
	margin-top: -1.8rem;
}
.tsumiki__qa > dt{
	display: block;
	width: 100%;
	position: relative;
}
.tsumiki__qa > dt > button{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: flex-start;
	align-items: flex-start;
	border: none;
	background-color: #ebebeb;
	width: 100%;
	text-align: justify;
	font-size: 1.4rem;
	line-height: 1.5;
	padding: 2rem;
	padding-right: 5rem;
	cursor: pointer;
}
.tsumiki__qa > dt > button:focus{
	outline: none;
}
.tsumiki__qa > dt > button:before{
	content: "Q.";
}
.tsumiki__qa > dd > p:before{
	content: "A.";
}
.tsumiki__qa > dt > button:before,
.tsumiki__qa > dd > p:before{
	font-family: 'Camphor W01', sans-serif;
	font-weight: 700;
	font-size: 2.2rem;
	display: block;
	flex: 0 0 auto;
	line-height: 1;
	margin-right: 1.5rem;
	margin-top: -0.1rem;
}

.tsumiki__qa > dd{
	margin: 0;
}
.tsumiki__qa > dd > p{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: flex-start;
	align-items: flex-start;
	margin: 0;
	background-color: #f7f7f7;
	padding: 2rem;
}
.tsumiki__qa > dd > p{
	margin: 0;
	font-size: 1.4rem;
	text-align: justify;
	line-height: 1.5;
}

.tsumiki__qa > dt:before,
.tsumiki__qa > dt:after{
	content: "";
	display: block;
	width: 1rem;
	height: 2px;
	background-color: #000;
	position: absolute;
	top: 3rem;
	right: 3rem;
}
.tsumiki__qa > dt:before{
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
}
.tsumiki__qa > dt:after{
	-webkit-transform: translate(50%, -50%) rotate(90deg);
	transform: translate(50%, -50%) rotate(90deg);
	transition-property: -webkit-transform,transform;
	transition-duration: 0.5s;
}
.tsumiki__qa.is_opened > dt:after{
	-webkit-transform: translate(50%, -50%) rotate(0deg);
	transform: translate(50%, -50%) rotate(0deg);
	transition-duration: 0.3s;
}
@media screen and (max-width: 750px) {
	.tsumiki__twoColumns{
		display: block;
	}
	.tsumiki__twoColumns > *:not(:first-child){
		margin-top: 1rem;
	}
	.tsumiki__qa > dt > button,
	.tsumiki__qa > dd > p{
		display: block;
	}
	.tsumiki__qa > dd > p:before{
		margin-bottom: 1rem;
		margin-top: 0;
	}
	.tsumiki__qa > dt > button:before{
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		margin: -2rem -2rem 0rem;
		height: 5rem;
		padding-top: 0.4rem;
		padding-left: 2rem;
	}
	.tsumiki__qa > dt > button{
		padding: 2rem;
	}
	.tsumiki__qa > dt:before,
	.tsumiki__qa > dt:after{
		top: 2.7rem;
		right: 2.5rem;
	}
	.tsumiki__link{
		width: 100%;
	}
}
/*--------------------------------------------------------
/.tsumiki */

/* .postList
----------------------------------------------------------  */

.postList__item{
	list-style: none;
}
.postList__item > a{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-align-items: center;
	align-items: center;
	text-decoration: none;
	color: #000;
	position: relative;
	padding: 2.2rem 0;
}
.postList__item > a:before{
	content: "";
	width: 100%;
	height: 1px;
	background-image: linear-gradient(90deg, #000 0, #000 1px, transparent 1px, transparent 3px);
	background-size: 3px 100%;
	background-repeat: repeat-x;
	position: absolute;
	top: 0;
	left: 0;
}
.postList__item > a:after{
	content: "";
	display: block;
	width: 0.8rem;
	height: 1.3rem;
	background: url(/img/blog/postlist-arrow.svg) 50% 50% / cover no-repeat;
	position: absolute;
	right: 0.5rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.postList__item:last-child{
	border-bottom: 2px solid #000;
}
.postList__category{
	flex: 0 0 auto;
	font-family:'Camphor W01', sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	margin: 0;
	margin-right: 1rem;
	background-color: #e84948;
	color: #FFF;
	padding: 0.8rem 0.9rem 0.6rem;
}
.postList__title{
	flex: 0 0 100%;
	margin: 0.9rem 0 0;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.3;
}

/*--------------------------------------------------------
/.postList */

.categoryTitle{
	font-size: 2.5rem;
    line-height: 1;
    font-family: 'Camphor W01', sans-serif;
    font-weight: 700;
	margin: 0;
	border-bottom: 2px solid #000;
    margin: 0 0 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.categoryCap{
	font-size: 1.5rem;
	line-height: 1.5;
	margin-bottom: 4rem;
}

.postList + .pager{
	margin-top: 3rem;
}
.pager{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	list-style: none;
}
.pager > li + li{
	margin-left: 1rem;
}
.pager > li > a,
.pager > li > span{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	width: 4rem;
	height: 4rem;
	background-color: #f4f4f4;
	color: #4d4d4d;
	text-decoration: none;
    font-family: 'Camphor W01', sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
}
.pager > li > .curpage{
	color: #FFF;
	background-color: #808080;
}
/*========================================================
/.dir-blog */