/* CLEARFIX */
#main, #promotionSection, .preChecklist, .preChecklist .stepImage {zoom:1;}
#main:after, #promotionSection:after, .preChecklist:after, .preChecklist .stepImage:after {content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0;}

#ORDER .content {width: 100%;}
#ORDER #main {width: 100%; max-width: 880px;}
#ORDER #breadcrumbs {display: none;}

/* H1 */
h1 {border-bottom: 0; margin: 0; padding:0 0 10px 0; background-repeat: no-repeat; text-indent: -9999px; /* overflow: hidden; height: 27px; */}
/* #ORDER #main > #main_img > h1 {background: url(//www.muji.com/jp/img/store/panel/orderCurtain17AW_1000.jpg) no-repeat bottom left 100%; height: 480px; margin-bottom:20px; border-bottom:none; position: relative;
text-align: center;}
#ORDER #main > #main_img > h1 > .title {position: absolute; top:0; bottom:0; left: 0; right:0; margin:auto; color:#fff; text-indent:0; height: 28px; width:240px;} */
#ORDER #main_img {width:100%; margin: auto; text-align: center;}
#ORDER #main_img > h1 {background: url(//www.muji.com/jp/img/store/panel/orderCurtain17AW_1000.jpg) no-repeat bottom center / cover; height: 460px; margin:0 auto 20px; border-bottom:none; position: relative;
text-align: center; max-width: 1200px;}
#ORDER #main_img > h1 > .title {position: absolute; top:0; bottom:0; left: 0; right:0; margin:auto; color:#fff; text-indent:0; height: 28px; width:240px;}
.content aside.note h2 {font-size: 15px; margin-bottom: 10px;}
#ORDER .content #subCategory h2 {margin-bottom: 5px;}
#ORDER .content #precheck.iframe h1 {
	background: none;
    text-indent: 0;
    border-bottom: none;
    height: auto;
    padding-bottom: 0;
    margin-bottom: 5px;
    font-size:16px;
}
//#T0060851 h1 {background-image: url(/img/store/section/title/title_t0060851.png);}
//#T0060871 h1 {background-image: url(/img/store/section/title/title_t0060871.png);}
//#T0060854 h1 {background-image: url(/img/store/section/title/title_t0060854.png);}
//#T0060874 h1 {background-image: url(/img/store/section/title/title_t0060874.png);}
//#T0060855 h1 {background-image: url(/img/store/section/title/title_t0060855.png);}
//#T0060875 h1 {background-image: url(/img/store/section/title/title_t0060875.png);}
//#T0061860 h1 {background-image: url(/img/store/section/title/title_t0061860.png);}
//#T0060870 h1 {background-image: url(/img/store/section/title/title_t0060870.png);}
//#T0060852 h1 {background-image: url(/img/store/section/title/title_t0060852.png);}
//#T0060954 h1 {background-image: url(/img/store/section/title/title_t0060954.png);}
//#T0060301 h1 {background-image: url(/img/store/section/title/title_t0060301.png);}
//#T0060951 h1 {background-image: url(/img/store/section/title/title_t0060951.png);}
//#T0060952 h1 {background-image: url(/img/store/section/title/title_t0060952.png);}
//#T0060955 h1 {background-image: url(/img/store/section/title/title_t0060955.png);}
//#orderInput #main > h1 {background-image: url(/img/store/section/title/title_orderinput.png);}
#T0060851 h1,
#T0060871 h1,
#T0060854 h1,
#T0060874 h1,
#T0060855 h1,
#T0060875 h1,
#T0061860 h1,
#T0060870 h1,
#T0060852 h1,
#T0060954 h1,
#T0060301 h1,
#T0060951 h1,
#T0060952 h1,
#T0060955 h1,
#orderInput #main > h1 {margin-bottom: 16px; text-indent:0; border-bottom:none;}

