#main header {margin:0 auto;}
#main header h1 {margin-bottom:15px;text-align: center;}
#main header p.lead {width: 880px; text-align: left; margin: 0 auto;}

#main section#topNav {margin:40px auto;}
#main #topNav h1 {margin: 0 auto;}
#main #topNav h1 span {color: #7f0019; display: block; font-size: 14px; margin: 0 auto; width:880px; text-align: left; vertical-align: middle;}


#main #topNav nav.skipNav {margin: 5px auto 10px; text-align: left; vertical-align: middle; width:880px;}
#main #topNav nav.skipNav ul {margin-bottom:0; border-left:none; border-bottom:none;}
#main #topNav nav.skipNav ul {display:flex; justify-content:space-between;}
#main #topNav nav.skipNav ul li {width:14.05%;height:106px;padding:0; margin:0; background-color:#eee;}
#main #topNav nav.skipNav ul li.snLink1 {border-radius:6px 0 0 6px;}
#main #topNav nav.skipNav ul li.snLink7 {border-radius:0 6px 6px 0;}
#main #topNav nav.skipNav ul li span {display:block;}
#main #topNav nav.skipNav ul li a {padding:5px 5px 5px 20px; background: url(/cache/img/common/arrow_down.png) no-repeat 10px 10px; opacity:0.9;}
#main #topNav nav.skipNav ul li img {width:80px; margin:3px auto;}
#main #topNav nav.skipNav ul li.snLink3 img {width:84px; margin:3px 0 5px -12px;}
#main #topNav nav.skipNav li a {border:none;}

#main section section.column2 {margin-bottom: 30px; display:flex; justify-content:space-between; width:96%;}
#main section section.column2 .col {width:48%; display:block; margin-right:0;}
#main section section.column2 .col figure img {width:100%;}
#main section section.column2 .col p {font-size: 14px; line-height: 1.7em;}

#main section h2 {color: #333; font-size: 18px; margin-bottom: 15px;}
#main #rulesCommunicate {margin-bottom:60px;}
#main #rulesCommunicate h1 {
    text-shadow: none;
    color: #7f0019;
    background:url(//www.muji.com/jp/img/store/campaign/C11081901/C11081901_h1_04.png) no-repeat left bottom / 100%;
    height: 70px;
    margin: 0 0 15px;
    padding: 35px 0 0 140px;
    text-shadow: none;
    font-size: 20px;
    width: 180px;
}
#main #rulesCommunicate h2 {font-size: 16px; color:#333; margin:0 0 5px;}
#main #rulesCommunicate p {font-size: 14px;}
#main #rulesCommunicate .column2 {display:flex; justify-content:space-between; margin: 0; letter-spacing: 0;}
#main #rulesCommunicate .col:nth-child(1) {width:70%; margin:0;}
#main #rulesCommunicate .col:nth-child(2) {width:30%; margin:0;text-align: center;}
#main #snSection2 p {margin-bottom:5px; padding:0;}
#main #snSection2 .annotation {margin:5px 0; display:block;}
#main #snSection7 p {padding-bottom:15px;}

#thegiftofKnowledge {margin-top: 30px; margin-bottom: 20px; border: 5px solid #efefef; /*width: 700px;*/}
#main #thegiftofKnowledge h1 {margin: 20px 30px 10px; font-size: 18px;}
#main #thegiftofKnowledge h1 br {display:none;}
#main #thegiftofKnowledge p {margin: 0 30px 10px;}

