#main header h1 {background-repeat: no-repeat; width: 880px; height: 550px; background-position: right -5px; background-size: 45% auto; background-color: #fff;}
#main header#main_img h1 {background-image:url(//www.muji.com/jp/img/store/campaign/C18052301/C18052301_main.jpg); position: relative;}
#main header#main_img h1 .title {position: absolute; left: 3%;  top: 52%; font-size:30px;}
#main header#main_img h1 .subTitle {display:block; font-size:24px;}
#main section section h1 {font-size: 18px;}
#main section section {margin-bottom: 30px;}
#main section section section {margin-bottom: 0;}
#main .relatedLink {margin-top:15px; margin-bottom: 15px; text-align:right;}

.cpCategory {text-align: right;}
.cpCategory ul {display: inline-block;}
.cpCategory ul:after {content: ""; display: block; clear: both;}
.cpCategory .relatedLink {float: left; margin-left: 10px;}

.on0906 {text-decoration: none; cursor: default;}
.itemList li,
.itemList li img {width: 220px}
.itemList li,
.itemList li img {width: 160px;}
.itemList br {display: block;}
.column2 .itemList .column3 li {width: 100px;}
.column2 .itemList .column3 li img {width: 95px;}
.col h2 {font-size: 14px;}
p {margin-bottom:10px;}
#main .itemList {word-wrap:break-word;}
#main .itemList .date {display: inline-block;}

#main .column3 img {width: 100%;}
#main .column3 .col {width: 30%;}
#main .column2 .col {width: 400px;}

*, *:before, *:after {box-sizing: border-box; -webkit-font-smoothing: antialiased;}	
#choiceCare .careDetail:after {content:"";clear:both;display:block;}
#choiceCare .careDetail figure {float: right; margin-left: 30px; width: 40%;}
#choiceCare .careDetail p {max-width: none;}
#choiceCare h3 span {display: inline-block; line-height: 40px; height: 40px; vertical-align: top; width: auto;  background-size: 101px 120px;}
#choiceCare h3 .time {font-weight: normal; font-size: 12px; color: #b89086;}
#choiceCare h3 .time span {background-image: url(/img/skincare/caretypeicon.png); background-repeat: no-repeat; width: 40px; height: 40px; margin: 0 10px;}

.careFlow ul {letter-spacing: -.40em;}
.careFlow ul * {letter-spacing: normal;}
.careFlow li {width: 25%; text-align: center; padding: 0; display: inline-block; vertical-align: top; margin-top: 30px; position:relative;}
.careFlow .thumb {width: 60%;}
.careFlow span {display: block; margin: 0 auto; font-size: 12px;}
.careFlow img {width: 100%; height: auto;}

.careFlow .name {margin: 10px 0 15px;}

#care1 .careFlow .bar { position: relative; width: 100%; height: 20px; line-height: 10px; background-color: #b0d78f; margin-bottom: 5px; /*border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #f00; position: absoute; top: 0; right: 0;*/}
#care1 .careFlow .purpose {color: #b0d78f; font-weight: bold; font-size: 15px;}
#care2 .careFlow .bar { position: relative; width: 100%; height: 20px; line-height: 10px; background-color: #F8BDCC; margin-bottom: 5px; /*border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #f00; position: absoute; top: 0; right: 0;*/}
#care2 .careFlow .purpose {color: #F8BDCC; font-weight: bold; font-size: 15px;}
#care3 .careFlow .bar { position: relative; width: 100%; height: 20px; line-height: 10px; background-color: #AAC4E4; margin-bottom: 5px; /*border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #f00; position: absoute; top: 0; right: 0;*/}
#care3 .careFlow .purpose {color: #AAC4E4; font-weight: bold; font-size: 15px;}

#care1 .careFlow .extend .bar, .careFlow .extend .purpose {width: 200%;}
#care1 .careFlow .extend3 .bar, .careFlow .extend3 .purpose {width: 300%;}
#care2 .careFlow .extend .bar, .careFlow .extend .purpose {width: 200%;}
#care2 .careFlow .extend3 .bar, .careFlow .extend3 .purpose {width: 300%;}
#care3 .careFlow .extend .bar, .careFlow .extend .purpose {width: 200%;}
#care3 .careFlow .extend3 .bar, .careFlow .extend3 .purpose {width: 300%;}

#care1 .careFlow .bar:after {position: absolute; content: ""; width: 0; height: 0; border: 10px solid #fff; border-left: 10px solid #b0d78f; right: -5px; top: 0;}
#care2 .careFlow .bar:after {position: absolute; content: ""; width: 0; height: 0; border: 10px solid #fff; border-left: 10px solid #F8BDCC; right: -5px; top: 0;}
#care3 .careFlow .bar:after {position: absolute; content: ""; width: 0; height: 0; border: 10px solid #fff; border-left: 10px solid #AAC4E4; right: -5px; top: 0;}

.thumb {position: relative;}
#care2 li:last-child img {width: 70%; margin: 20% 0 10%;}

.careFlow .thumb2 {width: 60%;}
#care2 .careFlow .thumb2:after {position: absolute; content: "or"; font-size: 20px; right: -35%; top: 50%;}
.thumb2 {position: relative;}

@media only screen and (max-width : 850px){
	#choiceCare .careDetail h3+p {margin-top: 50px;}
}
@media only screen and (max-width : 767px){
	body {content: "max-width:767px";}
	.careFlow li {width: 48%; margin-top: 0px;}
	.careFlow {overflow-x: scroll; -webkit-overflow-scrolling: touch;}
	#care2 > .careFlow {margin:0 -20px; padding:0 20px;}
	.careFlow ul {white-space: nowrap;}
	.careFlow ul * {white-space: normal;}
	#choiceCare .careDetail figure {float: none; margin: 0 auto; padding-bottom: 10px; width: 100%; max-width: 320px;}
	#choiceCare h2 {margin-bottom: 20px;}
	#choiceCare #toner > dl > dd:nth-child(2),
	#choiceCare > dl > dd:nth-child(2) {display: block; flex-direction: row-reverse;}
	#choiceCare #toner > dl > dd > figure,
	#choiceCare > dl > dd > figure {width: 80%; margin: 0 auto 20px;}
}
@media only screen and (max-width : 480px){
	.careFlow span {font-size: 11px;}
	#choiceCare h3 {margin: 20px 10px 10px;}
	#choiceCare h3 span {line-height: 30px; height: 30px; background-size: 76px 90px;}
	#choiceCare