@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);@font-face{font-family:"tnf";src:url("../fonts/tnf.eot");src:url("../fonts/tnf.eot?#iefix") format("embedded-opentype"),url("../fonts/tnf.ttf") format("truetype"),url("../fonts/tnf.woff") format("woff"),url("../fonts/tnf.svg") format("svg");font-weight:normal;font-style:normal}button,input[type="button"],input[type="reset"],input[type="submit"],button{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-font-smoothing:antialiased;background-color:#477dca;border-radius:3px;border:none;color:#fff;cursor:pointer;display:inline-block;font-family:"Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;font-size:1em;font-weight:600;line-height:1;padding:0.75em 1em;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:hover,button:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="reset"]:hover,input[type="reset"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,button:hover,button:focus{background-color:#2c5999;color:#fff}button:disabled,input[type="button"]:disabled,input[type="reset"]:disabled,input[type="submit"]:disabled,button:disabled{cursor:not-allowed;opacity:0.5}fieldset{background-color:#f7f7f7;border:1px solid #ddd;margin:0 0 0.75em;padding:1.5em}input,label,select{display:block;font-family:"Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;font-size:1em}label{font-weight:600;margin-bottom:0.375em}label.required::after{content:"*"}label abbr{display:none}input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],textarea,select[multiple=multiple],textarea{background-color:#fff;border:1px solid #ddd;border-radius:3px;box-shadow:inset 0 1px 3px rgba(0,0,0,0.06);box-sizing:border-box;font-family:"Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;font-size:1em;margin-bottom:0.75em;padding:0.5em;transition:border-color;width:100%}input[type="color"]:hover,input[type="date"]:hover,input[type="datetime"]:hover,input[type="datetime-local"]:hover,input[type="email"]:hover,input[type="month"]:hover,input[type="number"]:hover,input[type="password"]:hover,input[type="search"]:hover,input[type="tel"]:hover,input[type="text"]:hover,input[type="time"]:hover,input[type="url"]:hover,input[type="week"]:hover,textarea:hover,select[multiple=multiple]:hover,textarea:hover{border-color:#c4c4c4}input[type="color"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="email"]:focus,input[type="month"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="text"]:focus,input[type="time"]:focus,input[type="url"]:focus,input[type="week"]:focus,textarea:focus,select[multiple=multiple]:focus,textarea:focus{border-color:#477dca;box-shadow:inset 0 1px 3px rgba(0,0,0,0.06),0 0 5px rgba(55,112,192,0.7);outline:none}textarea{resize:vertical}input[type="search"]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}input[type="checkbox"],input[type="radio"]{display:inline;margin-right:0.375em}input[type="file"]{padding-bottom:0.75em;width:100%}select{margin-bottom:1.5em;max-width:100%;width:auto}ul,ol{list-style-type:none;margin:0;padding:0}dl{margin-bottom:0.75em}dl dt{font-weight:bold;margin-top:0.75em}dl dd{margin:0}table{-webkit-font-feature-settings:"kern", "liga", "tnum";-ms-font-feature-settings:"kern", "liga", "tnum";font-feature-settings:"kern", "liga", "tnum";border-collapse:collapse;margin:0.75em 0;table-layout:fixed;width:100%}th{border-bottom:1px solid #b7b7b7;font-weight:600;padding:0.75em 0;text-align:left}td{border-bottom:1px solid #ddd;padding:0.75em 0}tr,td,th{vertical-align:middle}body{-webkit-font-feature-settings:"kern", "liga", "pnum";-ms-font-feature-settings:"kern", "liga", "pnum";font-feature-settings:"kern", "liga", "pnum";-webkit-font-smoothing:antialiased;color:#333;font-family:"Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;font-size:1em;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;font-size:1em;line-height:1.2;margin:0 0 0.75em}p{margin:0 0 0.75em}a{color:#477dca;text-decoration:none;transition:color 0.1s linear}a:active,a:focus,a:hover{color:#2c5999}a:active,a:focus{outline:none}hr{border-bottom:1px solid #ddd;border-left:none;border-right:none;border-top:none;margin:1.5em 0}img,picture{margin:0;max-width:100%}#content article .content_header #content_nav ul,body.wearing-guide #content article .content_body .category_section{*zoom:1}#content article .content_header #content_nav ul:after,body.wearing-guide #content article .content_body .category_section:after{content:"";display:table;clear:both}*{margin:0;padding:0;line-height:1}h1{margin:0;padding:0}dl{margin:0;padding:0}dl dt,dl dd{margin:0;padding:0}img{max-width:none;border:0 none}html,body{width:100%;margin:0;padding:0}html{height:100%;line-height:1.231;font-size:62.5%;background-color:#ffffff;overflow-x:auto;overflow-y:scroll}body{position:relative;text-align:center;font-family:"Roboto", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}a,a:link,a:visited{text-decoration:underline;color:#666666}a:hover,a:focus,a:active{text-decoration:none;color:#999999}.csstransitions a{transition-property:color, background-color, border, opacity;transition-duration:240ms;transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)}.icon{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased}
#container{display:none;position:absolute;width:100%;min-width:1024px;color:#222222;overflow:hidden}
.no-js #container{display:block}#container nav#global header h1{color:#ffffff;font-family:"Roboto", HelveticaNeue, Helvetica, Roboto, "Droid Sans", sans-serif;font-size:12px;font-size:1.2rem;font-weight:normal;font-style:italic}#container nav#global .menu{margin-top:15px}#container nav#global .menu li{line-height:1.26;font-size:30px;font-size:3rem;font-weight:bold;font-style:italic}#container nav#global .menu li a,#container nav#global .menu li a:link,#container nav#global .menu li a:visited{text-decoration:none;color:#ffffff}#container nav#global .menu li a:hover,#container nav#global .menu li a:focus,#container nav#global .menu li a:active{color:#fdd112}#container nav#global .menu li span{color:#999999}#container nav#global .menu li span sub{vertical-align:baseline;font-size:18px;font-size:1.8rem;letter-spacing:0.02em}.rgba #container nav#global .menu li span{color:rgba(153,153,153,0.9)}#container nav#global .logo{margin-top:50px}#container nav#global .logo li{display:table-cell;padding:0 10px}#header{position:fixed;top:0;left:0;width:100%;height:80px;padding:15px 30px 0 25px;background-color:#ffffff;border-bottom:1px solid #d8d8d8;box-sizing:border-box;z-index:100}#header a,#header a:link,#header a:visited{text-decoration:none;color:#222222}#header a:hover,#header a:focus,#header a:active{color:#6f6f6f}#header .logo{display:table-cell}#header .logo li{display:table-cell;padding:0 5px}#header>h1{display:table-cell;padding-left:20px;vertical-align:middle;text-align:left;font-family:"Roboto", HelveticaNeue, Helvetica, Roboto, "Droid Sans", sans-serif;font-size:20px;font-size:2rem;font-weight:bold;font-style:italic;letter-spacing:0.02em}#header>h1 span{display:block;margin-top:2px;color:#999999;font-size:13px;font-size:1.3rem;font-weight:normal}#header .btn.menu{position:absolute;top:25px;right:30px;z-index:20}#header .btn.menu a{text-decoration:none;font-size:30px;font-size:3rem}#header .btn.menu a:before{content:"≡";font-family:tnf}#header .btn.menu.close a,#header .btn.menu.close a:link,#header .btn.menu.close a:visited{color:#ffffff}#header .btn.menu.close a:hover,#header .btn.menu.close a:focus,#header .btn.menu.close a:active{color:#b3b3b3}#header .btn.menu.close a:before{content:"×"}#header nav#global{position:fixed;top:0;left:0;width:100%;height:100%;padding-top:100px;text-align:center;box-sizing:border-box;z-index:10}#header nav#global ul.menu{margin-top:50px}#header nav#global ul.menu li{margin-bottom:5px}#header nav#global ul.menu li sub{display:block}#header nav#global ul.logo{display:inline-block}#footer{height:100px;margin-top:160px;padding-top:30px;border-top:1px solid #d8d8d8;box-sizing:border-box}#footer p{font-size:14px;font-size:1.4rem;letter-spacing:0.05em}#content{padding-top:80px}#content article .content_header{position:relative;padding-top:65px}#content article .content_header h1{font-family:"Roboto", HelveticaNeue, Helvetica, Roboto, "Droid Sans", sans-serif;font-size:44px;font-size:4.4rem;font-weight:bold;font-style:italic;letter-spacing:0.02em}#content article .content_header #content_nav{width:100%;min-width:1024px;padding-top:30px;background-color:#ffffff;box-sizing:border-box}#content article .content_header #content_nav ul{display:table;margin:0 auto}#content article .content_header #content_nav ul li{float:left}#content article .content_header #content_nav ul li a{display:block;position:relative;text-decoration:none}#content article .content_header #content_nav ul li a:after{content:"";display:block;position:absolute;bottom:0;left:50%;width:0;height:4px;background-color:#222222}.csstransitions #content article .content_header #content_nav ul li a:after{transition-property:left, width;transition-duration:120ms;transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)}#content article .content_header #content_nav ul li.current a:after{left:0;width:100%}.csstransitions #content article .content_header #content_nav ul li.current a:after{transition-duration:240ms}#content article .content_header #content_nav.fixed{border-bottom:1px solid #d8d8d8}.boxshadow #content article .content_header #content_nav.fixed{border-bottom:0 none;box-shadow:0 1px 4px rgba(0,0,0,0.3);transition:box-shadow 240ms cubic-bezier(0.165, 0.84, 0.44, 1)}.loader_wrap{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffff;z-index:888888}body.wearing-guide #content article .content_header #content_nav ul li{position:relative;padding:0 45px;font-size:14px;font-size:1.4rem;font-weight:bold;letter-spacing:0.05em}body.wearing-guide #content article .content_header #content_nav ul li a{display:block;position:relative;height:80px;padding-top:20px;font-weight:bold;font-style:normal;box-sizing:border-box;z-index:20}body.wearing-guide #content article .content_header #content_nav ul li a .wrap{display:inline-block;position:relative;padding-right:10px}body.wearing-guide #content article .content_header #content_nav ul li a .wrap sup{position:relative;font-size:22px;font-size:2.2rem;z-index:20}body.wearing-guide #content article .content_header #content_nav ul li a .wrap:after{display:block;position:absolute;top:-10px;right:-20px;color:#cccccc;font-family:tnf;font-size:40px;font-size:4rem;font-weight:normal;z-index:10}body.wearing-guide #content article .content_header #content_nav ul li a.weather-sunny .wrap:after{content:"S"}body.wearing-guide #content article .content_header #content_nav ul li a.weather-rain .wrap:after{content:"R"}body.wearing-guide #content article .content_header #content_nav ul li a span{display:block;position:relative;margin-top:6px;color:#888888;font-size:13px;font-size:1.3rem;z-index:20}body.wearing-guide #content article .content_header #content_nav ul li a:before{position:absolute;top:0;left:0;width:100%;text-align:center;line-height:80px;color:#e8e8e8;font-size:48px;font-size:4.8rem;letter-spacing:0.1em;z-index:10}body.wearing-guide #content article .content_header #content_nav ul li a,body.wearing-guide #content article .content_header #content_nav ul li a:link,body.wearing-guide #content article .content_header #content_nav ul li a:visited{color:#222222}body.wearing-guide #content article .content_header #content_nav ul li a span,body.wearing-guide #content article .content_header #content_nav ul li a:link span,body.wearing-guide #content article .content_header #content_nav ul li a:visited span{color:#888888}body.wearing-guide #content article .content_header #content_nav ul li a:hover,body.wearing-guide #content article .content_header #content_nav ul li a:focus,body.wearing-guide #content article .content_header #content_nav ul li a:active{color:#6f6f6f !important}body.wearing-guide #content article .content_header #content_nav ul li a:hover span,body.wearing-guide #content article .content_header #content_nav ul li a:focus span,body.wearing-guide #content article .content_header #content_nav ul li a:active span{color:#cccccc !important}body.wearing-guide #content article .content_header #content_nav ul li.current a{color:#222222 !important}body.wearing-guide #content article .content_header #content_nav ul li.current a.weather-sunny .wrap:after{color:#F5A623}body.wearing-guide #content article .content_header #content_nav ul li.current a.weather-rain .wrap:after{color:#4A90E2}body.wearing-guide #content article .content_header #content_nav ul li.current a span{color:#888888 !important}body.wearing-guide #content article .content_header #content_nav.fixed ul li a{color:#cccccc}body.wearing-guide #content article .content_header #content_nav.fixed ul li a span{color:#e8e8e8}body.wearing-guide #content article .content_body{width:1000px;margin:0 auto}body.wearing-guide #content article .content_body .category_section{margin-top:-140px;margin-right:-32px;padding-top:220px}body.wearing-guide #content article .content_body .category_section .section_header{float:left;width:226px;margin-right:32px;padding-top:60px}body.wearing-guide #content article .content_body .category_section .section_header h1{font-family:"Roboto", HelveticaNeue, Helvetica, Roboto, "Droid Sans", sans-serif;font-size:32px;font-size:3.2rem;font-weight:bold}body.wearing-guide #content article .content_body .category_section .section_header h1:after{display:block;font-family:tnf;font-size:96px;font-size:9.6rem;font-weight:normal}body.wearing-guide #content article .content_body .category_section .section_header dl{margin-top:25px}body.wearing-guide #content article .content_body .category_section .section_header dl dt{color:#888888;font-size:12px;font-size:1.2rem;font-weight:bold}body.wearing-guide #content article .content_body .category_section .section_header dl dd{margin-top:10px;font-size:24px;font-size:2.4rem;font-weight:bold}body.wearing-guide #content article .content_body .category_section .section_header.weather-sunny h1:after{content:"S";color:#F5A623}body.wearing-guide #content article .content_body .category_section .section_header.weather-rain h1:after{content:"R";color:#4A90E2}body.wearing-guide #content article .content_body .category_section .wear .item_category{float:left;margin-bottom:60px}body.wearing-guide #content article .content_body .category_section .wear .item_category .item_category_header{padding-right:32px}body.wearing-guide #content article .content_body .category_section .wear .item_category .item_category_header h1{padding-top:10px;font-family:"Roboto", HelveticaNeue, Helvetica, Roboto, "Droid Sans", sans-serif;font-size:20px;font-size:2rem;font-weight:bold;font-style:italic;letter-spacing:0.02em;border-top:4px solid #222222}body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap{margin-top:30px}body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item{float:left;width:226px;min-height:460px;margin-right:32px}body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item .photo{position:relative}body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item .photo:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #d8d8d8;box-sizing:border-box;z-index:20}body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item .photo:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-width:0;border-color:rgba(216,216,216,0.4);border-style:solid;box-sizing:border-box;z-index:10;transition:border 240ms cubic-bezier(0.165, 0.84, 0.44, 1)}body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item .photo .spec{display:table;position:absolute;bottom:-2px;right:-10px;width:40px;height:40px;text-align:center;color:#ffffff;background-color:#000000;border-radius:50%;z-index:30}body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item .photo .spec span{display:table-cell;height:100%;vertical-align:middle;font-weight:bold}body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item .txt{margin-top:10px}body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item .txt h2{display:inline-block;position:relative;margin:0 auto;padding-bottom:5px;font-family:"Roboto", HelveticaNeue, Helvetica, Roboto, "Droid Sans", sans-serif;font-size:18px;font-size:1.8rem;font-weight:bold;letter-spacing:0.02em}body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item .txt h2:after{content:"";display:block;position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#222222;transition-property:left, width;transition-duration:240ms;transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)}body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item .txt .meta{margin-top:10px;font-size:12px;font-size:1.2rem;letter-spacing:0.02em}body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item .txt .meta sub{margin-left:4px;vertical-align:baseline}body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item .txt p{margin:15px 10px 0;text-align:justify;line-height:1.6;font-size:13px;font-size:1.3rem}body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item .txt .logo{display:inline-block;margin:15px auto 0}body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item .txt .logo li{display:table-cell;vertical-align:middle}body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item .txt .must{margin-top:15px;border:1px solid #d82330}body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item .txt .must dt{padding:2px 0 3px;color:#ffffff;font-size:11px;font-size:1.1rem;font-weight:bold;background-color:#d82330}body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item .txt .must dd{padding:5px 0;color:#d82330;font-size:10px;font-size:1rem;font-weight:bold}body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item a,body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item a:link,body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item a:visited{text-decoration:none;color:#222222}body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item a:hover .photo:after,body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item a:focus .photo:after,body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item a:active .photo:after{border-width:20px}body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item a:hover .txt h2:after,body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item a:focus .txt h2:after,body.wearing-guide #content article .content_body .category_section .wear .item_category .wrap .item a:active .txt h2:after{left:0;width:100%}body.wearing-guide #content article .content_body .mandatory{padding:40px 25px 50px;border:3px solid #222222}body.wearing-guide #content article .content_body .mandatory .mandatory_header{margin-bottom:40px}body.wearing-guide #content article .content_body .mandatory .mandatory_header h1{font-size:24px;font-size:2.4rem}body.wearing-guide #content article .content_body .mandatory .mandatory_header h1 span{display:block;margin-top:10px;color:#999999;font-size:14px;font-size:1.4rem;font-style:italic}body.wearing-guide #content article .content_body .mandatory .mandatory_body{display:table;table-layout:fixed}body.wearing-guide #content article .content_body .mandatory .mandatory_body ul{display:table-cell;width:50%;padding:0 25px;text-align:left}body.wearing-guide #content article .content_body .mandatory .mandatory_body ul li{margin:10px 0;padding-left:1.5em;list-style:none;line-height:1.6;text-indent:-1.5em;font-size:13px;font-size:1.3rem;font-weight:bold}body.wearing-guide #content article .content_body .mandatory .mandatory_body ul li span{display:inline-block;width:1em;padding-right:0.5em;text-align:right}
.copyright{font-size:1.1em !important;line-height:1.7;}