#thegiftofKnowledge span.supporter {font-size: 12px; font-weight: normal; display: block; text-align:right; margin:5px 30px 10px 0;}
#thegiftofKnowledge .knowledge {width: 590px;height:840px; margin:0 auto; text-align:center;}
.knowledge dl {display: none;}
#thegiftofKnowledge .knowledge .prev {float: left; margin-right:4px;}
#thegiftofKnowledge .knowledge .btn {font-size: 10px; line-height: 46px; width: 40px; margin-top: 380px;}
#thegiftofKnowledge .knowledge .next {float: right;}
#thegiftofKnowledge .knowledge .itemList li {display: inline-block; vertical-align: top; letter-spacing: normal; width: 500px; margin: 0;}
#thegiftofKnowledge .knowledge .itemList li img {width: 500px; height: 822px;}
#thegiftofKnowledge .knowledge .disabled a {background: #CCCCCC; cursor: default;}
#thegiftofKnowledge .knowledge ul {margin-left: 25px;}
#thegiftofKnowledge .knowledge li {float: left; margin-right: 20px; margin-bottom: 20px;}
#thegiftofKnowledge .knowledge li a {background: url(//www.muji.net/img/store/common/sprite_sidenav.png) no-repeat 0 -183px; padding-left: 10px; text-decoration: none;}
#thegiftofKnowledge .knowledge li.none li.none {display: none;}
#thegiftofKnowledge .knowledge li a {cursor: pointer;}
#thegiftofKnowledge .itemList {padding-bottom:10px;}
/*
#thegiftofKnowledge > div.knowledge > div > ul > div {height:800px;}
#thegiftofKnowledge > div.knowledge > div > ul > div > div > li.slick-slide.slick-current.slick-active > img {width:100%;}
*/
/*#thegiftofKnowledge > div.knowledge > div {margin:30px auto;}
#thegiftofKnowledge .knowledge .itemList2 {margin:30px auto; text-align:center;}
#thegiftofKnowledge .knowledge .itemList2 ul {width: 600px; text-align: center; margin: 0 auto;}
#thegiftofKnowledge .knowledge .itemList2 li {width: 600px; height: 822px; overflow:hidden;}*/
/*.slick-initialized .slick-slide {margin: 0 300px!;}*/

#thegiftofKnowledge .pdfDownload.btn a {font-size: 14px; padding: 5px; text-align: center; width: 200px;}
#thegiftofKnowledge .pdfDownload {text-align: center; margin-bottom: 20px;}

#main #snSection1 h1 {
    text-shadow: none;
    color: #7f0019;
    background:url(//www.muji.com/jp/img/store/campaign/C11081901/C11081901_h1_01.png) no-repeat left bottom / 85%;
    height: 80px;
    margin: 20px 0;
    padding: 40px 0 0 160px;
    text-shadow: none;
    width: 240px;
}
#main #snSection2 h1 {
    text-shadow: none;
    color: #7f0019;
    background:url(//www.muji.com/jp/img/store/campaign/C11081901/C11081901_h1_02.png) no-repeat left bottom / 90%;
    height: 80px;
    margin: 20px 0;
    padding: 40px 0 0 160px;
    text-shadow: none;
    width: 240px;
}
#main #snSection3 h1 {
    text-shadow: none;
    color: #7f0019;
    background:url(//www.muji.com/jp/img/store/campaign/C11081901/C11081901_h1_03.png) no-repeat left bottom / 90%;
    height: 80px;
    margin: 20px 0;
    padding: 40px 0 0 160px;
    text-shadow: none;
    width: 240px;
}
#main #snSection5 h1 {
    text-shadow: none;
    color: #7f0019;
    background:url(//www.muji.com/jp/img/store/campaign/C11081901/C11081901_h1_05.png) no-repeat left bottom / 100%;
    height: 90px;
    margin: 20px 0;
    padding: 50px 0 0 140px;
    text-shadow: none;
    width: 280px;
}
#main #snSection6 h1 {
    text-shadow: none;
    color: #7f0019;
    background:url(//www.muji.com/jp/img/store/campaign/C11081901/C11081901_h1_06.png) no-repeat left bottom / 100%;
    height: 90px;
    margin: 20px 0;
    padding: 50px 0 0 150px;
    width: 260px;
}
#main #snSection6 #women h1 {
    text-shadow: none;
    color: #333;
    background:url(//www.muji.com/jp/img/store/campaign/C11081901/C11081901_mtitle02.png) no-repeat left bottom / 18%;
    height: 60px;
    padding: 40px 0 0 80px;
    width: 200px;
}
#main #snSection6 #men h1 {
    text-shadow: none;
    color: #333;
    background:url(//www.muji.com/jp/img/store/campaign/C11081901/C11081901_mtitle01.png) no-repeat left bottom / 18%;
    height:60px;
    padding: 40px 0 0 80px;
    width: 200px;
}
#main #snSection6 #kids h1 {
    text-shadow: none;
    color: #333;
    background:url(//www.muji.com/jp/img/store/campaign/C11081901/C11081901_mtitle03.png) no-repeat left bottom / 18%;
    height: 40px;
    padding: 40px 0 0 80px;
    width: 200px;
}
#main #snSection6 #stock h1 {
    text-shadow: none;
    color: #333;
    background:url(//www.muji.com/jp/img/store/campaign/C11081901/C11081901_mtitle04.png) no-repeat left bottom / 24%;
    height: 40px;
    padding: 40px 0 0 80px;
    width: 200px;
}
#main #snSection7 h1 {
    text-shadow: none;
    color: #7f0019;
    background:url(//www.muji.com/jp/img/store/campaign/C11081901/C11081901_h1_07.png) no-repeat left bottom / 100%;
    height: 90px;
    margin: 0;
    padding: 50px 0 0 150px;
    width: 260px;
}
#main aside#donation {padding:20px;}
#main aside#donation h1 {font-size:18px;}
#main aside#donation .column2 {width:auto; display:flex; justify-content:space-between; margin: 0; letter-spacing: 0;}
#main aside#donation .col {width:35%; margin-top: 15px;}
#main aside#donation .col:nth-child(2) {width:60%; margin-right:0;}
#main aside#donation .col img {width:100%;}

