@charset "UTF-8";
@font-face {	/* iOS, Android用 */
font-weight: normal;    /* 念の為指定しておきます */ font-style: normal; font-family: 'Uniqlo'; src: url("/carineroitfeld/16fw_common/fonts/uniqloregular-webfont.eot");    /* IE9以上用 */ src: url("/carineroitfeld/16fw_common/fonts/uniqloregular-webfont.eot?#iefix") format("embedded-opentype"), url("/carineroitfeld/16fw_common/fonts/uniqloregular-webfont.woff") format("woff"), url("/carineroitfeld/16fw_common/fonts/uniqloregular-webfont.ttf") format("truetype"); }
@font-face {	/* iOS, Android用 */
font-weight: normal;    /* 念の為指定しておきます */ font-style: normal; font-family: 'Uniqlo Light'; src: url("/carineroitfeld/16fw_common/fonts/uniqlolight-webfont.eot");    /* IE9以上用 */ src: url("/carineroitfeld/16fw_common/fonts/uniqlolight-webfont.eot?#iefix") format("embedded-opentype"), url("/carineroitfeld/16fw_common/fonts/uniqlolight-webfont.woff") format("woff"), url("/carineroitfeld/16fw_common/fonts/uniqlolight-webfont.ttf") format("truetype"); }
@font-face {	/* iOS, Android用 */
font-weight: normal;    /* 念の為指定しておきます */ font-style: normal; font-family: 'Uniqlo Bold'; src: url("/carineroitfeld/16fw_common/fonts/uniqlobold-webfont.eot");    /* IE9以上用 */ src: url("/carineroitfeld/16fw_common/fonts/uniqlobold-webfont.eot?#iefix") format("embedded-opentype"), url("/carineroitfeld/16fw_common/fonts/uniqlobold-webfont.woff") format("woff"), url("/carineroitfeld/16fw_common/fonts/uniqlobold-webfont.ttf") format("truetype"); }
@font-face {  /* iOS, Android用 */
font-weight: normal;  /* 念の為指定しておきます */ font-style: normal; font-family: 'Uniqlo Lightitalic'; src: url("/carineroitfeld/16fw_common/fonts/uniqlolightitalic-webfont.eot");  /* IE9以上用 */ src: url("/carineroitfeld/16fw_common/fonts/uniqlolightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("/carineroitfeld/16fw_common/fonts/uniqlolightitalic-webfont.woff") format("woff"), url("/carineroitfeld/16fw_common/fonts/uniqlolightitalic-webfont.ttf") format("truetype"); }
html, body { font-family: "Uniqlo Light", verdana, "돋움", Dotum, sans-serif; }
#container { position: relative; padding: 0; min-height: 100%; width: 100%; height: auto !important; height: 100%; background: #fff; }
.globalnav { width: 960px; margin: 0 auto; }
.link_underline { text-decoration: underline !important; transition: .3s; }
.no-touch .link_underline:hover { color: #f00; }
.global_header { position: fixed; top: 0; left: 0; z-index: 100; box-sizing: border-box; padding-top: 15px; width: 100%; height: 80px; border-bottom: 1px solid #ddd; background: #fff; }
.globalnav * { box-sizing: content-box; }
#gnav_search_slide #searchFocus, #gnav_search #searchFocus { font-size: 13.3333px; }
.carine_content { position: relative; padding-top: 80px; padding-bottom: 70px; }
.main_cover { position: relative; text-align: center; }
.main_cover p { position: absolute; right: 0; bottom: 0; left: 0; margin: 0 auto; padding: 5px 0; width: 960px; background: rgba(0, 0, 0, .7); color: #fff; text-align: center; text-shadow: 1px 1px 3px rgba(204, 204, 204, .6); letter-spacing: 1px; font-size: 40px; font-family: 'Uniqlo lightItalic'; }
.main_cover img { max-width: 100%; height: auto; }
.insta_campaign { margin: 0 auto; width: 960px; overflow: hidden;}
.insta_campaign h1 { text-align: center; letter-spacing: 1px; font-size: 46px; font-family: 'Uniqlo Light'; }
.insta_campaign h1 span { padding: 8px 0 8px 60px; background: url('/carineroitfeld/16fw_common/images/campaign/icon_instagram.png') left center no-repeat; background-size: 50px 50px; font-size: 50px; }
.insta_campaign h1 small { padding: 0 5px; font-size: 30px; }
.insta_campaign .main_copy { text-align: center; font-size: 25px; }
.insta_campaign .campain_period { margin: 20px auto; max-width: 850px; border: 1px solid #000; text-align: center; }
.insta_campaign .campain_period dt { padding: 7px 0; background: #000; color: #fff; font-weight: bold; font-size: 25px; }
.insta_campaign .campain_period dd { padding: 15px 0; text-align: center; font-size: 30px; }
.insta_campaign .inner_box { margin: 0 auto; padding: 15px 0; max-width: 750px; }
.insta_campaign .sub_txt { margin-bottom: 10px; font-size: 18px; }
.insta_campaign .annotation_list li:before { content: '※'; }
.insta_campaign .annotation_list li:first-child {font-weight: bold; font-size: 14px;}
.insta_campaign .share_box { margin: 30px auto; max-width: 180px; text-align: center; }
.insta_campaign .share_box p { text-align: center; }
.insta_campaign .share_box span { border-bottom: 1px solid #000; font-weight: bold; font-size: 18px; font-family: 'Uniqlo Light'; }
.insta_campaign .share_box ul { overflow: hidden; margin-top: 15px; padding: 0 15px; }
.insta_campaign .share_box ul li { float: left; width: 50%; text-align: center; }
.insta_campaign .share_box ul li img { width: 50px; height: 50px; }
.no-touch .insta_campaign .share_box ul li a:hover { opacity: .7; }
.insta_campaign .description_box .howto_campaign {overflow: hidden;}
.insta_campaign .description_box .howto_campaign dt { font-weight: bold; float: left; width: 85px;}
.insta_campaign .description_box .howto_campaign dd { font-size: 16px; float: left;width: 665px;}
.insta_campaign .description_box .scroll_inner { overflow: auto; -webkit-overflow-scrolling: touch; padding: 20px 20px 70px 20px; width: 100%; max-width: 750px; box-sizing: border-box; height: 500px; }
.insta_campaign .images_box h2 { margin-bottom: 15px; text-align: center; letter-spacing: 1px; font-size: 40px; font-family: 'Uniqlo Light'; }
#accordion { margin: 40px auto; }
#accordion > dt { position: relative; margin: 0 auto; padding: 10px 35px; border: 1px solid #000; text-align: center; font-size: 20px; cursor: pointer; }
#accordion > dd { margin-bottom: 30px; }
#accordion .scroll_inner { overflow: auto; -webkit-overflow-scrolling: touch; padding: 20px 0 0 1em; }
#accordion .scroll_inner > ol {padding-bottom: 40px;}
#accordion .scroll_inner > ol > li { margin: 15px 0; padding-right: 1em; padding-left: 1em; list-style-position: inside; list-style-type: none; counter-increment: cnt; text-indent: -1em; }
#accordion .scroll_inner > ol > li:before { display: marker; content: ""counter(cnt) ". "; font-weight: bold;}
#accordion .scroll_inner .square_list > li {text-indent: 0;}
#accordion .scroll_inner .square_list > li:before { content: '■'; font-size: 10px;}
#accordion .scroll_inner .square_list ol li {list-style-position: inside; list-style-type: none; counter-increment: cnt02; }
#accordion .scroll_inner .square_list ol li:before {display: marker; content: "("counter(cnt02) ")";}
#accordion .scroll_inner strong { font-weight: bold; }
#accordion .scroll_inner span { display: block; padding: 1em 0; text-indent: 0; }
#accordion .scroll_inner .rule_tit { margin-bottom: 1em; text-align: center; font-weight: bold; }
.accordion_icon { box-sizing: border-box; }
.accordion_icon span { display: inline-block; box-sizing: border-box; transition: all .4s; }
.accordion_icon { position: relative; }
.accordion_icon span { position: absolute; right: 10px; width: 30px; height: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #000; -ms-border-radius: 4px; -o-border-radius: 4px; }
.accordion_icon span:nth-of-type(1) { top: 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
.accordion_icon span:nth-of-type(2) { top: 20px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.accordion_icon.active span:nth-of-type(1) { display: none; }
.accordion_icon.active span:nth-of-type(2) { top: 20px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.wd-vis-content .wd-wf-layout-inner .wd-wf-load-more-inner { border-radius: 0; background: #000 !important; color: #fff; text-align: center; font-size: 20px !important; transition: all .2s; }
.no-touch .wd-vis-content .wd-wf-layout-inner .wd-wf-load-more-inner:hover { opacity: .7; }
.back_carinesite { line-height: 25px; margin-top: 70px; }
.back_carinesite img { vertical-align: middle; }
.back_carinesite a { color: #000; }
.footer_carine { height: 33px; background: #e6e6e6;}
.footer_carine p { padding: 10px; text-align: center; }