#freeShipping {font-size: 11px; margin-bottom: 10px;}
.exclude {color:#999;}

/*.lead {border-top: 1px solid #E6E6E6; margin-top: 10px; padding:15px 0;}*/
.lead {padding-bottom: 10px;}

.note {background-color:#F3F3F3; padding: 15px; margin-bottom: 30px;}
.note ul li {list-style:disc; margin-left: 1.5em; line-height:1.8;}
.note p {font-size:12px; margin-bottom:5px;}

#ORDER #main > div.campaign {
	border:1px solid #ccc;
	border-radius:5px;
	padding:20px;
	margin-bottom:20px;
	color:#191919;
	width:auto;
	font-weight:bold;
	font-size:14px;
	background-color:#f6f6f6;
	text-align:center;
}

#S00608 .note h2 {font-size: 14px;}
#S00608 #subCategory h2 {border-bottom: 1px solid #666666; margin:20px 0 10px; padding-bottom: 7px;}

//#subCategory ul {margin-right: -20px; letter-spacing: -.80em;}
//#subCategory li {
//float:none;
//display: -moz-inline-box; /* Firefox2 */
//display: inline-block;
//*display: inline; *zoom: 1; /* IE6, IE7 */
//width: 160px; margin-right: 20px; padding:10px 0 15px; vertical-align: top; letter-spacing: normal;}

#subCategory ul {display:flex; flex-wrap:wrap; justify-content: space-between;}
#subCategory li {display: block; width: 160px; padding:10px 2% 15px; vertical-align: top; }
#subCategory li a {display: block; margin: 0; padding-top:142px; width: 160px; background-repeat: no-repeat;}

#subCategory li.pleated a {background-image: url(/img/store/sectionparts/S00608/ph_pleats.jpg);}
#subCategory li.pleatedlace a {background-image: url(/img/store/sectionparts/S00608/ph_pleatslace.jpg);}
#subCategory li.nonPleated a {background-image: url(/img/store/sectionparts/S00608/ph_nopleats.jpg);}
#subCategory li.nonPleatedlace a {background-image: url(/img/store/sectionparts/S00608/ph_nopleatslace.jpg);}
#subCategory li.wPleated a {background-image: url(/img/store/sectionparts/S00608/ph_wpleats.jpg);}
#subCategory li.wPleatedlace a {background-image: url(/img/store/sectionparts/S00608/ph_wpleatslace.jpg);}
#subCategory li.gathered a {background-image: url(/img/store/sectionparts/S00608/ph_gather.jpg);}
#subCategory li.gatheredlace a {background-image: url(/img/store/sectionparts/S00608/ph_gatherlace.jpg);}

#subCategory li.hatome a {background-image: url(/img/store/sectionparts/S00608/ph_hatome.jpg);}
#subCategory li.lining a {background-image: url(/img/store/sectionparts/S00608/ph_lining.jpg);}
#subCategory li.rollScreen a {background-image: url(/img/store/sectionparts/S00608/ph_rollscreen.jpg);}
#subCategory li.plainshade a {background-image: url(/img/store/sectionparts/S00608/ph_plainshade.jpg);}
#subCategory li.alumiBlind a {background-image: url(/img/store/sectionparts/S00608/ph_alumiblind.jpg);}
#subCategory li.alumiBlindTension a {background-image: url(/img/store/sectionparts/S00608/ph_alumiblindtension.jpg);}
#subCategory li.woodBlind a {background-image: url(/img/store/sectionparts/S00608/ph_woodblind.jpg);}

/* orderInput */
#orderInput .message {margin-bottom:20px;}

#orderInput .chooseItem {float: left; width: 180px;}
#orderInput .chooseItem dt {margin-top:5px;}
#orderInput .chooseItem dd {margin-top:5px;}

#orderInput .pricebySize {float: right; width: 504px;}
#orderInput .itemWrap {zoom:1;}/* IE6, IE7 */
#detailInfo {margin-top:5px;text-align:right;}
#orderInput .orderDate {margin: 10px 6px 0 0; display: inline-block; vertical-align: top; font-size: 15px;}
#orderInput .annotation {font-size: 11px; color: #555; display: inline-block; margin-top: 5px;}
#orderInput aside.campaign .annotation {margin-top: 14px;}
#orderInput .step .annotation.asterisk {margin: 0 0 30px;}
#orderInput .annotation .annotation {margin-top: 0;}

#orderInput table {border: solid #ddd; border-width: 1px;}
#orderInput table .jan {display:block;}
#orderInput table th.length {width:18%; border-left: none;}

#orderInput h2 {clear: both; font-size: 14px;}
#orderInput .inputSize {clear: both; margin-bottom: 20px;}
#orderInput .inputSize h2 {padding-top: 40px; font-size: 18px;}
#orderInput .inputSize .lead {margin-bottom: 0; margin-top: 10px;}
#orderInput .step {overflow: hidden; position: relative; clear: both; margin-bottom: 10px;}

#orderInput #main h3 {clear: both;font-size: 14px;font-weight:bold;margin-top:20px;padding:10px 0 20px; border-top: 1px solid #E6E6E6; margin-bottom:0;}
#orderInput #main h3 span {border-right: 1px solid #ccc; padding-right: 5px; color: #666;}
#orderInput #main h3 span.annotation {border: none;}
#orderInput #main h3.firstTitle {margin-top: 0;padding: 0 0 20px;border: none;}

#orderInput .stepImage {float: left;}
#orderInput .stepImage li {float: left; display: block; width: 148px;}
#orderInput .stepImage li:not(:last-child) {margin-right: 30px;}
#orderInput .stepImage li ul.sub-stepImage {display: inline-block; margin:20px 0; background:#f6f6f6; padding: 16px; border-radius: 6px;}
#orderInput .stepImage li ul.sub-stepImage li {width: 200px; margin-bottom:0;}
#orderInput .stepImage li ul.sub-stepImage li img {width: 100%;}
#orderInput .stepImage li ul.sub-stepImage li:not(:last-child) {margin-right: 20px;}
#orderInput .stepImage dt {font-weight:bold; margin-bottom:10px;}
#orderInput .stepImage dd {margin-top:5px;}
#orderInput .stepImage dd .typettl {font-weight:bold;}
#orderInput .stepImage li.sub-column {width:100%; max-width: 480px; display: block; float: none;}

#orderInput .stepImage.step3 {clear: both; display: inline-block; width: 70%;}
#orderInput .stepImage.step3 img {width: 100%; height: auto;}
#orderInput .stepImage.step3 li {width: 30%; margin-right: 15px;}
#orderInput .stepImage.step3 li:not(:last-child) {margin-bottom:20px;}
#orderInput .stepImage.step3 dl {display: inline-block; width: 100%;}
#orderInput .stepImage.step3 li dd ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
#orderInput .stepImage.step3 li dd ul li {width: 100%; margin-right: 0; margin-left: 20px;}
#orderInput .stepImage.step3 li dd ul li p {margin: 10px 0;}
#orderInput .stepImage.step3 li dd ul li:first-child {margin-left: 20px;}
#orderInput .stepImage.step3 li dd ul li:nth-child(2) img {width: 100%;}
#orderInput .stepImage.step3 li dd ul li:not(:last-child) {margin-bottom:0;}

#orderInput .focus {margin-bottom:0;}
#orderInput .focus dt {clear:both; font-weight:bold; padding-bottom:5px;}
#orderInput .focus dt:nth-child(3) {padding: 10px 0 5px;}

#orderInput .inputForm {float: right; padding-left: 20px; width: 120px; display: block;}
#orderInput .inputForm #railLength,
#orderInput .inputForm #windowLength,
#orderInput .inputForm #fixHeight {width:5em;}

#orderInput .sizeDecideWrap {clear:both;margin-bottom:30px;padding-top:10px; border-top: 1px solid #E6E6E6;}

/* 180201 価格施策囲みエリアStart：sizeoption.htmlより移動し編集　*/
aside.campaign {margin: 0 auto 30px; border: 1px solid #ddd; padding: 16px; border-radius: 4px; background: #f7f7f7;}
aside.campaign h1 {background: none; text-indent: inherit; font-size: 18px; height: auto; padding-bottom: 10px; margin-bottom: 5px;}
aside.campaign h1 .priceIcon {width: 6.4%; display: inline-block; margin-right: 10px; vertical-align: middle;}
aside.campaign h1 .priceIcon img {width: 100%;}
aside.campaign h1 .priceDown {color:#7f0019; display:inline-block; margin-left:6px;}
aside.campaign p {margin-top: 10px; font-size: 15px; display: inline-block;}
aside.campaign p.orderDate {margin-right: 5px;}
aside.campaign p.annotation {font-size: 11px; color:#555;}
/* 180201 価格施策囲みエリア：End*/

dl#orderSize {background:none repeat scroll 0 0 #E6E6E6;margin:10px 0;padding:15px 15px 5px;}
#orderSize dt {display: block;margin:0 10px 10px 0;padding-right:10px;border-right:1px solid #999999;float:left;font-weight:bold;height: 33px;line-height: 33px;}
#orderSize dd {overflow:hidden;padding-bottom:10px;height: 33px;line-height: 33px;}
#orderSize .num {font-size:14px;font-weight:bold;margin-left:5px;}
#orderSize .unit {margin:0 3px;}
#orderSize .widthResult {font-size:24px;}

.preChecklistWrap {clear:both;margin-bottom:20px;padding-top:10px; border-top: 1px solid #333333;}
.preChecklist {background:none repeat scroll 0 0 #F6F6F6;margin:10px 0 3px;padding:15px;}
.preChecklist ul li {list-style:disc outside none;margin:0 0 1em 1.5em;}
.preChecklist .adjuster {float: right; width: 77px; margin-left: 10px;}
.preChecklist .annotation li {list-style:none outside none; margin-bottom:5px; line-height: 1.5;}
.preChecklist ul .annotation {margin-top:3px;}
.preChecklist ul li ul.annotation.asterisk {padding-left:0;}

.preChecklist table.vertical {width:500px;margin:5px 0;}
.preChecklist table.vertical th {width:3em;}
.preChecklist table th {background:none repeat scroll 0 0 #ccc;}
.preChecklist table td {background:none repeat scroll 0 0 #fff;}

.preChecklist table.no-attached {width: 100%; margin:5px 0;}
.preChecklist table.no-attached th {padding: 5px 10px; background: #ccc; text-align: center; font-weight: bold; border: solid #ddd; border-width: 1px 1px 0;}
.preChecklist table.no-attached td {padding: 10px; border: solid #ddd; border-width: 0 1px 1px;}

.preChecklist .stepImage li {float:left;margin:0 20px 0 0;display: inline;width: 203px;}
.preChecklist .stepImage dt {font-weight:bold;margin-bottom:3px;}
.preChecklist .stepImage dd {margin:5px 0;}

#orderInput #main .preChecklist h3 {padding-bottom:0;}

.preChecklist .weight {float:left;width:300px;}
.preChecklist .tatamishiro {float:right;width:350px;}

.preChecklist .heightWidth {clear:both;padding-top:1px;}

.preChecklist .heightWidth p {float:left;width:400px;}
.preChecklist .horizontal {float:right;width:250px;}

.preChecklist .rollscreenImg {float: right; width: 136px; margin-left: 10px;}

.preCheckImg01 {display:block; margin-top:10px;}
.preCheckImg01 img {vertical-align:bottom;}

aside#faq {display: inline-block; margin-top: 0; border-left: 1px solid #E6E6E6; float: none; margin-bottom: 20px; padding-left: 20px; width: 220px;}
aside#faq li { font-size: 11px; margin-bottom: 5px;}

.preChecklist .onePhrase h4 {margin: 15px 0 5px;}
.preChecklist .onePhrase .vertical {margin-top: 5px;}
.aluminum-annotation {display: inline-block; width: 60%; margin-bottom: 20px; vertical-align: top;}
.aluminum-annotation li {text-indent: -13px; margin-left: 13px;}