@charset "utf-8";

/*-------------------
base.css
-------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; outline: 0;}
img { margin: 0; padding: 0; border: 0; line-height:0; font-size:0; vertical-align:top;}
html { width:100%; height: 100%;}
ul, li { list-style: none;}
p, th, td, dd { font-style:normal; font-weight:0; word-break: break-all;}
dd { word-break: break-all;}
a { margin: 0; padding: 0; border: 0;}
table { border-collapse: collapse; border-spacing: 0;}

/*
.fadeIn{
    -webkit-animation: fadeIn 0.5s linear 0s;
    animation: fadeIn 0.5s linear 0s;
}

@-webkit-keyframes fadeIn {
    0%{
        opacity:0;
    }
    75%{
        opacity:0.5;
    }
    100% {
        opacity:1;
    }
}

.fade-up {
    opacity: 0;
    -webkit-transition: opacity 0.7s;
    transition: opacity 0.7s;
    -webkit-transition: transform 0.7s;
    transition: transform 0.7s;
}

@-webkit-keyframes fade-up {
    0%{
        opacity:0;
    }
    75%{
        opacity:0.5;
    }
    100% {
        opacity:1;
    }
}
*/

.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
}


#wrap { font-family:"Yu Gothic", "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-color:#fff;}

@media screen and (min-width : 769px){
 
	/*layout style*/
	.pc{ display: block; }
	.sp{ display: none; }

	/*-------------------
	HEADER
	-------------------*/

	/*-------------------
	共通
	-------------------*/

	#wrap a:hover{
		opacity: 0.6;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		transition: all .3s;
		text-decoration: none;
	}


	/*-------------------
	CONTENTS
	-------------------*/

	#wrap {
		position: relative;
		width:100%;
		overflow:hidden;
		padding: 77px 0 100px 0;
		border-style: solid;
		border-width: 0 0 1px 0;
		border-color: #e5eaee;
		font-size: 15px;
	}

	.inner{width: 950px; margin:0 auto; overflow: hidden;}

	.main {
		}
	.main .inner{
		width: auto;
		overflow: visible;
		background-image: url(../img/main_bg.jpg);background-repeat: repeat-x;background-position: 50% 0;background-size: auto auto;
		}
	
	.main div.imgwrap{
		position: relative;
		width: 950px;
		/*height: 600px;*/
		height: 590px;
		margin: 0 auto 0 auto;
		}
	.main div.imgwrap h2{
		font-size: 0;
		}
	.main div.imgwrap p.obj{
		position: absolute;left: 0;top: 0;
		width: 200px;
		height: 100px;
		background-repeat: no-repeat;background-position: 0 0;background-size: auto auto;
		}
	.main div.imgwrap p.obj span{
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		
		-webkit-transition-property: opacity,top,left;transition-property: opacity,top,left;
}
	.main div.imgwrap p.obj.n1{
		left: 0;top: 40px;
		width: 252px;
		height: 505px;
		z-index: 1;
		}
	.main div.imgwrap p.obj.n1 span{
		background-image: url(../img/main_obj_01.png);
		opacity: 0;
		-webkit-transition-duration: 0.4s;transition-duration: 0.4s;
		}
	.main div.imgwrap p.obj.n1.appear span{
		opacity: 1;
		}
	.main div.imgwrap p.obj.n2{
		left: 336px;top: 244px;
		width: 634px;
		height: 322px;
		}
	.main div.imgwrap p.obj.n2 span{
		background-image: url(../img/main_obj_02.png);
		opacity: 0;
		-webkit-transition-delay: 0.3s;transition-delay: 0.3s;
		-webkit-transition-duration: 0.4s;transition-duration: 0.4s;
		}
	.main div.imgwrap p.obj.n2.appear span{
		opacity: 1;
		}
	.main div.imgwrap p.obj.n3{
		left: 370px;top: 118px;
		width: 580px;
		height: 86px;
		}
	.main div.imgwrap p.obj.n3 span{
		left: 1000px;top: 0;
		background-image: url(../img/main_obj_03.png);
		opacity: 0;
		-webkit-transition-duration: 0.8s;transition-duration: 0.8s;
		}
	.main div.imgwrap p.obj.n3.appear span{
		left: 0;top: 0;
		opacity: 1;
		}
	.main div.imgwrap p.obj.n4{
		left: 370px;top: 207px;
		width: 396px;
		height: 82px;
		}
	.main div.imgwrap p.obj.n4 span{
		left: 1000px;top: 0;
		background-image: url(../img/main_obj_04.png);
		opacity: 0;
		-webkit-transition-duration: 0.9s;transition-duration: 0.9s;
		}
	.main div.imgwrap p.obj.n4.appear span{
		left: 0;top: 0;
		opacity: 1;
		}
	


	/* news */
	.news{
		width: 100%;
		background: #ffffff;
		overflow: hidden;
		border-bottom: 2px solid #eeeeee;
	}
	.news .inner{
		margin: 20px auto 20px auto;
		text-align: left;
	}
	.news .inner div.ttl{
		display: inline-block;
		vertical-align: top;
		width: 108px;
	}
	.news .inner div.txt{
		display: inline-block;
		vertical-align: top;
		color: #000000;
		width: 800px;
		margin: 0 0 0 10px;
	}
	.news .inner div.txt a{
		color: #000000;
		text-decoration: underline;
	}




	/* movie */
	.movie {
		padding: 80px 0 120px 0;
		text-align: center;
		background-color: #ffedf4;
	}
	.movie .inner{
	}
	.movie h2{
		display: inline-block;
		vertical-align: top;
		width: 250px;
		margin: 0 0 50px 0;
	}

	.movie .movie-outer{
		margin: 0 auto;
		text-align: center;
		width: 80%;
		max-width: 760px;
	}
	.movie .movie-outer .movie-inner{
		position: relative;
		padding-top: 56.25%;
	}

	.movie .movie-outer .movie-inner iframe{
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}


	/* concept */
	.concept {
		padding: 200px 0 70px 0;
		margin: -100px 0 0 0;
		text-align: center;
	}
	.concept .inner{
	}
	.concept h2{
		display: inline-block;
		vertical-align: top;
		width: 250px;
		margin: 0 0 50px 0;
	}

	.concept div.container.n1{
		background-color: #ffffff;
		position: relative;
	}
	.concept div.container.n1::before {
		content: "";
		position: absolute;
		bottom: -100px; left: 0; right: 0;
		margin: auto;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 100px 50vw 0 50vw;
		border-color: #ffffff transparent transparent transparent;
		z-index: 0;
	}

	.concept div.container.n1 h3{
		margin: 0 0 60px 0;
	}
	.concept div.container.n1 h3 img{
		width: 513px;
	}
	.concept div.container.n1 img.pc{
		margin: 0 auto;
	}

	.concept div.container.n1 p.conceptTxt{
		color: #000000;
		font-size: 22px;
		font-weight: 600;
		margin: 60px 0 70px 0;
	}


	.concept div.container.n2{
		background: url(../img/concept_bg.jpg) no-repeat bottom center,#e2007d;
		background-size: contain;
		height: 1196px;
		box-sizing: border-box;
		padding: 280px 0 0 0;
	}

	.concept div.container.n2 p.conceptTxt{
		color: #ffffff;
		font-size: 20px;
		font-weight: 500;
		margin: 10px 0 -10px 0;
	}

	.concept div.container.n2 img.pc{
		margin: 0 auto;
	}




	/* product */
	.product {
		padding: 100px 0 100px 0;
		margin: -100px 0 0 0;
	}
	.product .inner{
		text-align: center;
		padding: 0 0 100px 0;
	}
	.product .inner h2{
		display: inline-block;
		vertical-align: top;
		margin: 0 0 50px 0;
		width: 250px;
	}
	.product .inner p.lead{
		font-size: 22px;
		font-weight: bold;
		margin: 0 0 32px 0;
	}

	.product .inner ul.anchorBtn{
		font-size: 0;
		margin: 0 0 32px 0;
	}
	.product .inner ul.anchorBtn li{
		display: inline-block;
		vertical-align: top;
		width: 435px;
	}
	.product .inner ul.anchorBtn li:nth-of-type(2){
		margin: 0 0 0 20px;
	}
	.product .inner ul.anchorBtn li:hover{
		opacity: 0.6;
		-webkit-transition: all .3s;
		transition: all .3s;
	}



	.product .inner div.each{
		padding: 160px 0 80px 0;
		margin: -100px auto 40px auto;
		width: 890px;
		box-sizing: border-box;
		border-bottom: 2px solid #eeeeee;
	}
	.product .inner div.each:nth-of-type(n+2){
		/*border-top: 2px solid #eeeeee;*/
	}


	.product .inner div.each p.productImg{
		display: inline-block;
		vertical-align: top;
		width: 239px;
	}
	.product .inner div.each div.unity{
		display: inline-block;
		vertical-align: top;
		width: 550px;
		margin: 0 0 0 20px;
		text-align: left;
		position: relative;
	}

	.product .inner div.each.shimiaceAx div.unity p.productLead{
		margin: 0 0 20px 0;
		width: 479px;
	}
	.product .inner div.each.shimiaceAxPremium div.unity p.productLead{
		margin: 0 0 20px 0;
		width: 404px;
	}
	.product .inner div.each.shimiaceAx div.unity p.productLogo{
		margin: 0 0 20px 0;
		width: 402px;
	}
	.product .inner div.each.shimiaceAxPremium div.unity p.productLogo{
		margin: 0 0 20px 0;
		width: 426px;
	}
	.product .inner div.each div.unity p.productTxt{
		line-height: 1.6rem;
	}
	.product .inner div.each div.unity p.productComment{
		position: absolute;
		top: -128px; right: -68px;
		width: 192px;
	}


	.product .inner div.each div.unity ul.list{
		margin:20px 0 0 0;
		font-size: 12px;
	}
	.product .inner div.each div.unity ul.list li{
		margin:0 0 2px 0;
		letter-spacing: -1px;
		}
		.product .inner div.each.shimiaceAxPremium div.unity ul.list li{
			display: inline-block;
			vertical-align: top;
		}
		.product .inner div.each.shimiaceAxPremium div.unity ul.list li:nth-of-type(odd){
			width: 160px;
		}
		.product .inner div.each.shimiaceAxPremium div.unity ul.list li:nth-of-type(even){
			width: 385px;
		}
	.product .inner div.each div.unity ul.list li span.supText {
		font-size: 75.5%;
		vertical-align: top;
		position: relative;
		top: -0.1em;
	}

	.product .inner div.each div.unity p.notice{
		margin: 20px 0 0 0;
		font-size: 12px;
	}

	/* Amazon */
	.product .inner div.each div.purchase{
		font-size: 0;
		text-align: center;
		margin: 70px 0 0 0;
	}

	.product .inner div.each div.purchase p.ttl{
		text-align: center;
		margin: 0 0 20px 0;
	}
	.product .inner div.each div.purchase p.ttl img{
		display: inline-block;
		vertical-align: top;
		width: 175px;
	}
	.product .inner div.each div.purchase div.amazon{
		display: inline-block;
		vertical-align: top;
		width: 360px;
		margin: 0 0 0 15px;
	}
	.product .inner div.each div.purchase div.amazon p.btn{
	}
	.product .inner div.each div.purchase div.amazon p.btn a{
		display: inline-block;
		vertical-align: top;
		width: 360px;
	}
	.product .inner div.each div.purchase div.amazon p.txt{
		font-size: 12px;
		margin: 10px 0 0 0;
	}



	.product .inner div.flow p.flowTtl{
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		margin:0 20px 0 0;
		width: 258px;
	}
	.product .inner div.flow ul{
		display: inline-block;
		vertical-align: middle;
		margin: 0 0 10px 0;
	}

	.product .inner div.flow ul li{
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		margin:0 20px 0 0;
	}

	.product .inner p.flowTxt{
		width: 912px;
		margin: 0 auto;
		line-height: 2rem;
		text-align: left;
		font-weight: bold;
		/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
		}
	.product .inner p.flowTxt span{
		color: #e3007c;
		border-style: solid;
		border-width: 0 0 1px 0;
		border-color: #e3007c;
	}

	/* about */
	.about {
		padding: 100px 0 120px 0;
		margin: -100px 0 0 0;
		background: url(../img/about_bg.png) repeat top center,#e2007d;
	}
	.about .inner{
		text-align: center;
	}
	.about .inner h2{
		display: inline-block;
		vertical-align: top;
		width: 250px;
		margin: 0 0 30px 0;
	}

	.about .inner div.each{
		overflow: hidden;
		display: inline-block;
		background-color: #fafafa;
		}
		.about .inner div.each:nth-of-type(n+2){
			margin: 30px 0 0 0;
		}
	.about .inner div.each div.unity{
		width: 475px;
		float: left;
	}
	.about .inner div.each p.aboutImg{
		width: 475px;
		float: left;
		margin: 0 0 0 -1px;
	}

	.about .inner div.each div.unity p.aboutTtl{
		text-align: center;
		width: 475px;
		box-sizing: border-box;
		font-size: 22px;
		font-weight: bold;
		padding: 50px 0 0 48px;
	}
	.about .inner div.each div.unity p.aboutTxt{
		text-align: left;
		line-height: 1.7rem;
		font-size: 17px;
		width: 460px;
		height: 231px;
		padding: 35px 44px 0 48px;
		box-sizing: border-box;
	}


	/* column */
	.column {
		padding: 170px 0 60px 0 ;
		margin: -70px 0 0 0;
	}
	.column .inner{
		text-align: center;
		padding: 0 0 100px 0;
	}
	.column .inner h2{
		display: inline-block;
		vertical-align: top;
		margin: 0 0 58px 0;
		width: 250px;
	}
	.column .inner ul{
		text-align: left;
	}
	.column .inner ul li.each{
		width: 276px;
		margin: 0 0 0 4px;
		display: inline-block;
		vertical-align: top;
		background-color: #ffffff;
		box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.6);
		position: relative;
		}
		.column .inner ul li.each:nth-of-type(n+2){
			margin: 0 0 0 53px;
		}
		.column .inner ul li.each:nth-of-type(3n+1){
			margin-left: 0px;
		}
		.column .inner ul li.each:nth-of-type(n+4){
			margin-top: 60px;
		}
		.column .inner ul li.each.new::after{
			content: '';
			display: inline-block;
			vertical-align: top;
			font-size: 0;
			width: 68px;
			height: 68px;
			background-image: url(../img/new_icon.png);background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;
			position: absolute;
			top: 0; left: 0;
		}
	.column .inner ul li.each div.thumnail{
		display: inline-block;
		vertical-align: top;
		font-size: 0;
		width: 276px;
	}
	.column .inner ul li.each div.unity{
		padding: 20px;
		text-align: left;
		position: relative;
		/*height: 188px;*/
		height: 210px;
	}
	.column .inner ul li.each div.unity h3{
		color: #e3007c;
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 15px 0;
	}
	.column .inner ul li.each div.unity p.txt{
		margin: 0 0 20px 0;
		font-size: 15px;
	}
	.column .inner ul li.each div.unity p.link{
		position: absolute;
		bottom: 20px; left: 0; right: 0;
		margin: 0 auto;
		text-align: center;
	}
	.column .inner ul li.each div.unity p.link a{
		display: inline-block;
		vertical-align: top;
		font-size: 0;
		width: 236px;
		height: 25px;
		background-image: url(../img/column_link.jpg);background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;
	}


	/* FAQ */
	.faq{
		padding: 100px 0 100px 0;
		margin: -100px 0 0 0;
		background: #ffffff;
	}
	.faq .inner{
		padding: 0 0 100px 0;
		text-align: center;
	}
	.faq .inner h2{
		display: inline-block;
		vertical-align: top;
		width: 250px;
	}
	.faq .inner .faqSection{
		margin: 40px 0 0 0;
	}

	.faq .inner .faqSection p{
		padding: 0 0 2px 0;
	}

	.faq .inner .faqSection  dl.faqInrBox{
		margin: 0 auto 18px auto;
		width: 852px;
		text-align: left;
	}

	.faq .inner .faqSection dl.faqInrBox dt {
	    background: url("../img/faq_open.png") no-repeat scroll 0 0;
		color: #e3007c;
		cursor: pointer;
		font-size: 18px;
		height: 60px;
		padding: 15px 0 0 0;
		text-align: left;
		font-weight: bold;
		overflow: hidden;
	    /*border-bottom: 1px solid #e9e9e9;*/
	}
	.faq .inner .faqSection dl.faqInrBox dt img {
		float: left;
		margin: -15px 10px 0 0;
		width: 60px;
	}

	.faq .inner .faqSection  dl.faqInrBox dt.open{
	    background: url("../img/faq_close.png") no-repeat scroll 0 0;
	}

	.faq .inner .faqSection  dl.faqInrBox dd{
		display:none;
	}

	.faq .inner .faqSection  dl.faqInrBox dd{
		overflow: hidden;
		padding: 0 0 24px 0;
		font-size: 14px;
	}

	.faq .inner .faqSection  dl.faqInrBox dd span.answer {
	    display: block;
	    float: left;
	    text-align: left;
		color: #030303;
	    line-height: 1.6em;
	}


	/* sns */
	.sns {
		background: #ffffff;
	}
	.sns .inner{
		text-align: center;
		padding: 50px 0 50px 0;
	}
	.sns .inner a{
		display: inline-block;
		width: 50px;
	}
	.sns .inner a:nth-of-type(1){
		margin:0 50px 0 0;
	}

	/* toTop */
	.toTop {
		background: #ffffff;
	}
	.toTop .inner{
		text-align: center;
		overflow: hidden;
	}
	.toTop .inner a{
		float: right;
		width: 50px;
		margin: 0 50px 0 0;
	}





}@media screen and (max-width : 768px){

	/*layout style*/
	.pc{ display: none; }
	.sp{ display: block; }

	#brandSiteFooter > ul,
	#brandSiteFooter > p{width:100% !important;}


	/*-------------------
	HEADER
	-------------------*/


	/*-------------------
	CONTENTS
	-------------------*/

	.main img{ width: 100%;}

	#wrap {
		position: relative;
		padding: 70px 0 0 0;
		/*width:100%;*/
		/*text-align:center;*/
		font-size: 4vw;
	}

	.inner{
		width: 100%;
		margin:0 auto;
		/*overflow: hidden;*/
	}

	/*.main .inner{position: relative;}*/




	/* news */
	.news{
		width: 100%;
		background: #ffffff;
		overflow: hidden;
		padding: 5vw 0;
		border-bottom: 2px solid #eeeeee;
	}
	.news .inner{
		margin: 0 auto;
		text-align: left;
		width: 90%;
	}
	.news .inner div.ttl{
	}
	.news .inner div.ttl img{
		width: 25%;
		display: inline-block;
		vertical-align: top;
	}
	.news .inner div.txt{
		display: inline-block;
		vertical-align: top;
		width: 100%;
		margin: 3vw auto 0 auto;
		text-align: left;
		font-size: 0.8rem;
		line-height: 1.4rem;
	}
	.news .inner div.txt a{
		color: #000000;
	}






	/* movie */
	.movie {
		padding: 12vw 0 16vw 0;
		text-align: center;
		background-color: #ffedf4;
	}
	.movie .inner{
	}
	.movie h2{
		display: inline-block;
		vertical-align: top;
		width: 45%;
		margin: 0 0 2rem 0;
	}

	.movie .movie-outer{
		margin: 0 auto;
		text-align: center;
		width: 90%;
	}
	.movie .movie-outer .movie-inner{
		position: relative;
		padding-top: 56.25%;
	}

	.movie .movie-outer .movie-inner iframe{
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}




	/* concept */
	.concept {
		/*padding: 35vw 0 25vw 0;*/
		padding: 35vw 0 10vw 0;
		margin: -25vw 0 0 0;
		text-align: center;
	}
	.concept h2{
		width: 45%;
		margin: 0 auto 2rem auto;
	}
	.concept .inner img.sp{
		width: 75%;
		margin: 0 auto;
	}
	.concept .inner p.conceptTxt{
		color: #ffffff;
		font-size: 0.7rem;
		margin: 1rem 0 1rem 0;
		line-height: 1.4rem;
	}

	.concept div.container.n1{
		background-color: #ffffff;
	}

	.concept div.container.n1 h3{
		margin: 0 0 6vw 0;
	}
	.concept div.container.n1 h3 img{
		width: 74vw;
	}
	.concept div.container.n1 img.sp{
		margin: 0 auto;
	}

	.concept div.container.n1 p.conceptTxt{
		color: #000000;
		font-size: 3.6vw;
		font-weight: 600;
		margin: 6vw 0 7vw 0;
	}

	.concept div.container.n2{
		background: url(../img/concept_bg_sp.jpg) no-repeat top center;
		background-size: contain;
		height: 175vw;
		box-sizing: border-box;
		padding: 18vw 0 0 0;
	}

	.concept div.container.n2 p.conceptTxt{
		color: #ffffff;
		font-size: 3.2vw;
		font-weight: 500;
		margin: 4vw 0;
	}

	.concept div.container.n2 img.sp{
		margin: 0 auto;
		width: 100%;
	}
	.concept div.container.n2 h3 img.sp{
		width: 74vw;
	}


	/* product */
	.product {
		padding: 25vw 0 30vw 0;
		margin: -25vw 0 0 0;
	}
	.product .inner{
		text-align: center;
		padding: 0 0 5vw 0;
		overflow: hidden;
	}
	.product .inner h2{
		width: 45%;
		margin: 0 auto 2rem auto;
	}


	.product .inner p.lead{
		font-size: 3.6vw;
		font-weight: bold;
		margin: 0 0 5vw 0;
	}

	.product .inner ul.anchorBtn{
		font-size: 0;
		margin: 0 0 8vw 0;
	}
	.product .inner ul.anchorBtn li{
		display: inline-block;
		vertical-align: top;
		width: 42%;
	}
	.product .inner ul.anchorBtn li:nth-of-type(2){
		margin: 0 0 0 4%;
	}


	.product .inner div.each{
		margin: -25vw auto 2rem auto;
		padding: 25vw 0 10vw 0;
		width: 86%;
		box-sizing: border-box;
		background: #ffffff;
		border-bottom: 2px solid #eeeeee;
	}

	.product .inner div.each p.productImg{
		display: inline-block;
		vertical-align: top;
		width: 10rem;
		margin: 0 0 5vw 0;
	}
	.product .inner div.each div.unity{
		display: inline-block;
		vertical-align: top;
		text-align: left;
		position: relative;
	}

	.product .inner div.each div.unity p.productLead{
		margin: 2rem 0 0 0;
	}
	.product .inner div.each div.unity p.productLogo{
		margin: 1rem 0 1rem 0;
	}
	.product .inner div.each div.unity p.productTxt{
		line-height: 1.6rem;
	}
	.product .inner div.each.shimiaceAx div.unity p.productLead{
		margin: 0 0 20px 0;
		width: 86vw;
	}
	.product .inner div.each.shimiaceAxPremium div.unity p.productLead{
		margin: 0 0 20px 0;
		width: 68vw;
	}
	.product .inner div.each.shimiaceAx div.unity p.productLogo{
		margin: 0 0 20px 0;
		width: 70vw;
	}
	.product .inner div.each.shimiaceAxPremium div.unity p.productLogo{
		margin: 0 0 20px 0;
		width: 74vw;
	}
	.product .inner div.each div.unity p.productComment{
		position: absolute;
		top: 0; right: -9vw;
		width: 25vw;
	}

	.product .inner div.each div.unity ul.list{
		margin: 1rem 0 0 0;
		font-size: 3.2vw !important;
		line-height: 1.4rem;
		}
		.product .inner div.each div.unity ul.list.n2{
			margin: 0;
		}
	.product .inner div.each div.unity ul.list li{
		margin:0 0 0.1rem 0;
		letter-spacing: -1px;
	}
	.product .inner div.each div.unity p.notice{
		font-size: 3.2vw !important;
	}


	.product .inner div.each div.purchase{
		font-size: 0;
		text-align: center;
		margin: 6vw 0 0 0;
	}

	.product .inner div.each div.purchase p.ttl{
		display: inline-block;
		vertical-align: top;
		width: 40vw;
	}
	.product .inner div.each div.purchase div.amazon{
		display: inline-block;
		vertical-align: top;
		width: 100%;
		margin: 4vw 0 0 0;
	}
	.product .inner div.each div.purchase div.amazon p.btn{
	}
	.product .inner div.each div.purchase div.amazon p.btn a{
		display: inline-block;
		vertical-align: top;
		width: 100%;
	}
	.product .inner div.each div.purchase div.amazon p.txt{
		font-size: 3vw;
		margin: 4vw 0 0 0;
	}


	.product .inner div.flow p.flowTtl{
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		margin:0 0 1rem 0;
		width: 50%;
	}
	.product .inner div.flow ul{
		margin: 0 0 1rem 0;
	}

	.product .inner div.flow ul li{
		display: inline-block;
		vertical-align: middle;
		text-align: left;
		margin:0 0.5rem 0 0;
	}
	.product .inner div.flow ul li:nth-child(odd){
		width: 3.5rem;
	}
	.product .inner div.flow ul li:nth-child(even){
		width: 0.4rem;
	}
	.product .inner div.flow ul li:last-child{
		margin: 0 0 0 0;
	}


	.product .inner p.flowTxt{
		width: 85%;
		margin: 0 auto;
		text-align: left;
		font-weight: bold;
		/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
		}
	.product .inner p.flowTxt span{
		color: #e3007c;
		border-style: solid;
		border-width: 0 0 1px 0;
		border-color: #e3007c;
		line-height: 1.4rem;
	}

	/* about */
	.about {
		padding: 25vw 0 25vw 0;
		margin: -25vw 0 0 0;
		background-image: url(../img/about_bg_sp.jpg);
		background-repeat: repeat-y;
		/*background-position: top center;*/
		background-size:contain;
	}
	.about .inner{
		text-align: center;
	}
	.about .inner h2{
		width: 45%;
		margin: 0 auto 2rem auto;
	}

	.about .inner div.each{
		display: inline-block;
		margin: 0 0 2rem 0;
		background-color: #ffffff;
		width: 86%;
	}
	.about .inner div.each div.unity{
		padding: 8vw;
	}

	.about .inner div.each p.aboutImg{
	}

	.about .inner div.each div.unity p.aboutTtl{
		text-align: center;
		box-sizing: border-box;
		font-size: 1.2rem;
		font-weight: bold;
		margin: 0 0 5vw 0;
		}
		.about .inner div.each.n1 div.unity p.aboutTtl img{
			width: 45.6vw;
		}
		.about .inner div.each.n2 div.unity p.aboutTtl img{
			width: 49.8vw;
		}
		.about .inner div.each.n3 div.unity p.aboutTtl img{
			width: 46.8vw;
		}

	.about .inner div.each div.unity p.aboutTxt{
		text-align: left;
		line-height: 1.4rem;
		font-size: 0.8rem;
		box-sizing: border-box;
	}

	/* column */
	.column {
		padding: 25vw 0 34vw 0;
		margin: -25vw 0 0 0;
		background-image: url(../img/product_bg_sp.jpg);
		background-repeat: repeat-y;
		background-position: top center;
		background-size: 100%;
	}
	.column .inner{
		text-align: center;
		padding: 5vw 0;
	}
	.column .inner h2{
		width: 45%;
		margin: 0 auto 2rem auto;
	}
	.column .inner ul{
		text-align: center;
	}
	.column .inner ul li.each{
		width: 75vw;
		display: inline-block;
		vertical-align: top;
		background-color: #ffffff;
		box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.6);
		position: relative;
		}
		.column .inner ul li.each:nth-of-type(n+2){
			margin: 8vw 0 0 0;
		}
		.column .inner ul li.each.new::after{
			content: '';
			display: inline-block;
			vertical-align: top;
			font-size: 0;
			width: 20vw;
			height: 20vw;
			background-image: url(../img/new_icon.png);background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;
			position: absolute;
			top: 0; left: 0;
		}
	.column .inner ul li.each div.thumnail{
		display: inline-block;
		vertical-align: top;
		font-size: 0;
		width: 75vw;
	}

	.column .inner ul li.each div.unity{
		padding: 5vw;
		text-align: left;
	}
	.column .inner ul li.each div.unity h3{
		color: #e3007c;
		font-size: 5vw;
		font-weight: bold;
		margin: 0 0 3vw 0;
	}
	.column .inner ul li.each div.unity p.txt{
		margin: 0 0 4vw 0;
		font-size: 3.5vw;
	}
	.column .inner ul li.each div.unity p.link a{
		display: inline-block;
		vertical-align: top;
		font-size: 0;
		width: 64vw;
		height: 7vw;
		background-image: url(../img/column_link.jpg);background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;
		margin: 0 0 3vw 0;
	}


	/* FAQ */
	.faq{
		padding: 25vw 0 25vw 0;
		margin: -25vw 0 0 0;
		background: #ffffff;
	}
	.faq .inner{
		text-align: center;
	}
	.faq .inner h2{
		width: 45%;
		margin: 0 auto 2rem auto;
	}

	.faq .inner .faqSection{width:90%; margin: 1rem auto;}

	.faq .inner .faqSection dl.faqInrBox {
		margin: 0 0 1rem 0;
		text-align: left;
	}
	.faq .inner .faqSection dl.faqInrBox dt {
		background: url(../img/faq_open_sp.png) no-repeat scroll 0 0;
		background-size: 100%;
		color: #e3007c;
		cursor: pointer;
		font-size: 0.7rem;
		height: 3rem;
		padding: 0 2.5rem 0 0;
		text-align: left;
		font-weight: normal;
		line-height: 1.4em;
		vertical-align: middle;
	}
	.faq .inner .faqSection dl.faqInrBox dt.twoLine {
		height: 3rem;
		padding: 0 3rem 0 0;
	}


	.faq .inner .faqSection dl.faqInrBox dt img {
		width: 2rem;
		display: inline-block;
	}
	.faq .inner .faqSection dl.faqInrBox dt p {
		display: inline-block;
		margin: 0.5rem 0 0 0.5rem;
	}
	.faq .inner .faqSection dl.faqInrBox dt.twoLine p {
		display: inline-block;
		margin: 0 0 0 0.5rem;
	}

	.faq .inner .faqSection  dl.faqInrBox dt.open{
	    background: url("../img/faq_close_sp.png") no-repeat scroll 0 0;
		background-size: 100%;
	}

	.faq .inner .faqSection  dl.faqInrBox dd{
		display:none;
		overflow: hidden;
		padding: 0.5rem 0 1rem 0;
		font-size: 0.7rem;
	}

	.faq .inner .faqSection  dl.faqInrBox dd span.answer {
	    display: block;
	    float: left;
	    text-align: left;
		color: #030303;
	    line-height: 1.6em;
	}

	/* sns */
	.sns {
		background: #ffffff;
	}
	.sns .inner{
		text-align: center;
		padding: 2rem 0 2rem 0;
	}
	.sns .inner a{
		display: inline-block;
		width: 2rem;
	}
	.sns .inner a:nth-of-type(1){
		margin:0 2rem 0 0;
	}


	/* toTop */
	.toTop {
		background: #ffffff;
		margin: 0 0 1rem 0;
	}
	.toTop .inner{
		text-align: center;
		overflow: hidden;
	}
	.toTop .inner a{
		float: right;
		width: 2rem;
		margin: 0 1rem 0 0;
	}


}