@charset "UTF-8";
/* CSS Document */

.sp{display:none!important;}

body, body p{font-size:10pt; line-height:1.7;}
textarea{resize: vertical;}

/*PUBLIC*/
#wrap{background:#FFF; position:relative;}
#header{width:82%; min-width: 940px; max-width: 1200px; height:140px; margin:0 auto; padding:25px 0; text-align:left;}
#header h1{width:60px; height:140px; float:left; padding:0 80px 0 20px;}
#header ul.menuList{width:780px; float:left;}
#header ul.menuList li{font-size:12pt; padding:60px 35px 0 0; float:left;}
#header ul.menuList li a{text-decoration:none;}
div.lang{width:180px; height:30px; position:absolute; right:20px; top:15px; background:url(/img/public/mark_lang.png) no-repeat right center #FFF; background-size:30px 30px; border-radius:0; border:none; cursor:pointer; box-shadow:rgba(0, 0, 0, 0.06) 0px 0px 3px 1px; -webkit-box-shadow:rgba(0, 0, 0, 0.06) 0px 0px 3px 1px; -moz-box-shadow:rgba(0, 0, 0, 0.06) 0px 0px 3px 1px; z-index:100;}
div.lang.active{background:url(/img/public/mark_lang_active.png) no-repeat right center #FFF; background-size:30px 30px;}
div.lang p{text-align:center; padding:5px 0; height:20px; width:150px; font-size:9pt;}
div.lang p span.jp{background:url(/img/public/flag_jp.png) no-repeat left center; padding:0 2px 0 25px;}
div.lang p span.en{background:url(/img/public/flag_en.png) no-repeat left center; padding:0 2px 0 45px;}
div.lang p span.cn{background:url(/img/public/flag_cn.png) no-repeat left center; padding:0 2px 0 45px;}
div.lang p span.kr{background:url(/img/public/flag_kr.png) no-repeat left center; padding:0 2px 0 45px;}
div.lang p span.th{background:url(/img/public/flag_th.png) no-repeat left center; padding:0 2px 0 25px;}
div.lang ul{width:180px; position:absolute; right:0; top:45px; background:#FFF; box-shadow:rgba(0, 0, 0, 0.06) 0px 0px 3px 1px; -webkit-box-shadow:rgba(0, 0, 0, 0.06) 0px 0px 3px 1px; -moz-box-shadow:rgba(0, 0, 0, 0.06) 0px 0px 3px 1px; z-index:100; display:none;}
div.lang ul li{width:180px; border-bottom:1px solid #EEE; text-align:center; font-size:9pt;}
div.lang ul li:last-child{border:none;}
div.lang ul li a{display:block; width:100%; padding:5px 0; color:#444; text-decoration:none;}
div.lang ul li a:hover{color:#111; background:#f5f5f5;}
div.lang ul li a span.jp{background:url(/img/public/flag_jp.png) no-repeat left center; padding:0 2px 0 25px;}
div.lang ul li a span.en{background:url(/img/public/flag_en.png) no-repeat left center; padding:0 2px 0 45px;}
div.lang ul li a span.cn{background:url(/img/public/flag_cn.png) no-repeat left center; padding:0 2px 0 45px;}
div.lang ul li a span.kr{background:url(/img/public/flag_kr.png) no-repeat left center; padding:0 2px 0 25px;}
div.lang ul li a span.th{background:url(/img/public/flag_th.png) no-repeat left center; padding:0 2px 0 25px;}

#content{}
#content #inner{width:940px; margin:0 auto; padding:0 0 30px; _zoom:1; overflow:hidden;}

#footer #instaWrap{padding:30px 0 45px; background:#f5f5f5; border-top:1px solid #ebebeb;}
#footer #instaWrap #inner{width:940px; margin:0 auto; overflow:hidden;}
#footer #instaWrap #inner #titleWrap{_zoom:1; overflow:hidden; padding:0 0 20px;}
#footer #instaWrap #inner #titleWrap h2{float:left; padding:0 35px 0 0;}
#footer #instaWrap #inner #titleWrap p.description{float:left; color:#444; padding:5px 0 0 0;}
#footer #instaWrap #inner #titleWrap p.btn{width:140px; height:28px; float:right;}
#footer #instaWrap #inner ul.imgList{_zoom:1; overflow:hidden; width:950px; height:100px;}
#footer #instaWrap #inner ul.imgList li{float:left; width:100px; height:100px; margin:0 5px 0 0; position:relative;}
#footer #instaWrap #inner ul.imgList li span{padding:3px 7px 3px 20px; background:url(/img/public/bg_insta_like.png); border-radius:0 2px 0 0; font-size:8pt; line-height:1; color:#FFF; text-align:left; left:0; bottom:0; color:#FFF; position:absolute;}
#footer #instaWrap #inner ul.imgList li span:after{width:10px; height:100%; content:""; position:absolute; left:5px; top:0; background:url(/img/public/mark_insta_like.png) no-repeat center center; background-size:10px 10px;}

#footer #infoWrap{background:#282828;}
#footer #infoWrap #inner{width:82%; min-width: 940px; max-width: 1200px; padding:25px 0 60px; margin:0 auto; text-align:left;}
#footer #infoWrap #inner p.mark{width:70px; height:70px; float:right;}
#footer #infoWrap #inner p.info{color:#FFF; padding:20px 0 40px; font-size:9.5pt; line-height:1.7;}
#footer #infoWrap #inner p.copyright{color:#999; font-size:9pt;}

/*INDEX*/
#indexSldWrap{height:520px; margin:0 0 20px; position:relative;}
#indexSldWrap p{width:940px; height:520px; left:0; top:0; position:absolute;}
#indexSldWrap ul{height:10px; width:80px; position:absolute; right:20px; bottom:20px; text-align:right;}
#indexSldWrap ul li{width:10px; height:10px; padding:0 3px; display:inline-block;}

#indexNewsWrap{border:1px solid #e6e6e6; margin:0 0 20px; height:50px; position:relative; overflow:hidden;}
#indexNewsWrap p.title{position:absolute; width:170px; padding:13px 15px 16px 0; left:0; top:0; background:url(/img/index/line_news.png) no-repeat right top; background-size:17px 50px; font-size:11.5pt;}
#indexNewsWrap p.title a{text-decoration:none; color:#333;}
#indexNewsWrap ul{width:735px; height:500px; position:absolute; left:205px; top:0;}
#indexNewsWrap ul li{height:50px; width:500px; text-align:left;}
#indexNewsWrap ul li a{display:block; width:900px; height:22px; padding:14px 0; color:#666;}
#indexNewsWrap ul li a span.date{display:block; float:left; width:100px;}
#indexNewsWrap ul li a span.title{display:block; float:left; padding:0 10px 0 0;}
#indexNewsWrap ul li a span.flag{display:block; float:left; padding:5px 0 0 0;}

#indexBnWrap{overflow:hidden;}
#indexBnWrap ul{width:960px; _zoom:1; overflow:hidden;}
#indexBnWrap ul li{width:460px; height:120px; margin:0 20px 20px 0; float:left;}

/*PAGE*/
#sideMenu{width:200px; padding:25px 0; text-align:left; float:left;}
#sideMenu p.pageTitle{width:60px; height:140px; padding:0 0 50px 20px;}
#sideMenu ul.menuList li{font-size:11.5pt; padding:0 0 10px 0;}
#sideMenu ul.menuList li a{text-decoration:none;}
#sideMenu ul.menuList li a.active{color:#BBB;}

#pageContent{width:720px; min-height:500px; float:right; text-align:left; padding:0 0 50px;}
#pageContent h1{font-size:16pt; font-weight:normal; padding:70px 0 40px;}
#pageContent h2{font-size:16pt; font-weight:normal; padding:0 0 25px;}
#pageContent h3{font-size:13pt; font-weight:normal; padding:0 0 25px; color:#999;}
#pageContent p{padding:0 0 25px;}
#pageContent img{max-width:100%;}
#pageContent a{text-decoration:underline;}

#pageContent p.productTopNote {text-align: right; font-size: 9pt; color: #999; padding: 0 0 30px;}

#aboutTopTitle{width:100%; height:420px; position:relative; padding:0 0 25px;}
#aboutTopTitle h1{padding:0;}
#aboutTopTitle p.lead{font-size:33pt; line-height:1.65; padding:60px 0 35px;}
#aboutTopTitle p.img{width:480px; height:420px; position:absolute; right:0; top:0;}
#aboutFeatureWrap{_zoom:1; overflow:hidden; margin:15px 0 0 0; padding:45px 0 0 0; border-top:1px solid #DDD;}
#aboutFeatureWrap #left{float:left; width:480px;}
#aboutFeatureWrap #left ul{padding:10px 0 25px 0; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#aboutFeatureWrap #left ul li{width:220px; padding:0 20px 0 0; text-align:center;}
#aboutFeatureWrap #left ul li p{padding:0 0 5px; font-size:9pt;}
#aboutFeatureWrap #left ul li p strong{font-size:11pt;}
#aboutFeatureWrap #right{float:right; width:240px; margin:0 -25px 0 0;}

#useWrap{padding:15px 0; width:740px; _zoom:1; overflow:hidden;}
#useWrap #block{width:350px; height:250px; padding:0 20px 0 0; float:left;}
#useWrap #block p{padding:0 0 5px;}

ul.productTab{height:37px;}
ul.productTab li{width:280px; height:37px; float:left; text-align:center;}
ul.productTab li a{display:block; width:280px; height:22px; padding:4px 0; background:#f5f5f5; color:#999; text-decoration:none; position:relative; overflow:visible;}
ul.productTab li a.active{color:#222; background:#faf019; text-decoration:none!important;}
ul.productTab li a.active:after{width:100%; height:7px; content:""; position:absolute; left:0; bottom:-7px; background:url(/img/page/product_mark1.png) no-repeat center top; background-size:14px 7px;}

#productWrap{border:1px solid #DDD; margin:0 0 60px 0;}
#productWrap h3{padding:0 0 20px;}
#productWrap #productInner{padding:30px 35px 0 35px; border-bottom:1px solid #EEE; _zoom:1; overflow:hidden;}
#productWrap div.productTable1{width:100%; margin:0 0 20px 0; border-left:1px solid #DDD; border-top:1px solid #DDD; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#productWrap div.productTable1 div{width:71px; height:71px; border-right:1px solid #DDD; border-bottom:1px solid #DDD; background:#EEE;}
#productWrap div.productTable2{width:100%; margin:0 0 25px 0; border-left:1px solid #DDD; border-top:1px solid #DDD; background:#EEE; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#productWrap div.productTable2 div{width:161px; border-right:1px solid #DDD; border-bottom:1px solid #DDD; background:#FFF; vertical-align:top;}
#productWrap div.productTable2 div.blank{background:#EEE;}
#productWrap div.productTable2 div .productTable2Inner{padding:10px 10px 20px 10px; font-size:9pt;}
#productWrap table.productTable3{width:100%; margin:0 0 25px 0;}
#productWrap table.productTable3 th, table.productTable3 td{border:1px solid #DDD; padding:5px 7px; vertical-align:middle;}
#productWrap table.productTable3 th{width:150px;}

#productWrap #productBtn{width:725px; _zoom:1; overflow:hidden;}
#productWrap #productBtn.upper{ margin:-1px -1px 0 0px; padding:0 0 15px 0;}
#productWrap #productBtn.lower{ margin:0 -1px -1px -1px; padding:40px 0 0 0;}
#productWrap #productBtn .btn{float:left; width:180px; text-align:center; padding:0;}
#productWrap #productBtn .btnOn, #productWrap #productBtn .btnOff a{text-decoration:none; padding:6px 0 6px 0; height:20px; display:block;}
#productWrap #productBtn .btnOn{color:#333; font-weight:bold; border-right:1px solid #DDD; height:20px; padding:7px 0 7px 0;}
#productWrap #productBtn .btnOff a{color:#999; border-top:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #DDD; width:100%;}
#productWrap #productBtn .btnOff a:hover{background:#EEE; color:#666;}
#productWrap.block1, #productWrap.block2, #productWrap.block4{display:none;}

#productWrap p.end{border: 2px solid #888; color: #777; font-weight: bold; text-align: center; padding: 10px 0; margin: 0 0 30px;}

#product700cWrap{padding:25px 0 0;}

#storeBlock{padding:0 0 20px 0;}
#storeBlock .storeTitleBtn{width:720px; height:31px; overflow:hidden; padding:0; text-align:center; background:url(../img/page/store_bg_off.gif) no-repeat left top;}
#storeBlock .storeTitleBtn a{text-decoration:none; display:block; width:720px; height:20px; padding:5px 0 6px 0; font-weight:bold; color:#333;}
#storeBlock table.storeTable{width:100%; margin:-1px 0 0 0; padding:0; display:none;}
#storeBlock table.storeTable th, table.storeTable td{border:1px solid #DDD; padding:3px 5px; color:#333;}
#storeBlock table.storeTable th{color:#333; background:#EEE; font-weight:normal;}
#storeBlock table.storeTable td a{text-decoration:underline;}

#contactBlock{padding:10px 0;}

#formBlock{padding:10px 0 20px 0;}
#formBlock .formTitle{font-size:8pt; padding:0 0 2px 0; font-weight:bold;}
#formBlock .form_txt1{border:1px solid #DDD; padding:5px 7px; width:360px; height:20px; font-size:10pt;}
#formBlock .form_txt3{border:1px solid #DDD; padding:5px 7px; width:700px; height:100px; font-size:10pt;}
#formBlock .submit1, #submit{width:200px; height:40px; background:#faf019; border-radius:2px; border:inline-none; display:block; margin:0 0 20px; text-align:center; cursor:pointer; font-size:10pt; -webkit-appearance: none; font-weight:bold; border:none;}
#formBlock #myreset{width:200px; height:40px; background:#444; border-radius:2px; border:none; display:inline-block; margin:0 0 20px; text-align:center; cursor:pointer; font-size:10pt; color:#FFF; -webkit-appearance: none;}
#formBlock .wtn_copyright{display:none;}
#formBlock table#confirm{width:600px; margin:0 0 40px 0;}
#formBlock table#confirm th, table#confirm td{border:1px solid #DDD; padding:5px 7px; color:#333;}
#formBlock table#confirm th{background:#EEE; font-weight:normal;}
#formBlock div.errorWrap { border:1px solid #DDD; padding: 30px; margin: 0 0 30px; }
#formBlock div.errorWrap p { padding: 0; }

/*BLOG*/
#blogContent{padding:50px 0 70px; background:#f5f5f5;}
#blogContent #inner{width:990px; margin:0 auto; _zoom:1; overflow:hidden;}

#blogContent #inner #mainWrap{width:700px; float:right; padding:15px 25px 0 0;}
#blogContent #inner #mainWrap p.pageTitle{float:left; padding:20px 0 15px 30px; color:#444;}
#blogContent #inner #mainWrap p.pageTitle strong{background:#888; color:#FFF; padding:3px 5px; border-radius:1px;}
#blogContent #inner #mainWrap ul.page-numbers{text-align:right; padding:20px 0 15px;}
#blogContent #inner #mainWrap ul.page-numbers li{display:inline;}
#blogContent #inner #mainWrap ul.page-numbers li a{padding:0 4px; color:#AAA; text-decoration:underline;}
#blogContent #inner #mainWrap ul.page-numbers li a:hover{color:#222;}
#blogContent #inner #mainWrap ul.page-numbers li span{padding:0 4px;}
#blogContent #inner #mainWrap #postWrap{text-align:left; padding:0 0 20px; clear:both;}
#blogContent #inner #mainWrap #postWrap #titleWrap{padding:35px 30px; margin:0 0 1px; border-radius:3px; background:#FFF;}
#blogContent #inner #mainWrap #postWrap #titleWrap p.date{font-size:8.5pt; color:#AAA; padding:0 0 5px;}
#blogContent #inner #mainWrap #postWrap #titleWrap p.date a{color:#AAA;}
#blogContent #inner #mainWrap #postWrap #titleWrap h2{font-size:18pt; font-weight:normal; line-height:1.5;}
#blogContent #inner #mainWrap #postWrap #contentWrap{padding:35px 30px; margin:0 0 1px; border-radius:3px; background:#FFF; font-size:10.5pt;}
#blogContent #inner #mainWrap #postWrap #contentWrap.single{margin:0 0 20px;}
#blogContent #inner #mainWrap #postWrap #contentWrap p{padding:0 0 25px; font-size:10.5pt;}
#blogContent #inner #mainWrap #postWrap #contentWrap a{text-decoration:underline;}
#blogContent #inner #mainWrap #postWrap #contentWrap img{max-width:100%; height:auto;}
#blogContent #inner #mainWrap #postWrap #contentWrap ul{padding:0 0 25px 20px; list-style-type:disc;}
#blogContent #inner #mainWrap #postWrap #contentWrap ol{padding:0 0 25px 20px;}
#blogContent #inner #mainWrap #postWrap #contentWrap hr{margin:0 0 25px; border:none; border-top:1px solid #CCC;}
#blogContent #inner #mainWrap #postWrap #contentWrap blockquote{color:#AAA; border:1px solid #CCC; padding:15px 15px 0; margin:0 0 25px;}

#postWrap #commentWrap{padding:35px 30px 10px; margin:0 0 1px; border-radius:3px; background:#FFF; position:relative;}
#postWrap #commentWrap h3{padding:0 0 30px; font-size:16pt; font-weight:normal;}
#postWrap #commentWrap h3 small{padding:0 0 0 20px; margin:-2px 0 0 0;}
#postWrap #commentWrap h3 small a{padding:2px 10px; font-size:9pt; color:#AAA; border:1px solid #CCC;}
#postWrap #commentWrap h3 small a:hover{opacity:0.7; text-decoration:none;}
#postWrap #commentWrap p.readMore{position:absolute; right:30px; top:43px; text-align:right;}
#postWrap #commentWrap p.readMore a{color:#666; text-decoration:underline;}
#postWrap #commentWrap p.readMore a:hover{color:#AAA;}
#postWrap #commentWrap #commentBlock{padding:20px 30px 10px; margin:0 0 20px; border:1px solid #ebebeb; position:relative;}
#postWrap #commentWrap #commentBlock a{text-decoration:underline;}
#postWrap #commentWrap #commentBlock p{padding:0 0 15px;}
#postWrap #commentWrap #commentBlock p.name{font-size:12pt; font-weight:bold; padding:0 0 5px}
#postWrap #commentWrap #commentBlock p.date{font-style:italic; font-size:8.5pt; color:#999;}
#postWrap #commentWrap #commentBlock p.btnReply{width:80px; height:20px; position:absolute; right:25px; top:20px; padding:0;}
#postWrap #commentWrap #commentBlock p.btnReply a{width:80px; height:20px; position:absolute; right:0; top:0; padding:0; background:url(/img/blog/btn_reply.png) no-repeat center center ; background-size:80px 20px; text-indent:-9999px;}

#postWrap #commentWrap ul.children{background:url(/img/blog/mark_reply.png) no-repeat 10px 20px; background-size:25px 25px; padding:0 0 0 50px;}
#postWrap #commentWrap div.commentArchiveBlock{display:none;}
#postWrap #commentWrap p + div.commentArchiveBlock{display:block;}

#postWrap #commentWrap table.comment{width:100%; margin:0;}
#postWrap #commentWrap table.comment th, #postWrap #commentWrap table.comment td{padding:0 0 5px 0; display:block; width:100%;}
#postWrap #commentWrap table.comment th{text-align:left;}
#postWrap #commentWrap table.comment th span{font-size:8pt; color:#E00;}
#postWrap #commentWrap table.comment td{padding:0 0 10px;}
#postWrap #commentWrap table.comment input{padding:7px; width:90%; width:calc(100% - 14px); background:#f5f5f5; border:none; font-size:10.5pt; box-shadow:rgba(0, 0, 0, 0.06) 0px 0px 5px 0px inset; -webkit-box-shadow:rgba(0, 0, 0, 0.06) 0px 0px 5px 0px inset; -moz-box-shadow:rgba(0, 0, 0, 0.06) 0px 0px 5px 0px inset;}
#postWrap #commentWrap table.comment textarea{padding:7px; width:90%; width:calc(100% - 14px); height:100px; background:#f5f5f5; border:none; font-size:10.5pt; box-shadow:rgba(0, 0, 0, 0.06) 0px 0px 5px 0px inset; -webkit-box-shadow:rgba(0, 0, 0, 0.06) 0px 0px 5px 0px inset; -moz-box-shadow:rgba(0, 0, 0, 0.06) 0px 0px 5px 0px inset;}
#postWrap #commentWrap p.form-submit{padding:30px 0 10px 0;}
#postWrap #commentWrap #submit{width:200px; height:40px; font-size:12pt; margin:0 auto 30px; text-align:center; display:block; border:none; border-radius:2px; cursor:pointer; background:#faf019; font-weight:bold;}
#postWrap #commentWrap #submit:hover{opacity:0.7;}

#blogContent #inner #sidebar{width:239px; padding:0 0 0 25px; float:left; position:relative;}
#blogContent #inner #sidebar h1{padding:0 0 1px;}
#blogContent #inner #sidebar h1 img{border-radius:3px;}
#blogContent #inner #sidebar p.btnLink{position:absolute; left:0; top:210px; width:90px; height:90px;}
#blogContent #inner #sidebar #listWrap{padding:50px 30px 20px; background:#FFF; border-radius:3px; text-align:left;}
#blogContent #inner #sidebar #listWrap ul{padding:0 0 25px;}
#blogContent #inner #sidebar #listWrap ul li{padding:5px 0; border-bottom:1px solid #ebebeb;}
#blogContent #inner #sidebar #listWrap ul li.title{font-size:8.5pt; color:#AAA;}
#blogContent #inner #sidebar #listWrap ul li a{width:100%; display:block;}
#blogContent #inner #sidebar #listWrap ul li i{font-size:9pt;}

#footer.blog{border-top:1px solid #ebebeb;}
#footer.blog #instaWrap{border-top:1px solid #fff;}

/* 2019 700c */
#pageContent ul.productTopTab{width: 100%; display: flex; padding: 0 0 40px;}
#pageContent ul.productTopTab li{width: 50%;}
#pageContent ul.productTopTab li a{display: block; font-size: 13pt; text-align: left; background: #f5f5f5 url(/img/700c/tab1.png) no-repeat right 20px top 0px; background-size: 130px 90px; color: #222; text-decoration: none; line-height: 90px; overflow: visible; padding: 0 30px; font-weight: bold; }
#pageContent ul.productTopTab li a.on{color: #fff; background-color: #505050; position: relative;}
#pageContent ul.productTopTab li a.on::after{width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #505050 transparent transparent transparent; position: absolute; left: 50%; left: calc(50% - 7px); bottom: -7px; content: "";}
#pageContent ul.productTopTab li:last-child a { background-image: url(/img/700c/tab2.png); }

#pageContent div.detail700c{}
#pageContent div.detail700c h2{font-weight: bold; font-size: 19pt; padding: 0 0 30px;}
#pageContent div.detail700c h2.pageTitle{font-size: 24pt; padding: 0 0 20px;}
#pageContent div.detail700c h3{font-weight: bold; font-size: 16pt; padding: 10px 0 25px; color: #333;}

#pageContent div.detail700c div.section{padding: 0 0 25px;}

#pageContent div.detail700c div.floatBlock{_zoom: 1; overflow: hidden;}
#pageContent div.detail700c div.floatBlock div.left{float: left;}
#pageContent div.detail700c div.floatBlock div.right{float: right;}

#pageContent div.detail700c div.floatBlock.b1{}
#pageContent div.detail700c div.floatBlock.b1 div.left{width: 450px;}
#pageContent div.detail700c div.floatBlock.b1 div.right{width: 230px; padding: 30px 0 0;}

#pageContent div.detail700c div.floatBlock.b2{}
#pageContent div.detail700c div.floatBlock.b2 div.left{width: 340px;}
#pageContent div.detail700c div.floatBlock.b2 div.right{width: 340px;}

#pageContent div.detail700c div.floatBlock.b3{padding: 10px 0 0;}
#pageContent div.detail700c div.floatBlock.b3 div.left{width: 340px;}
#pageContent div.detail700c div.floatBlock.b3 div.right{width: 340px;}

#pageContent div.detail700c div.lrWrap{_zoom: 1; overflow: hidden;}
#pageContent div.detail700c div.lrWrap div.left{float: left; width: 340px;}
#pageContent div.detail700c div.lrWrap div.right{float: right; width: 340px;}

#pageContent div.detail700c div.newsWrap{}
#pageContent div.detail700c div.newsWrap h1{font-size: 22pt; font-weight: bold; padding: 0 0 25px;}
#pageContent div.detail700c div.newsWrap h2{font-size: 20pt; font-weight: bold; padding: 0 0 25px;}
#pageContent div.detail700c div.newsWrap h3{font-size: 18pt; font-weight: bold; padding: 0 0 25px;}
#pageContent div.detail700c div.newsWrap h4{font-size: 16pt; font-weight: bold; padding: 0 0 25px;}
#pageContent div.detail700c div.newsWrap h5{font-size: 14pt; font-weight: bold; padding: 0 0 25px;}
#pageContent div.detail700c div.newsWrap h6{font-size: 12pt; font-weight: bold; padding: 0 0 25px;}
#pageContent div.detail700c div.newsWrap img{max-width: 100%; height: auto;}

#pageContent div.detail700c div.youtube{position: relative; width: 100%; padding-top: 56.25%; margin: 0 0 40px;}
#pageContent div.detail700c div.youtube iframe{position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

#pageContent div.detail700c div.tab700cBlock{display: none;}
#pageContent div.detail700c div.tab700cBlock.on{display: block;}

#pageContent div.detail700c table{width: 100%; margin: 0 0 25px;}
#pageContent div.detail700c table th,
#pageContent div.detail700c table td{border: 1px solid #DDD; padding:5px 7px;}
#pageContent div.detail700c table.specTable{display: none;}
#pageContent div.detail700c table.specTable.on{display: table;}

#pageContent div.detail700c ul{padding: 0 0 25px 18px; list-style-type: disc;}

#pageContent div.detail700c ul.tab700cList{width: 100%; display: flex; padding: 0 0 40px; list-style-type: none;}
#pageContent div.detail700c ul.tab700cList.bottom{padding-top: 40px;}
#pageContent div.detail700c ul.tab700cList li{width: 25%;}
#pageContent div.detail700c ul.tab700cList li span{display: block; font-size: 11pt; text-align: center; background: #f5f5f5; color: #999; text-decoration: none; line-height: 50px; overflow: visible; cursor: pointer;}
#pageContent div.detail700c ul.tab700cList li span.on{color: #fff; background: #222; position: relative;}
#pageContent div.detail700c ul.tab700cList.top li span.on::after{width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #222222 transparent transparent transparent; position: absolute; left: 50%; left: calc(50% - 7px); bottom: -7px; content: "";}
#pageContent div.detail700c ul.tab700cList.bottom li span.on::after{width: 0; height: 0; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent #222222 transparent; position: absolute; left: 50%; left: calc(50% - 7px); top: -7px; content: "";}

/* 2022 */
#pageContent h2.productTitle { font-size: 55px!important; line-height: 1.4; font-family: 'Roboto', sans-serif; padding: 10px 0 20px!important; text-align: left; }
#pageContent h2.productTitle span { background: #EEE; display: inline-block; padding: 0 10px; line-height: 1.2; margin: 0 0 10px; font-weight: bold; }
#pageContent h2.productTitle span.black { color: #FFF; font-weight: normal; background: #222; }

#pageContent p.img5links2 { padding: 0 0 45px; }

h2.index { font-size: 19pt; }

div.topKVWrap { padding: 0 0 55px; }
div.topKVWrap div.block { margin: 0 0 1px; }
div.topKVWrap div.block a { display: block; position: relative; color: #222; background: #111; }
div.topKVWrap div.block a img { width: 100%; height: auto; }
div.topKVWrap div.block a p.img img { transition: transform 0.5s ease, opacity 0.5s linear; }
div.topKVWrap div.block a p.gMark { position: absolute; width: 85px; top: 30px; right: 30px; }
div.topKVWrap div.block a p.vector { position: absolute; width: 16px; height: 32px; top: 0; right: 5%; bottom: 0; margin: auto 0; transition: right 0.5s ease; }
div.topKVWrap div.block a h2 { position: absolute; width:82%; min-width: 940px;  left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: 0 auto; }
div.topKVWrap div.block a h2.productTitle { font-size: 55px!important; line-height: 1.4; font-family: 'Roboto', sans-serif; padding: 10px 0 20px!important; text-align: left; }
div.topKVWrap div.block a h2.productTitle span { background: #FFF; display: inline-block; padding: 0 10px; line-height: 1.2; margin: 0 0 10px; }
div.topKVWrap div.block a h2.productTitle span.black { color: #FFF; font-weight: normal; background: #222; }
div.topKVWrap div.block a:hover p.img img { transform: scale(1.04); opacity: 0.8; }
div.topKVWrap div.block a:hover p.vector { right: 4.5%; }

div.indexNewsWrap { width:82%; min-width: 940px; max-width: 1200px; margin: 0 auto 50px; text-align: left; }
div.indexNewsWrap ul { padding: 10px 0 30px; }
div.indexNewsWrap ul li { border-bottom: 1px solid #696969; padding: 15px 0; }
div.indexNewsWrap ul li a { display: flex; justify-content: space-between; align-items: flex-start; color: #333; text-decoration: none; }
div.indexNewsWrap ul li a span.date { width: 100px; font-weight: bold; }
div.indexNewsWrap ul li a span.title { width: calc(100% - 100px); }
div.indexNewsWrap p.more { font-weight: bold; }
div.indexNewsWrap p.more a { text-decoration: none; border-bottom: 2px solid #333; color: #333; padding: 0 0 3px; }

div.indexBnWrap { width:82%; min-width: 940px; max-width: 1200px; margin: 0 auto 50px; text-align: left; }
div.indexBnWrap ul { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
div.indexBnWrap ul li { width: calc(50% - 15px); padding: 0 0 30px; }
div.indexBnWrap ul li img { width: 100%; height: auto; }

div.indexStoreWrap { border-top: 1px solid #ebebeb; }
div.indexStoreWrap a { background: #f5f5f5; display: block; position: relative; color: #333; text-decoration: none; padding: 110px 0; }
div.indexStoreWrap a h2 { width:82%; min-width: 940px; max-width: 1200px; margin: 0 auto; text-align: left;  }
div.indexStoreWrap a p.vector { position: absolute; width: 16px; height: 32px; top: 0; right: 5%; bottom: 0; margin: auto 0; transition: right 0.5s ease; }
div.indexStoreWrap a:hover p.vector { right: 4.5%; }

div.indexInstaWrap { background: #555; }
div.indexInstaWrap a { display: block; position: relative; color: #FFF; text-decoration: none; overflow: hidden; }
div.indexInstaWrap a span.bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(90deg, rgba(40,40,40,0.8) 0%, rgba(40,40,40,0.1) 100%); }
div.indexInstaWrap a h2 { width:82%; min-width: 940px; max-width: 1200px; margin: 0 auto; text-align: left; position: absolute; left: 0; top: 50%; right: 0; transform: translateY(-50%); }
div.indexInstaWrap a h2 span.en { padding: 0 0 0 35px; background: url(/img/public/mark_insta.png) no-repeat left center; background-size: 24px 24px; }
div.indexInstaWrap a h2 span.ja { font-size: 10pt; font-weight: normal; padding: 5px 0 0; display: inline-block; }
div.indexInstaWrap a p.img { width: 5000px; display: flex; justify-content: flex-start; animation: loopInsta 40s linear infinite; }
div.indexInstaWrap a p.vector { position: absolute; width: 16px; height: 32px; top: 0; right: 5%; bottom: 0; margin: auto 0; transition: right 0.5s ease; }
div.indexInstaWrap a:hover p.vector { right: 4.5%; }

@keyframes loopInsta {
    0% { margin-left: 0; }
    100% { margin-left: -1280px; }
}