#main .share {position:relative;top:0; margin:0; padding:0 0 5px;}
#main .share li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height:30px;}

.content,
#main {width:auto; max-width:1200px;}
#main {padding:10px;}
div[id^="C11081901"] .itemList {
    max-width: 1200px;
    padding: 0 10px;
    margin: 0 auto;
}
div[id^="C11081901"] .itemList ul {
    display: flex;
    flex-wrap: wrap;
    margin-right:0;
    letter-spacing:0;
}
div[id^="C11081901"] .itemList li,
div[id^="C11081901"] .itemList li img {width: [ITEM_IMG_SIZE]}
div[id^="C11081901"] .itemList ul li {text-align: center; margin:0; width:20% !important;}
div[id^="C11081901"] .itemList ul li img {width: 100%;}
div[id^="C11081901"] .itemList .name {font-size: 12px; display: block;}

@media only screen and (min-width: 769px) {
//  div[id^="C11081901"] .itemList ul li  {width: 33.33333% !important; padding: 20px !important;}
    div[id^="C11081901"] .itemList ul li {width: 25% !important; padding: 20px;}
}
@media only screen and (min-width: 1152px) {
    div[id^="C11081901"] .itemList ul li {width: 20% !important; padding: 20px !important;}
}
section.column2 .col .itemList ul li {text-align: center; margin:0; width:30%; padding:5px;}
section[id^="snSection"] > p,
#donation > section > div > p {font-size: 14px;}
/*
@media only screen and (min-width: 320px) {
    #main header p.lead {width: auto;}
    section.column2 .col .itemList ul li {
        text-align: left;
        margin: 0 -20px !important;
        width: auto !important;
        padding: 10px !important;
    }
    #main .col .itemList li {margin: 0 -20px !important; padding: 10px !important;}
    div[id^="C11081901"] .itemList ul {display: block;}
    div[id^="C11081901"] .itemList ul li {text-align: left; margin: 0 -20px !important; width:auto !important;}
    #main #rulesCommunicate h1 {width: auto;}
    #main aside#donation .col:nth-child(2) {width: auto;}
    #main .relatedLink {margin: 15px 0 15px 0 !important;}
}*/
@media only screen and (max-device-width: 569px) and (min-device-width: 320px){
    #main header p.lead {width: calc(100% - 20px);}

    #main .col .itemList li {margin: 0}

    section.column2 .col .itemList ul li {margin: 0!important;}

    div[id^="C11081901"] .itemList ul li {width: 100%!important;}

    #main #rulesCommunicate h1 {width: auto;}

    #main aside#donation .col:nth-child(2) {width: 100%;}

    #main .col .relatedLink {margin: 15px 0;}

	#thegiftofKnowledge {width:auto;}
	#thegiftofKnowledge .knowledge {width: 100%; height: auto;}
	#thegiftofKnowledge .knowledge .itemList li {width: 80%; float: none; padding: 15px;}
	#thegiftofKnowledge .knowledge .itemList li img {width: 100%; height: auto;}

	#main .knowledge .itemList ul {white-space: nowrap; margin: 0 0 10px !important;}
	#main .knowledge .itemList {overflow: scroll;-webkit-overflow-scrolling: touch; white-space: normal;}
	#main #thegiftofKnowledge h1 {background: none;color: #333;padding: 0 0 10px;}

}