body{border:none;padding:20px}img{width:auto;max-width:100%;height:auto}@media screen and (max-width: 879px){.for-pc{display:none !important}}@media screen and (max-width: 879px){.for-pc-tb{display:none !important}}@media screen and (max-width: 879px){.for-tb{display:none !important}}@media only screen and (min-width: 880px){.for-tb{display:none !important}}@media only screen and (min-width: 880px){.for-tb-sp{display:none !important}}.for-sp{display:inline}@media only screen and (min-width: 880px){.for-sp{display:none !important}}#overlay{display:none;background:rgba(0,0,0,.8);position:fixed;top:0;left:0;width:100%;height:100%;z-index:9990}body{min-width:auto}article#main{width:100%;max-width:860px;margin:0 auto}header{width:100%;max-width:860px;margin-bottom:20px}header h1{width:80px}nav#other{position:absolute;right:60px;top:3px}nav#other img{width:18px}nav#other img{min-width:24px}#nav_btn{width:50px;height:30px;position:absolute;top:0;right:0}#nav_btn::before,#nav_btn::after{content:"";display:block;width:60%;height:2px;background:#001b3d;position:absolute;top:50%;left:50%;transition:all .4s ease}#nav_btn::before{box-shadow:0 8px 0 #000;transform:translate(-50%, -8px)}#nav_btn::after{transform:translate(-50%, 8px)}#nav_btn.is-active::before{box-shadow:0 0 0 rgba(0,0,0,0);transform:translate(-50%, 0) rotate(45deg)}#nav_btn.is-active::after{transform:translate(-50%, 0) rotate(-45deg)}#nav_close{width:50px;height:30px;position:absolute;top:20px;right:20px}#nav_close::before,#nav_close::after{content:"";display:block;width:60%;height:2px;background:#001b3d;position:absolute;top:50%;left:50%;transition:all .4s ease}#nav_close::before{transform:translate(-50%, 0) rotate(45deg)}#nav_close::after{transform:translate(-50%, 0) rotate(-45deg)}#nav_wrap{display:flex;flex-direction:column;justify-content:space-between;width:80%;max-width:500px;height:100vh;padding:15% 10% 10%;background:#fff;position:fixed;top:0;right:0;z-index:9999;transform:translateX(100%);transition:all .4s ease;box-sizing:border-box}#nav_wrap.is-open{transform:translateX(0)}#haag_nav{border-top:1px solid #ddd9d8;padding-top:30px;position:static;order:2}#haag_nav ul li{float:none;margin-bottom:30px}#haag_nav ul li:first-child,#haag_nav ul li:nth-child(2){border-right:none;margin-right:0;padding-right:0}nav#gloval{position:static;order:1}nav#gloval ul{display:flex;flex-wrap:wrap}nav#gloval ul li{width:100%;float:none;font-size:24px;margin-left:0;margin-bottom:10px}nav#gloval ul li:first-child{margin-left:0px}nav#gloval ul li a{display:block}nav#gloval ul li.half{width:auto;margin-top:20px}nav#gloval ul li.half a{font-size:18px;line-height:1.2}nav#gloval ul li.half:not(:last-child){border-right:1px solid #ddd9d8;padding-right:20px;margin-right:20px}nav#haag_nav ul li:last-child img{width:120px}section#linkBox{max-width:760px;width:100%}footer ul li{margin-bottom:15px;float:none;text-align:center}footer ul li:first-child,footer ul li:nth-child(2){border-right:none;margin-right:0;padding-right:0}footer ul li:last-child img{width:100px}footer address{font-size:60%;text-align:center;margin-top:30px;margin-bottom:30px}dt,dd,p,ul,li{font-size:90%}#mv{aspect-ratio:2/1.5}#mv img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}section h2{text-align:center;border:none;position:relative;font-size:24px}section h2::after{content:"";display:block;width:10vw;height:1px;background:#d0ccc9;margin:15px auto 0}section.left{width:100%;float:none}section.right{width:100%;float:none}p.read{max-width:500px;width:80%;margin:20px auto 32px;padding:15px;border:1px solid #d0ccc9;text-align:center;background:url(http://www.smile-cotton.com/images/top/arrow.png) no-repeat center right 5%}p.read a{text-decoration:none}p.read a:hover{text-decoration:none}section#news,section#event{padding-bottom:30px}section#news h2,section#event h2{padding:20px 20px 0}section#news{margin-bottom:20px}section#news dl{display:flex;flex-direction:column;position:relative}section#news dl dt,section#event dl dt{width:100%}section#news dl dd,section#event dl dd{width:100%;margin-top:0;margin-left:1em}section#news dl:has(span) dd{margin-left:0}section#news dl dd span{position:absolute;top:6px;left:10em}section#news p.read,section#event p.read{margin:20px auto 0}section#news a,section#event a{text-decoration:none}#under #mv{aspect-ratio:3/1;margin:0 -20px 50px}article.block{max-width:800px;width:100%}article.block_large{max-width:860px;width:100%}#bread{display:none}article.block p#concept{max-width:530px;width:100%;float:none}article.block ul#concept{float:none;margin-top:30px;margin-bottom:20px}article.block ul#concept img{width:100%}p#mainLead{font-size:90%;line-height:200%}dl#profile{width:100%;max-width:400px}div#shop dl{width:100%;max-width:360px;margin:auto;float:none;padding-left:0;text-align:left}div#shop img{margin-top:30px;float:none;padding-right:0;display:block;margin:auto}#shop p#btn{margin-top:20px}#shop p#btn a{display:block;max-width:100px;margin:auto;border:2px solid rgba(0,0,0,0)}dl#history{width:100%;max-width:800px}dl#history dt{padding:15px 15px 5px}dl#history dd{margin-top:0;padding:0 15px 10px;line-height:160%}.map-size{width:100%;height:auto;aspect-ratio:4/3}.map-size iframe{width:100%;height:100%}.map-size+p{text-align:center}ul#flow02{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 0}ul#flow02 li{float:none;width:30%}ul#flow02 li img{width:100%;aspect-ratio:138/76;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}ul#product_list{display:grid;gap:20px 5%;grid-template-columns:repeat(2, 1fr)}ul#product_list li,ul#product_list li.head{width:auto;float:none;margin:0;height:auto !important}ul#product_list li img,ul#product_list li.head img{width:100%}ul#product_list dl dt{font-size:120%;margin-top:10px}ul#qa dl dt{background:url(http://www.smile-cotton.com/images/qa/icon_q.gif) no-repeat left top 5px}ul#qa dl dd{background:url(http://www.smile-cotton.com/images/qa/icon_a.gif) no-repeat left top 5px}article.block #textile p{float:none;max-width:365px;margin:auto}article.block #textile img{margin-top:20px;float:none;width:100%}.tab{display:flex;justify-content:center;gap:5%}.tab li{display:flex;align-items:center;justify-content:center;width:30%;padding:15px;float:none;text-align:center;line-height:140%}.function li{width:100%;max-width:800px}.function .box01 .left,.function .box01 .right,.function .box02 .left,.function .box02 .right,.function .box03 .left,.function .box03 .right,.function .box04 .left,.function .box04 .right{width:100%;float:none}.function .box01 .left{max-width:380px}.function .box01 .right{margin-top:20px;max-width:380px}.function .box03 .left{max-width:510px}.function .box03 .right{margin-top:20px;max-width:255px}.function .box04 .left{max-width:458px}.function .box04 .right{margin-top:20px;max-width:300px}div#atopic{width:100%;max-width:720px}div#atopic img{display:block;margin:auto;float:none}div#atopic p:empty{display:none}#product01,#product02,#product03,#product04,#product05,#product06{max-width:610%;width:90%}.product_wrap{max-width:600px;width:100%;box-sizing:border-box}.product_wrap img{width:100%;box-sizing:border-box}div#contactArea{width:100%;max-width:650px;margin:30px auto;padding:30px;box-sizing:border-box}input[type=submit]{font-size:20px;font-weight:normal;font-family:inherit;width:70%}article.block div#news_report,article.block ul#news_photo{width:100%;float:none}article.block div#news_report{max-width:430px}article.block ul#news_photo{margin-top:30px}article.block ul#news_photo li{margin-bottom:20px;text-align:center}article.block ul#news_photo img{margin:auto}article.block .article_inner .clearfix p{margin-bottom:1em}ul.news dl dd,ul.event dl dd{margin:0 0 0 1em}