@charset "utf-8"; /* kyosho 基本CSS Document */ body#kage #kc-style{font-size:14px;line-height:1.65em;} /*日本語書体用*/ body#kage #kc-style h2.jpn{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuProN-W3, "メイリオ", Meiryo, sans-serif; font-weight:bold;} /*英語書体用*/ body#kage #kc-style .font_normal{font-family: 'Oswald', sans-serif !important; font-weight: 400;} body#kage #kc-style .font_light{font-family: 'Oswald', sans-serif !important; font-weight: 300;} body#kage #kc-style .en_Rw-light{font-family: 'Raleway', sans-serif !important; font-weight: 300;letter-spacing:0;} body#kage #kc-style .en_Rw-regular{font-family: 'Raleway', sans-serif !important; font-weight: 400;letter-spacing:0;} body#kage #kc-style .en_Rw-medium{font-family: 'Raleway', sans-serif !important; font-weight: 500;letter-spacing:0;} body#kage #kc-style .en_Rw-semi-bold{font-family: 'Raleway', sans-serif !important; font-weight: 600;letter-spacing:0;} body#kage #kc-style .en_Rw-bold{font-family: 'Raleway', sans-serif !important; font-weight: 700; letter-spacing:0;} /*セクション*/ body#kage #kc-style ul{margin:1em 0 0 0;padding:0;} body#kage #kc-style div.sec{margin-bottom:100px;} body#kage #kc-style div.sec h2{padding-top:20px;} /*基本値の解除*/ body#kage #kc-style p, body#kage #kc-style div{margin:0;padding:0;} body#kage img{ margin:0; padding:0; vertical-align: bottom;} body#kage #kc-style li a{font-weight:normal;font-style:normal;} @media only screen and (min-width: 771px) {/*771以上*/ /*body#kage #kc-style{background:#3F3;}*/ body#kage span.pcbr{ display:block;} } @media only screen and (max-width: 770px) { /*600-770px globalmenu SP*/ /*body#kage #kc-style{background:#3FF;}*/ body#kage span.spbr{ display:block;} body#kage span.pcbr{ display:inline;} } @media only screen and (max-width: 599px) { /*480-559px*/ /*body#kage #kc-style{background:#9C3;}*/ } @media only screen and (max-width: 479px) { /*479以下*/ /*body#kage #kc-style{background:#FF6;}*/ } /*ClearFIX*/ body#kage #kc-style .cf:before, body#kage #kc-style .cf:after { content:"";display:table;} body#kage #kc-style .cf:after { clear:both;} body#kage #kc-style .cf { *zoom:1;}/* For IE 6/7 (trigger hasLayout)*/ /*文字の大きさ*/ body#kage div#kc-style .ft12{font-size:12px;} body#kage div#kc-style .ft16{font-size:16px;} body#kage div#kc-style .ft20{font-size:20px !important;line-height:1.4;} body#kage div#kc-style .ft30{font-size:30px !important;line-height:1.4;} /*文字間*/ body#kage div#kc-style .ls05{letter-spacing:0.5em;} /*改行値*/ body#kage div#kc-style .lh16{line-height:1.6;} body#kage div#kc-style .lh20{line-height:2;} /*間隔*/ body#kage div#kc-style .mt05{margin-top:0.5em;} body#kage div#kc-style .mt10{margin-top:1em;} body#kage div#kc-style .mt15{margin-top:1.5em;} body#kage div#kc-style .mt20{margin-top:2.0em;} body#kage div#kc-style .mt25{margin-top:2.5em;} body#kage div#kc-style .mt30{margin-top:3.0em;} /**/ body#kage div#kc-style .mb05{margin-bottom:0.5em;} body#kage div#kc-style .mb10{margin-bottom:1em;} body#kage div#kc-style .mb15{margin-bottom:1.5em;} body#kage div#kc-style .mb20{margin-bottom:2.0em;} body#kage div#kc-style .mb25{margin-bottom:2.5em;} body#kage div#kc-style .mb30{margin-bottom:3.0em;} /**/ body#kage div#kc-style .pt05{padding-top:0.5em;} body#kage div#kc-style .pt10{padding-top:1em;} body#kage div#kc-style .pt15{padding-top:1.5em;} body#kage div#kc-style .pt30{padding-top:3.0em;} /**/ body#kage div#kc-style .pb05{padding-bottom:0.5em;} body#kage div#kc-style .pb10{padding-bottom:1em;} body#kage div#kc-style .pb15{padding-bottom:1.5em;} body#kage div#kc-style .pb30{padding-bottom:3.0em;} /*画像リンク　フーバー時*/ body#kage a:hover img{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;} /*キャプション テキストの右・左・中　寄せ*/ body#kage div#kc-style .c-left{ text-align:left; margin:0.3em 0 0.5em 0;} body#kage div#kc-style .c-center{ text-align:center; margin:0.3em 0 0.5em 0;} body#kage div#kc-style .c-right{ text-align:right; margin:0.3em 0 0.5em 0;} body#kage div#kc-style .f-bold{ font-weight:bold;} /*動画*/ body#kage div#kc-style .movie_area { position: relative; width: 100%; padding-top: 56.25% !important;} body#kage div#kc-style .movie_area iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;} body#kage div#kc-style .eng_word{ word-wrap : break-word; overflow-wrap : break-word;} body#kage div#kc-style hr.hrline{ border:none; border-top:dotted 1px #ccc; height:1px; color:#f0f0f0;} /*********************************************************************************************************************/ /** Template　 body#kage div#kc-style.kcTemplate　**********************************/ body#kage div#kc-style.kcTemplate img{width:100%;} body#kage div#kc-style.kcTemplate div.sec{margin-bottom:0;} body#kage div#kc-style.kcTemplate .clm50-left{float:left;width:48%; margin-right:2%;} body#kage div#kc-style.kcTemplate .clm50-right{float:right;width:48%; margin-left:2%;} body#kage div#kc-style.kcTemplate .clm75-left{float:left;width:71%; margin-right:4%;} body#kage div#kc-style.kcTemplate .clm25-right{float:right;width:25%;} body#kage div#kc-style.kcTemplate .clm50-left2{float:left;width:48%; margin-right:1%;} body#kage div#kc-style.kcTemplate .clm25-left2{float:left;width:25%; margin-right:1%;} body#kage div#kc-style.kcTemplate .clm25-right2{float:right;width:25%;} body#kage div#kc-style.kcTemplate .clm33-left{float:left; width:31.3333%; margin-right:2%;} body#kage div#kc-style.kcTemplate .clm33-right{float:right;width:31.3333%; margin-right:2%;} body#kage div#kc-style.kcTemplate .clm33-left50{float:left; width:33.3333%; margin-right:0;} body#kage div#kc-style.kcTemplate .clm33-right50{float:right;width:33.3333%; margin-right:0;} body#kage div#kc-style.kcTemplate .clm50-left{float:left;width:48%; margin-right:2%;} body#kage div#kc-style.kcTemplate .clm50-right{float:right;width:48%; margin-left:2%;} body#kage div#kc-style.kcTemplate .clm50-left50{float:left;width:50%; margin-right:0;} body#kage div#kc-style.kcTemplate .clm50-right50{float:right;width:50%; margin-left:0;} body#kage div#kc-style.kcTemplate table#template_table01, body#kage div#kc-style.kcTemplate table#template_table02{width:100%;border-top:1px solid #999; margin-bottom:1em;} body#kage div#kc-style.kcTemplate table#template_table01 caption, body#kage div#kc-style.kcTemplate table#template_table02 caption{font-size:16px; font-weight:bold;} body#kage div#kc-style.kcTemplate table#template_table01 tr, body#kage div#kc-style.kcTemplate table#template_table02 tr{border-bottom:1px solid #999;} body#kage div#kc-style.kcTemplate table#template_table01 td, body#kage div#kc-style.kcTemplate table#template_table02 td{ padding:5px 0.5em;} body#kage div#kc-style.kcTemplate table#template_table01 td.l_line, body#kage div#kc-style.kcTemplate table#template_table02 td.l_line{border-left:1px dotted #999;} body#kage div#kc-style.kcTemplate table#template_table01 th{ min-width:9em; width:9em; padding:5px 0.5em;background-color:#c0c0c0; border-right:1px dotted #999;} body#kage div#kc-style.kcTemplate table#template_table02 th{ min-width:8.5em; width:auto; padding:5px 0.5em; background-color:#c0c0c0; border-right:1px dotted #999;} body#kage div#kc-style.kcTemplate table#template_table02 th:last-child{ border-right:none;} @media only screen and (max-width: 770px) { /*600-770px globalmenu SP*/ body#kage div#kc-style.kcTemplate .clm50-left{float:none;width:100%; margin-right:0; margin-bottom:0.5em;} body#kage div#kc-style.kcTemplate .clm50-right{float:none;width:100%; margin-left:0; margin-bottom:0.5em;} body#kage div#kc-style.kcTemplate .clm75-left{float:left;width:48%; margin-right:2%;} body#kage div#kc-style.kcTemplate .clm25-right{float:right;width:48%; margin-right:2%;} body#kage div#kc-style.kcTemplate .clm50-left2{float:none;width:100%; margin-right:0; margin-bottom:0.5em;} body#kage div#kc-style.kcTemplate .clm25-left2{float:left;width:48%; margin-right:4%;} body#kage div#kc-style.kcTemplate .clm25-right2{float:right;width:48%;} body#kage div#kc-style.kcTemplate .clm33-left50{float:left; width:50%; margin: 0 0 0 0; } body#kage div#kc-style.kcTemplate .clm33-right50{float:none;width:100%; margin: 0 0 0 0; } body#kage div#kc-style.kcTemplate .clm50-left50{float:none;width:100%; margin-right:0;} body#kage div#kc-style.kcTemplate .clm50-right50{float:none;width:100%; margin-left:0;} } @media only screen and (max-width: 599px) { /*480-559px*/ body#kage div#kc-style.kcTemplate .clm33-left{float:left; width:46%; margin: 0 2% 0.5em 2%; } body#kage div#kc-style.kcTemplate .clm33-right{float:none;width:96%; margin: 0 2% 0.5em 2%; } body#kage div#kc-style.kcTemplate .clm33-left50{float:left; width:50%; margin: 0 0 0 0; } body#kage div#kc-style.kcTemplate .clm33-right50{float:none;width:100%; margin: 0 0 0 0; } } @media only screen and (max-width: 479px) { /*479以下*/ body#kage div#kc-style.kcTemplate .clm75-left{float:none;width:100%; margin-right:0; margin-bottom:0.5em;} body#kage div#kc-style.kcTemplate .clm25-right{float:none;width:100%; margin-left:0; margin-bottom:0.5em;} body#kage div#kc-style.kcTemplate .clm33-left{float:none; width:100%; margin: 0 0 0.5em 0;} body#kage div#kc-style.kcTemplate .clm33-right{float:none;width:100%; margin: 0 0 0.5em 0;} body#kage div#kc-style.kcTemplate .clm25-left2{float:left;width:100%; margin-right:0; margin-bottom:0.5em;} body#kage div#kc-style.kcTemplate .clm25-right2{float:right;width:100%; margin-bottom:0.5em;} body#kage div#kc-style.kcTemplate table#template_table01, body#kage div#kc-style.kcTemplate table#template_table02{ font-size:12px !important;} body#kage div#kc-style.kcTemplate table#template_table01 th{ min-width:9em; width:9em; padding:5px 0.5em;background-color:#c0c0c0; border-right:1px dotted #999;} body#kage div#kc-style.kcTemplate table#template_table02 th{ min-width:8.5em; width:auto; padding:5px 0.5em; background-color:#c0c0c0; border-right:1px dotted #999;} body#kage div#kc-style.kcTemplate .clm33-left50{float:none; width:100%; margin: 0 0 0 0; } body#kage div#kc-style.kcTemplate .clm33-right50{float:none;width:100%; margin: 0 0 0 0; } } /** Template *********************************************************************/ /*********************************************************************************************************************/ /** Company　 body#kage div#kc-style.kcCompany　**********************************/ body#kage div#kc-style.kcCompany span#kcsubttl{ } body#kage div#kc-style.kcCompany h2{font-size:;} /*←これは有効*/ body#kage div#kc-style.kcCompany .pagebtnarea {font-size:18px; line-height:1.2; text-align:center;} body#kage div#kc-style.kcCompany .pagebtnarea .pagebtn{width:100%; margin:0 auto 1em auto;} body#kage div#kc-style.kcCompany .pagebtnarea .pagebtn a{display:inline-block; width:150px; border-left:1px solid #000; margin: 0 0 0 0;} body#kage div#kc-style.kcCompany .pagebtnarea .pagebtn a:nth-child(6){border-right:1px solid #000;} body#kage div#kc-style.kcCompany .clm2-left{float:left;width:48%; margin-right:4%;} body#kage div#kc-style.kcCompany .clm2-right{float:right;width:48%;text-align:center} body#kage div#kc-style.kcCompany .clm2-2-left{float:left;width:71%;margin-right:4%;} body#kage div#kc-style.kcCompany .clm2-2-right{float:right;width:19%; margin:0 auto;text-align:center} body#kage div#kc-style.kcCompany .clm2-3-left{float:left;width:23.4%;margin-right:4%; margin:0 auto;text-align:center;} body#kage div#kc-style.kcCompany .clm2-3-right{float:right;width:71%;} body#kage div#kc-style.kcCompany .clm2-4-left{float:left;width:48%; margin-right:4%; margin-top:2em;} body#kage div#kc-style.kcCompany .clm2-4-right{float:right;width:48%; margin-top:2em;} body#kage div#kc-style.kcCompany .clm2-5-left{float:left;width:53%; margin-right:1%;} body#kage div#kc-style.kcCompany .clm2-5-right{float:right;width:46%;text-align:center; background:#FFF; padding-top:1em;} body#kage div#kc-style.kcCompany .clm2-6-left{float:left;width:60%; margin-right:1%;} body#kage div#kc-style.kcCompany .clm2-6-right{float:right;width:35%;text-align:center; padding-top:0.3em;} body#kage div#kc-style.kcCompany .clm2-right img, body#kage div#kc-style.kcCompany .clm2-2-right img, body#kage div#kc-style.kcCompany .clm2-3-left img, body#kage div#kc-style.kcCompany .clm2-4-right img, body#kage div#kc-style.kcCompany .clm2-4-left img, body#kage div#kc-style.kcCompany .clm2-5-right img, body#kage div#kc-style.kcCompany .clm2-6-right img{width:100%; } body#kage div#kc-style.kcCompany .america p.ttl{font-weight:bold; margin-bottom:0.5em; background:#999; color:#fff; padding:0.2em 0.5em;} body#kage div#kc-style.kcCompany .america div.left_p{float:left; width:35%;} body#kage div#kc-style.kcCompany .america div.left_table{float:left; width:50.5%; padding:0 01em;} body#kage div#kc-style.kcCompany .america div.right{float:right; width:12.2%;} body#kage div#kc-style.kcCompany .america div.right img{width:100%;} body#kage div#kc-style.kcCompany .america div.left_p img{width:100%;} body#kage div#kc-style.kcCompany .ebook_50thJ{margin-top:-2.7em;} body#kage div#kc-style.kcCompany .ebook_50thJ a{float:right;} body#kage div#kc-style.kcCompany .ebook_50thJ a img{border:1px solid #999; margin-bottom:0.2em} body#kage div#kc-style.kcCompany .ebook_50thJ a:hover img{border:1px solid #999; margin-bottom:0.2em} body#kage div#kc-style.kcCompany div.recruit {border-top:2px solid #999; border-bottom:2px solid #999; padding-top:0.3em;} body#kage div#kc-style.kcCompany div.recruit div.ttlarea{display:table-cell; width:35%; vertical-align:middle;} body#kage div#kc-style.kcCompany div.recruit div.ttlarea .subtext{font-size:20px;} body#kage div#kc-style.kcCompany div.recruit div.ttlarea .ttltext{font-size:30px;} body#kage div#kc-style.kcCompany div.recruit div.copy{display:table-cell; vertical-align:middle; width:65%; padding:1em 0;} body#kage div#kc-style.kcCompany #newsphoto { margin-top:2em;} body#kage div#kc-style.kcCompany #newsphoto ul{ padding:0; margin:0; list-style:none;} body#kage div#kc-style.kcCompany #newsphoto li{ padding:0; margin:0 0 1em 0; float:left; width:50%; } body#kage div#kc-style.kcCompany #newsphoto li img{ margin:0 auto;width:90%; } body#kage div#kc-style.kcCompany table#company_table01{width:100%;} body#kage div#kc-style.kcCompany table#company_table01 tr{border-bottom:1px solid #999;} body#kage div#kc-style.kcCompany table#company_table01 th{width:30%;padding:5px 0;} body#kage div#kc-style.kcCompany table#company_table01 td{width:70%;} body#kage div#kc-style.kcCompany table#company_table02{width:100%;border-top:1px solid #999;} body#kage div#kc-style.kcCompany table#company_table02 tr{border-bottom:1px solid #999;} body#kage div#kc-style.kcCompany table#company_table02 th{width:15%;padding:5px 0;background-color:#c0c0c0;text-align:center;} body#kage div#kc-style.kcCompany table#company_table02 td{width:85%; padding:5px;} body#kage div#kc-style.kcCompany table#company_table03{width:100%;border-top:1px solid #999;} body#kage div#kc-style.kcCompany table#company_table03 tr{border-bottom:1px solid #999;} body#kage div#kc-style.kcCompany table#company_table03 tr.head{background-color:#d0d0d0;} body#kage div#kc-style.kcCompany table#company_table03 th{width:30%;padding:5px 0;background-color:#c0c0c0;text-align:center;} body#kage div#kc-style.kcCompany table#company_table03 td{width:20%; padding:5px;} body#kage div#kc-style.kcCompany table#company_table03 td.cts{width:50%; padding:5px;} body#kage div#kc-style.kcCompany table#company_table03 td span.spbr{ display:block;} @media only screen and (max-width: 770px) { /*600-770px globalmenu SP*/ body#kage #kc-style div.sec{margin-bottom:40px;} body#kage div#kc-style.kcCompany .clm2-2-left{float:left;width:56%;margin-right:4%;} body#kage div#kc-style.kcCompany .clm2-2-right{float:right;width:40%;text-align:center} body#kage div#kc-style.kcCompany .clm2-5-left{float:none;width:100%;} body#kage div#kc-style.kcCompany .clm2-5-right{float:none;width:100%; margin:0 auto;} body#kage div#kc-style.kcCompany .america div.left_p{float:none; width:100%; margin-bottom:0.5em;} body#kage div#kc-style.kcCompany .america div.left_table{float:left; width:70%; padding:0 01em 0 0;} body#kage div#kc-style.kcCompany .america div.right{float:right; width:30%;} body#kage div#kc-style.kcCompany .ebook_50thJ{margin-top:-2.7em;} body#kage div#kc-style.kcCompany .ebook_50thJ a{float:right;} body#kage div#kc-style.kcCompany .ebook_50thJ a img{ max-width:390px;} body#kage div#kc-style.kcCompany .ebook_50thJ a:hover img{border:1px solid #999; margin-bottom:0.2em} body#kage div#kc-style.kcCompany div.recruit { padding-top:0.3em;} body#kage div#kc-style.kcCompany div.recruit div.ttlarea{display:block; width:100%;} body#kage div#kc-style.kcCompany div.recruit div.copy{display:block; width:100%; padding:0 0 0.5em 0;} body#kage div#kc-style.kcCompany #newsphoto li img{ margin:0 auto; width:100%; } body#kage div#kc-style.kcCompany #newsphoto li{ padding:0; margin:0 0 0 0; float:left; width:50%;} body#kage div#kc-style.kcCompany table#company_table02 th{width:20%;padding:5px 0;background-color:#c0c0c0;text-align:center;} body#kage div#kc-style.kcCompany table#company_table02 td{width:80%; padding:5px;} body#kage div#kc-style.kcCompany table#company_table03 th{width:20%;padding:5px 0;background-color:#c0c0c0;text-align:center;} body#kage div#kc-style.kcCompany table#company_table03 td{width:20%; padding:5px;} body#kage div#kc-style.kcCompany table#company_table03 td.cts{width:60%; padding:5px;} } @media only screen and (max-width: 599px) { /*480-559px*/ body#kage div#kc-style.kcCompany .pagebtnarea {font-size:13px; line-height:2; text-align:center;} body#kage div#kc-style.kcCompany .pagebtnarea .pagebtn{width:90%; margin:0 auto 1em auto;} body#kage div#kc-style.kcCompany .pagebtnarea .pagebtn a{display:inline-block; width:120px; border:1px solid #000; margin: 0 0 0.3em 0;} body#kage #kc-style div.sec{margin-bottom:30px;} body#kage div#kc-style.kcCompany .clm2-left, body#kage div#kc-style.kcCompany .clm2-2-left, body#kage div#kc-style.kcCompany .clm2-3-left, body#kage div#kc-style.kcCompany .clm2-4-left{float:none;width:100%;} body#kage div#kc-style.kcCompany .clm2-right, body#kage div#kc-style.kcCompany .clm2-2-right, body#kage div#kc-style.kcCompany .clm2-3-right, body#kage div#kc-style.kcCompany .clm2-4-right{float:none;width:100%; margin:0 auto;} body#kage div#kc-style.kcCompany .clm2-right img, body#kage div#kc-style.kcCompany .clm2-2-right img, body#kage div#kc-style.kcCompany .clm2-3-left img, body#kage div#kc-style.kcCompany .clm2-4-left img, body#kage div#kc-style.kcCompany .clm2-4-right img{width:100%; margin:0 auto;} body#kage div#kc-style.kcCompany .america div.left_p{float:none; width:100%; margin-bottom:0.5em;} body#kage div#kc-style.kcCompany .america div.left_table{float:left; width:70%; padding:0 01em 0 0;} body#kage div#kc-style.kcCompany .america div.right{float:right; width:30%;} body#kage div#kc-style.kcCompany .ebook_50thJ{margin-top:0em;} body#kage div#kc-style.kcCompany .ebook_50thJ a{float:none;} body#kage div#kc-style.kcCompany .ebook_50thJ a img{ max-width:none; width:100%; margin-bottom:0.1em} body#kage div#kc-style.kcCompany .ebook_50thJ a:hover img{border:1px solid #999;} body#kage div#kc-style.kcCompany .clm2-6-left{float:none;width:100%; margin-right:1%;} body#kage div#kc-style.kcCompany .clm2-6-right{float:none;width:100%;text-align:center; padding-top:1em;} body#kage div#kc-style.kcCompany .clm2-2-right img, body#kage div#kc-style.kcCompany .clm2-3-left img{ border-left:90px solid #bbb; border-right:90px solid #bbb;} body#kage div#kc-style.kcCompany .clm2-3-left{ margin-bottom:1em;} body#kage div#kc-style.kcCompany .clm2-2-right{margin-top:1.5em;} body#kage div#kc-style.kcCompany table#company_table03 td.cts{width:45%; padding:5px;} body#kage div#kc-style.kcCompany table#company_table03 td span.spbr{ display:inline;} } @media only screen and (max-width: 479px) { /*479以下*/ body#kage div#kc-style.kcCompany .pagebtnarea {font-size:12px; line-height:2; text-align:center;} body#kage div#kc-style.kcCompany .pagebtnarea .pagebtn{width:100%; margin:0 auto 1em auto;} body#kage div#kc-style.kcCompany .pagebtnarea .pagebtn a{display:inline-block; width:100px; border:1px solid #000; margin: 0 0 0.3em 0;} body#kage #kc-style div.sec{margin-bottom:20px;} body#kage div#kc-style.kcCompany .america div.left_table{float:left; width:100%; padding:0 0 0 0;} body#kage div#kc-style.kcCompany .america div.right{ display:none;} body#kage div#kc-style.kcCompany #newsphoto li{ padding:0; margin:0 0 0 0; float:left; width:100%; } body#kage div#kc-style.kcCompany #newsphoto li img{ margin:0 auto; width:100%; } } /*ページ内リンクの右側バーの状況*/ @media only screen and (max-width: 1012px) and ( min-width:858px) { body#kage div#kc-style.kcCompany .pagebtnarea .pagebtn a:nth-child(5){border-right:1px solid #000;} } @media only screen and (max-width: 857px) and ( min-width:701px) { body#kage div#kc-style.kcCompany .pagebtnarea .pagebtn a:nth-child(4){border-right:1px solid #000;} } @media only screen and (max-width: 700px) and ( min-width:551px) { body#kage div#kc-style.kcCompany .pagebtnarea .pagebtn a:nth-child(3){border-right:1px solid #000;} } @media only screen and (max-width: 550px) { body#kage div#kc-style.kcCompany .pagebtnarea .pagebtn a:nth-child(4){border-right:1px solid #000;} body#kage div#kc-style.kcCompany .pagebtnarea .pagebtn a:nth-child(2){border-right:1px solid #000;} } /** Company *********************************************************************/ /*********************************************************************************************************************/ /** DieCast Search　 body#kage div#kc-style #sch #sch_brand / #sch_scale / #sch_manuf /#sch_color / #sch_type　**********************************/ .std #kc-style #sch p,.std #kc-style #sch li{ font-size:16px !important;} .std #kc-style #sch li{ line-height:1.8;} .std #kc-style #sch span{ vertical-align:baseline;} #kc-style #sch h2 { padding:0; margin:0;} #kc-style #sch {font-size:16px !important;} #kc-style #sch {font-family: 'Oswald', sans-serif; font-weight: 400; color: #900; letter-spacing: 0.04em;} #kc-style #sch #eng_n{font-family: 'Oswald', sans-serif !important; font-weight: 400; color: #333; letter-spacing: 0.04em;} #kc-style #sch #eng_light{font-family: 'Oswald', sans-serif !important; font-weight: 300; letter-spacing: 0.04em;} #kc-style #sch #jpn_n{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuProN-W3, "メイリオ", Meiryo,sans-serif !important; color:#333;} #kc-style #sch #jpn_b{font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", HiraKakuProN-W6, "メイリオ", Meiryo,sans-serif !important; font-weight: bold; color:#333;} #kc-style #sch .tc_red{color: #C30000;} #kc-style #sch .tc_white{color: #FFFFFF;} #kc-style #sch .tc_black{color: #000000;} #kc-style #sch .tc_gray{color: #666666;} #kc-style #sch .tc_deepgray{color: #333333;} #kc-style #sch .tc_lightgray{color: #999999;} #kc-style #sch .tc_whitegray{color: #F0F0F0;} #kc-style #sch .area_ct{color: #333333;} #kc-style #sch .s_size{color: #535353;} /*------------------------------------- 改行 --------------------------------------*/ #kc-style #sch .pc_br{display: block;} #kc-style #sch .sp_br{display: inline;} @media only screen and (max-width: 770px) { #kc-style #sch .pc_br{display: inline;} #kc-style #sch .sp_br{display: block;} } /*------------------------------------- Clearfix --------------------------------------*/ #kc-style #sch .clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} #kc-style #sch .clearfix{display: inline-block;} html #kc-style #sch .clearfix{height: 1%;} #kc-style #sch .clearfix{display: block;} /*====================================================================================== search_brand ===*/ #kc-style #sch #sch_brand {} #kc-style #sch #sch_brand .search_brand_area1{text-align: center; padding-top: 0; padding-bottom: 50px; line-height: 1;} #kc-style #sch #sch_brand .search_brand_area1 .title{ font-size: 250%; letter-spacing: 0.1em; margin-bottom:0;} #kc-style #sch #sch_brand .search_brand_area1 .title_j{display: block; font-size: 81.25%; padding-top: 12px;} #kc-style #sch #sch_brand .search_brand_area1 .lead{font-size: 81.25%; padding-top: 60px; display:block;} #kc-style #sch #sch_brand .search_brand_area1 .lead-en{font-size: 95% !important; padding-top: 50px; display:block; color:#333333;} #kc-style #sch #sch_brand .search_brand_area2{width: 100%; padding: 0 0 0 0;} #kc-style #sch #sch_brand .search_brand_area2 .search_brandsubttl_area p{border-top: 10px solid #323232; text-align: center; font-size: 187.5% !important; padding: 39px 0 44px 0; letter-spacing: 0.1em; color: #333;} #kc-style #sch #sch_brand .search_brand_area2 .search_brandsubttl_area p.notlink{border-top: 10px solid #323232; text-align: center; font-size: 187.5% !important; padding: 39px 0 0px 0; letter-spacing: 0.1em; color: #333;} #kc-style #sch #sch_brand .search_brand_area2 .search_brandsubttl_area .title_j{ text-align:center; display: block; font-size: 81.25%; padding: 12px 0 44px 0;} #kc-style #sch #sch_brand #contents_area{width: 100%; margin: 0 auto;} #kc-style #sch #sch_brand #contents_area #type_cts_all{width: 100%; } #kc-style #sch #sch_brand #contents_area #type_cts_all ul{width: 100%;} #kc-style #sch #sch_brand #contents_area #type_cts_all li{display: inline-block; vertical-align: top; width: 270px; margin: 0 36px 70px 0;} #kc-style #sch #sch_brand #contents_area #type_cts_all li:nth-child(4n+4){margin: 0 0 70px 0;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .box_top{display: table; width: 270px;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .box_top img{width: 100%; max-width: 208px; margin:0 auto;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .box_top a{display: table-cell; width: 250px; height: 250px; border: 10px solid #E5E5E5; background: #fff; vertical-align: middle; text-align: center;} #kc-style #sch #sch_brand #type_cts_all li .box_top span{display: table-cell; width: 250px; height: 250px; border: 10px solid #E5E5E5; background: #fff; vertical-align: middle; text-align: center;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .box_top a:hover{border: 10px solid #EF0000;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .box{width: 96%; margin: 0 auto;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .name{display: block; color: #F30000; font-size: 112.5% ; padding-top: 20px;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .lead_text{display: block; font-size: 81.25%; padding: 20px 0 15px 0; line-height: 1.4;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .body_text{display: block; font-size: 75%; padding-bottom: 25px; line-height: 1.6;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .detail_bt{width: 98%; margin: 0 auto; display: block; font-size: 81.25%; text-align: center; padding: 13px 0; border: 1px solid #ddd;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .detail_bt img{margin: -2px 0 0 10px; max-width:100%; height:auto; width:auto; border:0; vertical-align:middle; display:inline;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .detail_bt a{display: block; width: 100%; text-decoration: none; color: #525252;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .detail_bt a:hover{color: #7f7f7f;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .detail_bt a:hover img{filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} @media only screen and (max-width: 1270px) { #kc-style #sch #sch_brand #contents_area #type_cts_all li{display: inline-block; vertical-align: top; width: 270px; margin: 0 18px 70px 18px;} #kc-style #sch #sch_brand #contents_area #type_cts_all li:nth-child(4n+4){margin: 0 18px 70px 18px;} #kc-style #sch #sch_brand #contents_area #type_cts_all { margin:0 auto; width:926px;} } @media only screen and (max-width: 977px) { #kc-style #sch #sch_brand #contents_area #type_cts_all li{display: inline-block; vertical-align: top; width: 270px; margin: 0 18px 70px 18px;} #kc-style #sch #sch_brand #contents_area #type_cts_all li:nth-child(4n+4){margin: 0 18px 70px 18px;} #kc-style #sch #sch_brand #contents_area #type_cts_all { margin:0 auto; width:616px;} } @media only screen and (max-width: 770px) { #kc-style #sch #sch_brand .search_brand_area1{ text-align: center; padding-top: 40px; padding-bottom: 0px; line-height: 1;} #kc-style #sch #sch_brand .search_brand_area1 .title{font-size: 150% !important; letter-spacing: .05em;} #kc-style #sch #sch_brand .search_brand_area1 .title_j{display: block; font-size: 68.75% !important; padding-top: 10px;} #kc-style #sch #sch_brand .search_brand_area1 .lead{width: 87.5% ; margin: 0 auto; font-size: 75% !important; padding-top: 45px; padding-bottom: 10px; line-height:1.4;} #kc-style #sch #sch_brand .search_brand_area1 .lead-en{ font-size: 75% !important; padding-top: 35px; padding-bottom: 10px; line-height:1.4; color:#333333;} #kc-style #sch #sch_brand .search_brand_area2{width: 100%; padding: 0 0 0 0;} #kc-style #sch #sch_brand .search_brand_area2 .search_brandsubttl_area p{border-top: 10px solid #323232; text-align: center; font-size: 125%!important; padding: 25px 0 5px 0; letter-spacing: 0.1em; color: #333; width: 100%; margin: 0 auto;} #kc-style #sch #sch_brand .search_brand_area2 .search_brandsubttl_area p.notlink{border-top: 10px solid #323232; text-align: center; font-size: 125%!important; padding: 25px 0 0 0; letter-spacing: 0.1em; color: #333; width: 100%; margin: 0 auto;} #kc-style #sch #sch_brand .search_brand_area2 .search_brandsubttl_area .title_j{ text-align:center; display: block; font-size: 68.75%; padding: 0 0 5px 0;} #kc-style #sch #sch_brand #contents_area{width: 100%; } #kc-style #sch #sch_brand #contents_area #type_cts_all{width: 100%; margin: 0 auto;} #kc-style #sch #sch_brand #contents_area #type_cts_all ul{width: 100%; margin: 0 auto;} #kc-style #sch #sch_brand #contents_area #type_cts_all li{float: none; width: 100%; margin: 20px 0 0 0; padding-bottom: 20px; border-bottom: 1px solid #ddd;} #kc-style #sch #sch_brand #contents_area #type_cts_all li:first-child{padding-top: 20px; border-top: 1px solid #ddd;} #kc-style #sch #sch_brand #contents_area #type_cts_all li.fstbrand{border-top: 0px solid #ddd; padding-top: 0;} #kc-style #sch #sch_brand #contents_area #type_cts_all li.lastbrand{border-bottom: 0px solid #ddd; padding-bottom: 40px;} #kc-style #sch #sch_brand #contents_area #type_cts_all li:nth-child(4n+4){margin: 20px 0 0 0;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .box_top{display: table; float: left; width: 28%;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .box_top img{width: 100%;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .box_top a{display: table-cell; width: 100%; min-width: 90px; height: 89px; border: 3px solid #E5E5E5; vertical-align: middle; text-align: center;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .box_top span{display: table-cell; width: 100%; min-width: 90px; height: 89px; border: 3px solid #E5E5E5; vertical-align: middle; text-align: center;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .box_top a:hover{border: 3px solid #EF0000;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .box{float: left; max-width: 65%; margin-left: 5%;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .name{display: block; color: #F30000; font-size: 100%; padding-top: 0;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .lead_text{display: block; font-size: 75%; padding: 10px 0 15px 0; line-height: 1.4;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .body_text{display: block; font-size: 75%; padding-bottom: 15px; line-height: 1.6;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .detail_bt_base{clear: both;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .detail_bt{width: 98%; margin: 0 auto; display: block; font-size: 81.25%; text-align: center; padding: 12px 0; border: 1px solid #ddd;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .detail_bt img{margin: -2px 0 0 10px;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .detail_bt a{display: block; width: 100%; text-decoration: none; color: #525252;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .detail_bt a:hover{color: #7f7f7f;} #kc-style #sch #sch_brand #contents_area #type_cts_all li .detail_bt a:hover img{filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} } /*====================================================================================== // search_brand ===*/ /*====================================================================================== search_scale ===*/ #kc-style #sch #sch_scale .search_scale_area1{ text-align: center; padding-top: 0; padding-bottom: 40px; line-height: 1; margin-bottom:0;} #kc-style #sch #sch_scale .search_scale_area1 .title{font-size: 250% !important; letter-spacing: 0.1em; margin-bottom:0;} #kc-style #sch #sch_scale .search_scale_area1 .title_j{display: block; font-size: 81.25% !important; padding-top: 12px;} #kc-style #sch #sch_scale .search_scale_area1 .main_pic{padding-top: 15px; } #kc-style #sch #sch_scale .search_scale_area1 .main_pic img{margin:0 auto;} #kc-style #sch #sch_scale .search_scale_area1 .lead{font-size: 81.25% !important; padding-top: 0; display:block;} #kc-style #sch #sch_scale .search_scale_area1 .lead-en{font-size: 95% !important; padding-top: 0; display:block; color:#333333;} #kc-style #sch #sch_scale .search_scale_area2{width: 100%; padding: 0 0 100px 0;} #kc-style #sch #sch_scale #contents_area{width: 100%; } #kc-style #sch #sch_scale #contents_area #type_cts_all{width: 100%;} #kc-style #sch #sch_scale #contents_area #type_cts_all ul.largeUL{width:1188px; margin: 0 auto;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.large{display: inline-block; vertical-align: top; margin: 0 12px 40px 0;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.large:nth-child(4n+4){margin: 0 0 40px 0;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.large{width: 285px; height: 240px; font-size: 212.5% !important;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.large a{display: table-cell; width: 265px; height: 220px; box-sizing: content-box; border: 10px solid #E5E5E5; background: #fff; color: #333; text-decoration: none; vertical-align: middle; text-align: center;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.large a:hover{border: 10px solid #EF0000;} #kc-style #sch #sch_scale #contents_area #type_cts_all ul.smallUL{width:1184px; margin: 0 auto;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.small{display: inline-block; vertical-align: top; margin: 0 12px 24px 0;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.small:nth-child(5n+5){margin: 0 0 24px 0;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.small{width: 224px; height: 120px; font-size: 125% !important;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.small a{display: table-cell; width: 204px; height: 100px; box-sizing: content-box; border: 10px solid #E5E5E5; background: #fff; color: #333; text-decoration: none; vertical-align: middle; text-align: center;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.small a:hover{border: 10px solid #EF0000;box-sizing: content-box;} @media only screen and (max-width: 1270px) { #kc-style #sch #sch_scale #contents_area #type_cts_all ul.largeUL{width:887px;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.large:nth-child(4n+4){margin: 0 12px 40px 0;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.large:nth-child(3n+0){margin: 0 0 40px 0;} #kc-style #sch #sch_scale #contents_area #type_cts_all ul.smallUL{ width:704px;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.small:nth-child(5n+5){margin: 0 12px 24px 0;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.small:nth-child(3n+3){margin: 0 0 24px 0;} } @media only screen and (max-width: 977px) { #kc-style #sch #sch_scale #contents_area #type_cts_all ul.largeUL{width:586px;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.large:nth-child(4n+4){margin: 0 12px 40px 0;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.large:nth-child(3n+0){margin: 0 12px 40px 0;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.large:nth-child(2n+0){margin: 0 0 40px 0;} } @media only screen and (max-width: 770px) { #kc-style #sch #sch_scale #contents_area #type_cts_all li.large:nth-child(4n+4){margin: 0 0 4.3% 0;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.large:nth-child(3n+0){margin: 0 0 4.3% 0;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.large:nth-child(2n+0){margin: 0 0 4.3% 0;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.small:nth-child(5n+5){margin: 0 0 4.3% 0;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.small:nth-child(3n+3){margin: 0 0 4.3% 0;} #kc-style #sch #sch_scale .search_scale_area1{ text-align: center; padding-top: 0; padding-bottom: 15px;line-height: 1; margin-bottom:0;} #kc-style #sch #sch_scale .search_scale_area1 .title{font-size: 150% !important; letter-spacing: .05em;} #kc-style #sch #sch_scale .search_scale_area1 .title_j{display: block; font-size: 68.75% !important; padding-top: 10px;} #kc-style #sch #sch_scale .search_scale_area1 .main_pic{padding-top: 20px;} #kc-style #sch #sch_scale .search_scale_area1 .main_pic img{min-width: 300px; width:100%;} #kc-style #sch #sch_scale .search_scale_area1 .lead{font-size: 75% !important; padding-top: 5px; line-height:1.4;} #kc-style #sch #sch_scale .search_scale_area1 .lead-en{font-size: 75% !important; padding-top: 0; line-height:1.4;} #kc-style #sch #sch_scale .search_scale_area2{width: 100%; padding: 0 0 35px 0;} #kc-style #sch #sch_scale #contents_area{width: 100%; margin: 0 auto;} #kc-style #sch #sch_scale #contents_area #type_cts_all{width: 100%; margin: 0 auto;} #kc-style #sch #sch_scale #contents_area #type_cts_all ul.largeUL{width: 100%; margin: 0 auto;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.large{display: table; float: left; width: 48.5%; height: auto; font-size: 162.5% !important; margin: 0 3% 4.3% 0;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.large:nth-child(2n+2){float: right; margin: 0 0 4.3% 0;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.large a{display: table-cell; width: 48%; height: 125px; border: 5px solid #E5E5E5; background: #fff; color: #333; text-decoration: none; vertical-align: middle; text-align: center;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.large a:hover{border: 5px solid #EF0000;} #kc-style #sch #sch_scale #contents_area #type_cts_all ul.smallUL{ width:100%;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.small{display: table; float: left; width: 48%; height: 60px; vertical-align: top;font-size: 100% !important; margin: 0 3% 4.3% 0;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.small:nth-child(2n+2){float: right; margin: 0 0 4.3% 0;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.small a{display: table-cell; width: 48%; height: 58px; border: 5px solid #E5E5E5; background: #fff; color: #333; text-decoration: none; vertical-align: middle; text-align: center;} #kc-style #sch #sch_scale #contents_area #type_cts_all li.small a:hover{border: 5px solid #EF0000;} } /*====================================================================================== // search_scale ===*/ /*====================================================================================== search_manuf ===*/ #kc-style #sch #sch_manuf .search_manuf_area1{text-align: center; padding-top: 0; padding-bottom: 20px; line-height: 1; margin-bottom:0;} #kc-style #sch #sch_manuf .search_manuf_area1 .title{font-size: 250% !important; letter-spacing: 0.1em;} #kc-style #sch #sch_manuf .search_manuf_area1 .title_j{display: block; font-size: 81.25% !important; padding-top: 12px;} #kc-style #sch #sch_manuf .search_manuf_area1 .lead{font-size: 81.25% !important; padding-top: 50px; margin-bottom:0;} #kc-style #sch #sch_manuf .search_manuf_area1 .lead-en{font-size: 95% !important; padding-top: 40px; display:block; margin-bottom:0; color:#333333;} #kc-style #sch #sch_manuf .search_manuf_area2{width: 100%; padding: 0 0 100px 0;} #kc-style #sch #sch_manuf .alphabet{width: 72.5%; margin: 0 auto; text-align: center;} #kc-style #sch #sch_manuf .alphabet ul{width: 100%; margin:0; padding:0; list-style:none;} #kc-style #sch #sch_manuf .alphabet ul li{ font-style:normal; margin: 0; padding:0; list-style:none; float: left; width: 3.845%; color: #fedbdb; font-size: 87.5% !important; background: url(../../../../../../media/wysiwyg/catalog/product/search_manufacture/sch_manuf_alpb_line.gif) no-repeat right;} #kc-style #sch #sch_manuf .alphabet ul li:last-child{background: none;} #kc-style #sch #sch_manuf .alphabet ul li a{display: inline-block; text-decoration: none; color: #F20000;} #kc-style #sch #sch_manuf .alphabet ul li a:hover{color: #ff6060;} #kc-style #sch #sch_manuf #contents_area{width: 1200px; margin: 0 auto; padding-top: 15px; line-height: 1;} #kc-style #sch #sch_manuf #alph_list > li{ margin:0; padding:0; list-style:none; padding: 35px 0 30px 0; border-top: 1px solid #444;} #kc-style #sch #sch_manuf #alph_list > li .alph{font-size: 250%!important; color: #211713;} #kc-style #sch #sch_manuf #manuf_list{padding-top: 25px;} #kc-style #sch #sch_manuf #manuf_list li{ margin:0; padding:0; list-style:none; float: left; width: 20%; line-height: 1.6;} #kc-style #sch #sch_manuf #manuf_list li a{color: #F20000; text-decoration: none; font-size: 81.25% !important; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuProN-W3, "メイリオ", Meiryo,sans-serif;} #kc-style #sch #sch_manuf #manuf_list li a:hover{color: #ff6060;} a#A, a#B, a#C, a#D, a#E, a#F, a#G, a#H, a#I, a#J, a#K, a#L, a#M, a#N, a#O, a#P, a#Q, a#R, a#S, a#T, a#U, a#V, a#W, a#X, a#Y, a#Z{padding-top: 60px;} @media only screen and (max-width: 1270px) { #kc-style #sch #sch_manuf .alphabet{width: 800px; margin: 0 auto; text-align: center;} #kc-style #sch #sch_manuf .alphabet ul{width: 100%; margin: 0 auto;} #kc-style #sch #sch_manuf .alphabet ul li{float: left; width: 3.845%; color: #fedbdb; font-size: 87.5%; background: url(../../../../../../media/wysiwyg/catalog/product/search_manufacture/sch_manuf_alpb_line.gif) no-repeat right;} #kc-style #sch #sch_manuf .alphabet ul li:last-child{background: none;} #kc-style #sch #sch_manuf .alphabet ul li a{display: inline-block; text-decoration: none; color: #F20000;} #kc-style #sch #sch_manuf .alphabet ul li a:hover{color: #ff6060;} #kc-style #sch #sch_manuf #contents_area{width: 100%; margin: 0 auto; padding-top: 15px; line-height: 1;} #kc-style #sch #sch_manuf #manuf_list li{float: left; width: 25%; padding-left: 0%; line-height: 1.6;} } @media only screen and (max-width: 977px) { #kc-style #sch #sch_manuf .alphabet{width: 700px; margin: 0 auto; text-align: center;} #kc-style #sch #sch_manuf #manuf_list li{float: left; width: 33.3%; padding-left: 0%; line-height: 1.6;} #kc-style #sch #sch_manuf .alphabet ul li:nth-child(10n+0){background: none;} } @media only screen and (max-width: 770px) { #kc-style #sch #sch_manuf .search_manuf_area1{text-align: center; padding-top: 5px; line-height: 1;} #kc-style #sch #sch_manuf .search_manuf_area1 .title{font-size: 150% !important; letter-spacing: .05em;} #kc-style #sch #sch_manuf .search_manuf_area1 .title_j{display: block; font-size: 68.75% !important; padding-top: 10px;} #kc-style #sch #sch_manuf .search_manuf_area1 .lead{font-size: 75%!important; padding-top: 35px; line-height:1.4;} #kc-style #sch #sch_manuf .search_manuf_area1 .lead-en{font-size: 75%!important; padding-top: 25px; line-height:1.4;} #kc-style #sch #sch_manuf .search_manuf_area2{width: 100%; padding: 0 0 0 0;} #kc-style #sch #sch_manuf .alphabet{width: 98%; margin: 0 auto; text-align: center;} #kc-style #sch #sch_manuf .alphabet ul{width: 100%; margin: 0 auto;} #kc-style #sch #sch_manuf .alphabet ul li{float: left; width: 10%; color: #fedbdb; font-size: 87.5%; background: url(../../../../../../media/wysiwyg/catalog/product/search_manufacture/sch_manuf_alpb_line.gif) no-repeat right;} #kc-style #sch #sch_manuf .alphabet ul li:last-child{background: none;} #kc-style #sch #sch_manuf .alphabet ul li a{display: inline-block; text-decoration: none; color: #F20000;} #kc-style #sch #sch_manuf .alphabet ul li a:hover{color: #ff6060;} #kc-style #sch #sch_manuf #contents_area{width: 98%; margin: 0 auto; padding-top: 15px; line-height: 1;} #kc-style #sch #sch_manuf #alph_list > li{padding: 25px 0 25px 3px; border-top: 1px solid #444;} #kc-style #sch #sch_manuf #alph_list > li .alph{font-size: 250%; color: #211713;} #kc-style #sch #sch_manuf #manuf_list{padding-top: 17px;} #kc-style #sch #sch_manuf #manuf_list li{float: left; width: 48.5%; padding-left: 1.5%; line-height: 1.6;} #kc-style #sch #sch_manuf #manuf_list li a{color: #F20000; text-decoration: none; font-size: 81.25%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuProN-W3, "メイリオ", Meiryo,sans-serif;} #kc-style #sch #sch_manuf #manuf_list li a:hover{color: #ff6060;} a#A, a#B, a#C, a#D, a#E, a#F, a#G, a#H, a#I, a#J, a#K, a#L, a#M, a#N, a#O, a#P, a#Q, a#R, a#S, a#T, a#U, a#V, a#W, a#X, a#Y, a#Z{padding-top: 55px;} } /*====================================================================================== // search_manuf ===*/ /*====================================================================================== search_color ===*/ #kc-style #sch #sch_color .search_color_area1{text-align: center; padding-top: 0; padding-bottom: 20px; line-height: 1; margin-bottom:0;} #kc-style #sch #sch_color .search_color_area1 .title{font-size: 250% !important; letter-spacing: 0.1em;} #kc-style #sch #sch_color .search_color_area1 .title_j{display: block; font-size: 81.25% !important; padding-top: 12px;} #kc-style #sch #sch_color .search_color_area1 .lead{font-size: 81.25% !important; padding-top: 50px; margin-bottom:0;} #kc-style #sch #sch_color .search_color_area1 .lead-en{font-size: 95% !important; padding-top: 40px; display:block; color:#333333;} #kc-style #sch #sch_color .search_color_area2{width: 100%; padding: 40px 0 103px 0;} #kc-style #sch #sch_color #contents_area{width: 1200px; margin: 0 auto;} #kc-style #sch #sch_color #contents_area ul{width: 100%; margin: 0 auto;} #kc-style #sch #sch_color #contents_area li{display: inline-block; vertical-align: top; width: 224px; margin: 0 10px 20px 0; line-height: 1;} #kc-style #sch #sch_color #contents_area li:nth-child(5n+5){margin: 0 0 20px 0;} #kc-style #sch #sch_color #contents_area li a{display: table-cell; width: 204px; height: 164px; box-sizing:content-box; border: 10px solid #E5E5E5; background: #fff; padding: 20px 0; color: #333; text-align: center; text-decoration: none;} #kc-style #sch #sch_color #contents_area li a:hover{border: 10px solid #EF0000;} #kc-style #sch #sch_color #contents_area .col{width: 160px; height: 110px; margin: 0 auto;} #kc-style #sch #sch_color #contents_area .et{display: block; font-size: 112.5%; padding-top: 18px; letter-spacing: .05em;} #kc-style #sch #sch_color #contents_area .jt{font-size: 68.75%;} /* color */ #kc-style #sch #sch_color .beige{background: #ecdeb2;} #kc-style #sch #sch_color .black{background: #000;} #kc-style #sch #sch_color .blue{background: #007aff;} #kc-style #sch #sch_color .brown{background: #683300;} #kc-style #sch #sch_color .gold{ background: -webkit-linear-gradient(to right bottom, from(#f3eb64), color-stop(0.50, #cabb57), to(#a28c4a)); background: -moz-linear-gradient(to right bottom, #f3eb64, #a28c4a); background: -o-linear-gradient(to right bottom, #f3eb64, #a28c4a); background: -ms-linear-gradient(to right bottom, #f3eb64, #a28c4a); background: linear-gradient(to right bottom, #f3eb64, #a28c4a); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3eb64', endColorstr='#a28c4a',GradientType=1 ); } #kc-style #sch #sch_color .green{background: #008e00;} #kc-style #sch #sch_color .gray{background: #ccc;} #kc-style #sch #sch_color .ivory{background: #fef7e3;} #kc-style #sch #sch_color .orange{background: #ff8000;} #kc-style #sch #sch_color .purple{background: #9800ff;} #kc-style #sch #sch_color .red{background: #f00;} .silver{ background: -webkit-linear-gradient(to right bottom, from(#f0f0f0), color-stop(0.50, #d8d8d8), to(#c1c1c1)); background: -moz-linear-gradient(to right bottom, #f0f0f0, #c1c1c1); background: -o-linear-gradient(to right bottom, #f0f0f0, #c1c1c1); background: -ms-linear-gradient(to right bottom, #f0f0f0, #c1c1c1); background: linear-gradient(to right bottom, #f0f0f0, #c1c1c1); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#c1c1c1',GradientType=1 ); } #kc-style #sch #sch_color .white{background: #fff; border: 1px solid #eee; box-sizing: border-box;} #kc-style #sch #sch_color .yellow{background: #feff00;} @media only screen and (max-width: 1270px) { #kc-style #sch #sch_color #contents_area{width: 938px; margin: 0 auto;} #kc-style #sch #sch_color #contents_area li:nth-child(5n+5){margin: 0 10px 20px 0;} #kc-style #sch #sch_color #contents_area li:nth-child(4n+4){ margin: 0 0 20px 0; } } @media only screen and (max-width: 977px) { #kc-style #sch #sch_color #contents_area{width: 700px; margin: 0 auto;} #kc-style #sch #sch_color #contents_area li:nth-child(5n+5){margin: 0 10px 20px 0;} #kc-style #sch #sch_color #contents_area li:nth-child(4n+4){ margin: 0 10px 20px 0;} #kc-style #sch #sch_color #contents_area li:nth-child(3n+3){ margin: 0 0 20px 0;} } @media only screen and (max-width: 770px) { #kc-style #sch #sch_color .search_color_area1{ text-align: center; padding-top: 5px; line-height: 1;} #kc-style #sch #sch_color .search_color_area1 .title{font-size: 150% !important; letter-spacing: 0.05em;} #kc-style #sch #sch_color .search_color_area1 .title_j{display: block; font-size: 68.75% !important; padding-top: 10px;} #kc-style #sch #sch_color .search_color_area1 .lead{font-size: 75% !important; padding-top: 35px; line-height:1.4;} #kc-style #sch #sch_color .search_color_area1 .lead-en{font-size: 75% !important; padding-top: 25px; padding-bottom: 10px; line-height:1.4; color:#333333;} #kc-style #sch #sch_color .search_color_area2{width: 100%; padding: 0 0 0 0;} #kc-style #sch #sch_color #contents_area{width: 100%; margin: 0 auto;} #kc-style #sch #sch_color #contents_area ul{width: 100%; margin: 0 auto;} #kc-style #sch #sch_color #contents_area li{display: table; float: left; width: 48.5%; height: auto; margin: 0 3% 4.3% 0; line-height: 1;} #kc-style #sch #sch_color #contents_area li a{display: table-cell; width: 48%; height: 125px; padding-bottom: 10%; border: 5px solid #E5E5E5; background: #fff; color: #333; text-decoration: none; vertical-align: middle; text-align: center;} #kc-style #sch #sch_color #contents_area li a:hover{border: 5px solid #EF0000;} #kc-style #sch #sch_color #contents_area .col{max-width: 240px; width:80%; height: 55%; margin: 0% 10%;} #kc-style #sch #sch_color #contents_area .et{display: block; font-size: 93.75%; letter-spacing: .05em;} #kc-style #sch #sch_color #contents_area .jt{font-size: 62.5%;} #kc-style #sch #sch_color #contents_area li:nth-child(5n+5){ margin: 0 3% 4.3% 0;} #kc-style #sch #sch_color #contents_area li:nth-child(4n+4){ margin: 0 3% 4.3% 0;} #kc-style #sch #sch_color #contents_area li:nth-child(3n+3){ margin: 0 3% 4.3% 0;} #kc-style #sch #sch_color #contents_area li:nth-child(2n+2){ float: right; margin: 0 0 4.3% 0;} } /*====================================================================================== // search_color ===*/ /*====================================================================================== search_type ===*/ #kc-style #sch #sch_type .search_type_area1{text-align: center; padding-top: 0; padding-bottom: 20px; line-height: 1; margin-bottom:0;} #kc-style #sch #sch_type .search_type_area1 .title{font-size: 250% !important; letter-spacing: 0.1em;} #kc-style #sch #sch_type .search_type_area1 .title_j{display: block; font-size: 81.25% !important; padding-top: 12px;} #kc-style #sch #sch_type .search_type_area1 .lead{font-size: 81.25% !important; padding-top: 50px; margin-bottom:0;} #kc-style #sch #sch_type .search_type_area1 .lead-en{font-size: 95% !important; padding-top: 40px; margin-bottom:0; color:#333333;} #kc-style #sch #sch_type .search_type_area2{width: 100%; padding: 40px 0 103px 0;} #kc-style #sch #sch_type #contents_area{width: 1200px; margin: 0 auto;} #kc-style #sch #sch_type #contents_area ul{width: 100%; margin: 0 auto;} #kc-style #sch #sch_type #contents_area li{display: inline-block; vertical-align: top; width: 285px; margin: 0 16px 20px 0; line-height: 1;} #kc-style #sch #sch_type #contents_area li:nth-child(4n+4){margin: 0 0 20px 0;} #kc-style #sch #sch_type #contents_area li a{display: table-cell; width: 265px; height: 200px; box-sizing:content-box; border: 10px solid #E5E5E5; background: #fff; padding: 60px 0 20px 0; color: #333; text-align: center; text-decoration: none;} #kc-style #sch #sch_type #contents_area li a:hover{border: 10px solid #EF0000;} #kc-style #sch #sch_type #contents_area li a img{width: 100%; max-width: 195px; margin:0 auto;} #kc-style #sch #sch_type #contents_area .et{display: block; font-size: 112.5%; padding-top: 15px; letter-spacing: .05em; color: #f40000;} #kc-style #sch #sch_type #contents_area .jt{font-size: 68.75%; color: #525252;} @media only screen and (max-width: 1270px) { #kc-style #sch #sch_type #contents_area{width: 895px; margin: 0 auto;} #kc-style #sch #sch_type #contents_area li:nth-child(4n+4){ margin: 0 16px 20px 0; } #kc-style #sch #sch_type #contents_area li:nth-child(2n+2){ margin: 0 16px 20px 0;} #kc-style #sch #sch_type #contents_area li:nth-child(3n+3){ margin: 0 0 20px 0;} } @media only screen and (max-width: 977px) { #kc-style #sch #sch_type #contents_area{width: 590px; margin: 0 auto;} #kc-style #sch #sch_type #contents_area li:nth-child(4n+4){ margin: 0 16px 20px 0; } #kc-style #sch #sch_type #contents_area li:nth-child(3n+3){ margin: 0 16px 20px 0;} #kc-style #sch #sch_type #contents_area li:nth-child(2n+2){ margin: 0 0 20px 0;} } @media only screen and (max-width: 770px) { #kc-style #sch #sch_type .search_type_area1{text-align: center; padding-top: 5px; line-height: 1;} #kc-style #sch #sch_type .search_type_area1 .title{font-size: 150% !important; letter-spacing: 0.05em;} #kc-style #sch #sch_type .search_type_area1 .title_j{display: block; font-size: 68.75% !important; padding-top: 10px;} #kc-style #sch #sch_type .search_type_area1 .lead{font-size: 75% !important; padding-top: 35px; line-height:1.4;} #kc-style #sch #sch_type .search_type_area1 .lead-en{font-size: 75% !important; padding-top: 25px; line-height:1.4; color::#333333;} #kc-style #sch #sch_type .search_type_area2{width: 100%; padding: 0 0 0 0;} #kc-style #sch #sch_type #contents_area{width: 100%; margin: 0 auto;} #kc-style #sch #sch_type #contents_area ul{width: 100%; margin: 0 auto;} #kc-style #sch #sch_type #contents_area li{display: table; float: left; width: 48.5%; height: auto; margin: 0 3% 4.3% 0; line-height: 1;} #kc-style #sch #sch_type #contents_area li a{display: table-cell; width: 48%; height: auto; border: 5px solid #E5E5E5; background: #fff; padding: 25px 0 20px 0; color: #333; text-align: center; text-decoration: none;} #kc-style #sch #sch_type #contents_area li a:hover{border: 5px solid #EF0000;} #kc-style #sch #sch_type #contents_area li a img{width: 75%; max-width: 195px;} #kc-style #sch #sch_type #contents_area .et{display: block; font-size: 68.75%; padding-top: 0; letter-spacing: .05em; color: #f40000;} #kc-style #sch #sch_type #contents_area .jt{font-size: 62.5%; color: #525252;} #kc-style #sch #sch_type #contents_area li:nth-child(4n+4){float: right; margin: 0 0 4.3% 0; } #kc-style #sch #sch_type #contents_area li:nth-child(3n+3){float: left; margin: 0 0 4.3% 0;} #kc-style #sch #sch_type #contents_area li:nth-child(2n+2){float: right; margin: 0 0 4.3% 0;} } /*====================================================================================== // search_type ===*/ /** DieCast Search　 body#kage div#kc-style #sch #sch_brand / #sch_scale / #sch_manuf /#sch_color / #sch_type *********************************************************************/ /*********************************************************************************************************************/ /*====================================================================================== CUSTOMER SUPPORT ===*/ .std #kc-style #c_support p, .std #kc-style #c_support li{ font-size:14px !important;} .std #kc-style #c_support li{ line-height:1.8; font-style:normal; color:#333;} .std #kc-style #c_support span{ vertical-align:baseline;} #kc-style #c_support h2 { padding:0; margin:0;} #kc-style #c_support {font-size:16px !important;} #kc-style #c_support {font-family: 'Oswald', sans-serif; font-weight: 400; color: #333; letter-spacing: 0.04em;} /*#kc-style #c_support .eng_n{font-family: 'Oswald', sans-serif !important; font-weight: 400; color: #333; letter-spacing: 0.04em;} #kc-style #c_support #eng_light{font-family: 'Oswald', sans-serif !important; font-weight: 300; letter-spacing: 0.04em;}*/ #kc-style #c_support #jpn_n{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuProN-W3, "メイリオ", Meiryo,sans-serif !important; color:#333;} #kc-style #c_support #jpn_b{font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", HiraKakuProN-W6, "メイリオ", Meiryo,sans-serif !important; font-weight: bold; color:#333;} #kc-style #c_support .tc_red{color: #C30000;} #kc-style #c_support .tc_white{color: #FFFFFF;} #kc-style #c_support .tc_black{color: #000000;} #kc-style #c_support .tc_gray{color: #666666;} #kc-style #c_support .tc_deepgray{color: #333333;} #kc-style #c_support .tc_lightgray{color: #999999;} #kc-style #c_support .tc_whitegray{color: #F0F0F0;} #kc-style #c_support .area_ct{color: #333333;} #kc-style #c_support .s_size{color: #535353;} #kc-style #c_support .word_brk{ word-wrap:break-word;} #kc-style #c_support .tel_links a { text-decoration:none; font-size:100%; font-weight:400; } /*------------------------------------- 改行 --------------------------------------*/ #kc-style #c_support .pc_br{display: block;} #kc-style #c_support .sp_br{display: inline;} @media only screen and (max-width: 770px) { #kc-style #c_support .pc_br{display: inline;} #kc-style #c_support .sp_br{display: block;} } /*------------------------------------- Clearfix --------------------------------------*/ #kc-style #c_support .clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} #kc-style #c_support .clearfix{display: inline-block;} html #kc-style #c_support .clearfix{height: 1%;} #kc-style #c_support .clearfix{display: block;} /*====================================================================================== ===*/ #kc-style #c_support {} #kc-style #c_support .area1{text-align: center; padding-top: 0; padding-bottom: 0; line-height: 1;} #kc-style #c_support .area1 .title{ font-size: 250% !important; letter-spacing: 0.1em; margin-bottom:0;} #kc-style #c_support .area1 .title_j{display: block; font-size: 81.25%; padding-top: 12px;} #kc-style #c_support .area1 .lead{font-size: 81.25% !important; padding-top: 60px; display:block;} #kc-style #c_support .main{width: 100%; } #kc-style #c_support .main .sp{display: none; border:none;} #kc-style #c_support .main img{ width:977px; margin:30px auto 20px auto;} #kc-style #c_support .area2{width: 100%; padding: 0 0 90px 0;} #kc-style #c_support #contents_area{width: 98%; margin: 0 auto;} #kc-style #c_support #contents_area div#toparea{width: 100%; margin: 0 auto; text-align:center;} #kc-style #c_support #contents_area div#toparea p{ line-height: 1.8; } #kc-style #c_support #contents_area div#toparea ul.list{ padding:0.5em; margin:0.5em auto; list-style: disc; line-height: 1.8; text-align:left;width:50%; background:#fff;} #kc-style #c_support #contents_area div#toparea ul.list li{ padding-right:1em;} #kc-style #c_support #contents_area div#toparea a{ display:block; color:#F00; text-decoration:none; margin-top:0.5em; line-height:1.3em; font-size:85.714% !important;} #kc-style #c_support #contents_area div#toparea a:hover{ display:block; color:#f66; text-decoration:none;} #kc-style #c_support #contents_area .contact_infoarea{ border:10px solid #ececec; margin-top:50px; padding:28px 21px 33px 21px; background:#fff;} #kc-style #c_support #contents_area .contact_infoarea .info_area{width:49%; padding:0 0%;} #kc-style #c_support #contents_area .contact_infoarea .left{ float:left;} #kc-style #c_support #contents_area .contact_infoarea .right{ float:right;} #kc-style #c_support #contents_area .contact_infoarea .ttl{font-size:150% !important; line-height:1.8; color:#333; border-bottom:1px solid #e5e5e5;} #kc-style #c_support #contents_area .contact_infoarea .sub{display:inline-block; position:absolute; margin:13px 0 0 20px; font-size:58.3%; color:#888; line-height:1;} #kc-style #c_support #contents_area .contact_infoarea .sttl{font-size:81.25% !important; color:#333; padding:20px 0 0 0;} #kc-style #c_support #contents_area .contact_infoarea .telfax{display:table; margin-top:21px; float:left;} #kc-style #c_support #contents_area .contact_infoarea .telfax span.no_ttl{display:table-cell; vertical-align:middle; margin-right:16px; font-size:112.5% !important; color:#333;} #kc-style #c_support #contents_area .contact_infoarea .telfax span.no{display:table-cell; vertical-align:middle; font-size:242.85714% !important; color:#333; line-height:0;} #kc-style #c_support #contents_area .contact_infoarea .telfax span.telvac{padding-left:0.58em; font-weight: 400;} #kc-style #c_support #contents_area .contact_infoarea .telfax span.faxvac{padding-left:0.5em; font-weight: 400;} #kc-style #c_support #contents_area .contact_infoarea .fax{margin-left:1em;} #kc-style #c_support #contents_area .contact_infoarea .sttl .open{display:inline; font-size:123% !important; line-height:1.5;} #kc-style #c_support #contents_area .contact_infoarea .sttl .open2{display:block; padding-left:5em;} #kc-style #c_support #contents_area .contact_infoarea .pc_smp{margin-top:16px;} #kc-style #c_support #contents_area .contact_infoarea .pc_smp a{ width:100%; display:block; border:1px solid #e9e9e9; background:#f4f4f4; text-align:center; text-decoration:none; padding:29px 0; font-size:93.75%; color:#535353;} #kc-style #c_support #contents_area .contact_infoarea .pc_smp a .click{font-size:93.3% !important; color:#535353;} #kc-style #c_support #contents_area .contact_infoarea .pc_smp a:hover{display:block; border:1px solid #f4f4f4; background:#e9e9e9;} #kc-style #c_support #contents_area .contact_infoarea .pc_smp a .sp_text{display:none;} #kc-style #c_support #contents_area .cvs_infoarea { border:4px solid #ececec; margin-top:50px; padding:30px 31px; background:#fff;} #kc-style #c_support #contents_area .cvs_infoarea p.ttl{ font-size:120% !important; color:#333; } #kc-style #c_support #contents_area .cvs_infoarea p.ttl span.narrow{ margin-left:-0.5em;} #kc-style #c_support #contents_area .cvs_infoarea .info_area{ width:49%; padding:0 0%;} #kc-style #c_support #contents_area .cvs_infoarea .left{ float:left; margin-top:10px;} #kc-style #c_support #contents_area .cvs_infoarea .right{ float:right;} #kc-style #c_support #contents_area .cvs_infoarea .info_area .cvs_tel{display:table; margin-top:21px;} #kc-style #c_support #contents_area .cvs_infoarea .info_area .cvs_tel span.ttltel{display:table-cell; vertical-align:middle; margin-right:16px; font-size:102.5% !important; color:#333;} #kc-style #c_support #contents_area .cvs_infoarea .info_area .cvs_tel span.ttltelno{display:table-cell; vertical-align:middle; font-size:242.85714% !important; color:#333; line-height:0; padding-left:0.50em; font-weight: 400;} #kc-style #c_support #contents_area .cvs_infoarea .info_area .cvs_tel span.ttltelonly{ display:table-cell; vertical-align:bottom; padding-top:10px;} #kc-style #c_support #contents_area .cvs_infoarea .info_area .sttl{font-size:81.25%!important; color:#333; padding:20px 0 0 0;} #kc-style #c_support #contents_area .cvs_infoarea .info_area .sttl .open{display:block; font-size:123% !important; line-height:1.5;} #kc-style #c_support #contents_area .btn_infoarea{padding-top:20px;} #kc-style #c_support #contents_area .btn_infoarea ul{padding:0; margin:0px;} #kc-style #c_support #contents_area .btn_infoarea ul li{width:210px; list-style:none; float:left; text-align:center; margin:40px 31.4px 0 0;} #kc-style #c_support #contents_area .btn_infoarea ul li:nth-child(5n+5){margin:40px 0 0 0;} #kc-style #c_support #contents_area .btn_infoarea ul li a{display:block; width:210px; height:210px; border:5px solid #e5e5e5; font-size:100%; text-decoration:none; color:#333; background:#fff !important;} #kc-style #c_support #contents_area .btn_infoarea ul li a p{ margin:30px 0 12px 0;} #kc-style #c_support #contents_area .btn_infoarea ul li a p img{ width:85.5%; margin:0 auto;} #kc-style #c_support #contents_area .btn_infoarea ul li a:hover{border:5px solid #ef0000;} #kc-style #c_support #contents_area div#toparea div.distibutors{ width:50%; margin:0 auto !important;} #kc-style #c_support #contents_area div#toparea div.distibutors ul.dislist{ padding:0 !important; margin:0 !important; list-style:none; margin:0 auto !important;} #kc-style #c_support #contents_area div#toparea div.distibutors ul.dislist li{ float:left; width:50%; padding:0 0.5% !important; margin:0 !important; } #kc-style #c_support #contents_area div#toparea div.distibutors ul.dislist li a{font-size:120% !important; display:block; padding:1em 0; text-align:center; background:#fff; box-sizing:border-box; border:3px solid #cfcfcf;} #kc-style #c_support #contents_area div#toparea div.distibutors ul.dislist li a:hover{ background:#efefef;} @media only screen and (max-width: 1270px) { #kc-style #c_support #contents_area .btn_infoarea ul{padding:0; margin:0px auto; width:934.2px;} #kc-style #c_support #contents_area .btn_infoarea ul li{width:210px; list-style:none; float:left; text-align:center; margin:40px 31.4px 0 0;} #kc-style #c_support #contents_area .btn_infoarea ul li:nth-child(5n+5){margin:40px 31.4px 0 0;} #kc-style #c_support #contents_area .btn_infoarea ul li:nth-child(4n+4){margin:40px 0 0 0;} } @media only screen and (max-width: 1150px) { #kc-style #c_support #contents_area .contact_infoarea{ border:10px solid #ececec; margin-top:50px; padding:28px 21px 33px 21px; background:#fff;} #kc-style #c_support #contents_area .contact_infoarea .info_area{width:49%; padding:0 0%;} #kc-style #c_support #contents_area .contact_infoarea .left{ float:left;} #kc-style #c_support #contents_area .contact_infoarea .right{ float:right;} #kc-style #c_support #contents_area .contact_infoarea .ttl{font-size:150% !important; line-height:1.8; color:#333; border-bottom:1px solid #e5e5e5;} #kc-style #c_support #contents_area .contact_infoarea .sub{display:inline-block; position:absolute; margin:13px 0 0 20px; font-size:58.3%; color:#888; line-height:1;} #kc-style #c_support #contents_area .contact_infoarea .sttl{font-size:81.25%!important; color:#333; padding:20px 0 0 0;} #kc-style #c_support #contents_area .contact_infoarea .telfax{display:table; margin-top:21px; float:none;} #kc-style #c_support #contents_area .contact_infoarea .telfax span.no_ttl{display:table-cell; vertical-align:middle; margin-right:16px; font-size:112.5% !important; color:#333;} #kc-style #c_support #contents_area .contact_infoarea .telfax span.no{display:table-cell; vertical-align:middle; font-size:212.5%!important; color:#333; line-height:0;} #kc-style #c_support #contents_area .contact_infoarea .telfax span.telvac{padding-left:0.58em; font-weight: 400;} #kc-style #c_support #contents_area .contact_infoarea .telfax span.faxvac{padding-left:0.5em; font-weight: 400;} #kc-style #c_support #contents_area .contact_infoarea .fax{margin-left:0;} #kc-style #c_support #contents_area .contact_infoarea .sttl .open{display:block; font-size:100%!important; line-height:1.5;} #kc-style #c_support #contents_area .contact_infoarea .sttl .open2{display:block; padding-left:0;} #kc-style #c_support #contents_area .contact_infoarea .pc_smp{margin-top:16px;} #kc-style #c_support #contents_area .contact_infoarea .pc_smp a{ width:100%; display:block; border:1px solid #e9e9e9; background:#f4f4f4; text-align:center; text-decoration:none; padding:29px 0; font-size:93.75%; color:#535353;} #kc-style #c_support #contents_area .contact_infoarea .pc_smp a .click{font-size:93.3%!important; color:#535353;} #kc-style #c_support #contents_area .contact_infoarea .pc_smp a:hover{display:block; border:1px solid #f4f4f4; background:#e9e9e9;} #kc-style #c_support #contents_area .contact_infoarea .pc_smp a .sp_text{display:none;} #kc-style #c_support #contents_area .cvs_infoarea .info_area .sttl{font-size:81.25% !important; color:#333; padding:20px 0 0 0;} #kc-style #c_support #contents_area .cvs_infoarea .info_area .sttl .open{display:block; font-size:100% !important; line-height:1.5;} #kc-style #c_support #contents_area .cvs_infoarea .info_area .cvs_tel span.ttltelno{font-size:212.5% !important; } #kc-style #c_support #contents_area .btn_infoarea ul{padding:0; margin:0px auto; width:692.8px;} #kc-style #c_support #contents_area .btn_infoarea ul li{width:210px; list-style:none; float:left; text-align:center; margin:40px 31.4px 0 0;} #kc-style #c_support #contents_area .btn_infoarea ul li:nth-child(5n+5){margin:40px 31.4px 0 0;} #kc-style #c_support #contents_area .btn_infoarea ul li:nth-child(4n+4){margin:40px 31.4px 0 0;} #kc-style #c_support #contents_area .btn_infoarea ul li:nth-child(3n+3){margin:40px 0 0 0;} } @media only screen and (max-width: 977px) { #kc-style #c_support .main img{width: 100%;} #kc-style #c_support #contents_area div#toparea{text-align:left;} #kc-style #c_support #contents_area div#toparea ul.list{ padding:0.5em 0em; text-align:left; width:100%;} #kc-style #c_support #contents_area div#toparea a{ display:block; color:#F00; text-decoration:none; margin-top:0.5em; line-height:1.3em;} #kc-style #c_support #contents_area div#toparea div.distibutors{ width:100%; margin:0 0 !important;} } @media only screen and (max-width: 900px) { #kc-style #c_support #contents_area .contact_infoarea{border:5px solid #ececec; margin-top:20px; padding:25px 0;} #kc-style #c_support #contents_area .contact_infoarea .info_area{width:auto; padding:0 13px;} #kc-style #c_support #contents_area .contact_infoarea .left{ float:none; padding-bottom:30px; border-bottom:1px solid #ededed;} #kc-style #c_support #contents_area .contact_infoarea .right{ float:none; padding-top:30px;} #kc-style #c_support #contents_area .contact_infoarea .ttl{font-size:100% !important; color:#333; padding-bottom:3px; line-height:1.3; border-bottom:1px solid #e5e5e5;} #kc-style #c_support #contents_area .contact_infoarea .sttl{font-size:81.25% !important; color:#333; padding:20px 0 0 0;} #kc-style #c_support #contents_area .contact_infoarea .telfax{display:table; margin-top:21px; float:left;} #kc-style #c_support #contents_area .contact_infoarea .telfax span.no_ttl{display:table-cell; vertical-align:middle; margin-right:16px; font-size:112.5%!important; color:#333;} #kc-style #c_support #contents_area .contact_infoarea .telfax span.no{display:table-cell; vertical-align:middle; font-size:190%!important; color:#333; line-height:0;} #kc-style #c_support #contents_area .contact_infoarea .sub{margin:6px 0 0 20px;} #kc-style #c_support #contents_area .cvs_infoarea .info_area .cvs_tel span.ttltelno{font-size:190% !important; } #kc-style #c_support #contents_area .contact_infoarea .telfax span.telvac{padding-left:0.28em; font-weight: 400;} #kc-style #c_support #contents_area .contact_infoarea .telfax span.faxvac{padding-left:0.2em; font-weight: 400;} #kc-style #c_support #contents_area .contact_infoarea .fax{margin-left:2em;} #kc-style #c_support #contents_area .contact_infoarea .sttl .open{display:inline; font-size:100% !important; line-height:1.5;} #kc-style #c_support #contents_area .contact_infoarea .sttl .open2{display:inline; padding-left:0;} #kc-style #c_support #contents_area .cvs_infoarea span.ttlbr_cv{display:block;} #kc-style #c_support #contents_area div#toparea div.distibutors ul.dislist li a{font-size:100% !important;} } @media only screen and (max-width: 850px) { #kc-style #c_support #contents_area .contact_infoarea .sttl .open2{display:block; padding-left:5em;} } @media only screen and (max-width: 770px) { #kc-style #c_support .main .pc{display: none;} #kc-style #c_support .main .sp{display: block;} #kc-style #c_support .main img{width: 100%; margin:30px 0 30px 0;} #kc-style #c_support #contents_area div#toparea{text-align:left;} #kc-style #c_support .area1{text-align: center; padding-top: 5px; line-height: 1;} #kc-style #c_support .area1 .title{ font-size: 150% !important; letter-spacing: 0.05em;} #kc-style #c_support .area1 .title_j{display: block; font-size: 68.75% !important; padding-top: 10px;} #kc-style #c_support .area1 .lead{font-size: 75% !important; padding-top: 35px; line-height:1.4;} #kc-style #c_support #contents_area .contact_infoarea .telfax span.no{display:table-cell; vertical-align:middle; font-size:190%!important; font-weight: 400!important; color:#333; line-height:0;} #kc-style #c_support #contents_area .cvs_infoarea { border:4px solid #ededed; margin-top:20px; padding:25px 13px;} #kc-style #c_support #contents_area .cvs_infoarea p.ttl{ font-size:93.75% !important; color:#333; line-height:1.3;} #kc-style #c_support #contents_area .cvs_infoarea .info_area{ width:auto; padding:0 0;} #kc-style #c_support #contents_area .cvs_infoarea .left{ float:none; margin-top:10px;} #kc-style #c_support #contents_area .cvs_infoarea .right{ float:none;} #kc-style #c_support #contents_area .cvs_infoarea .info_area .cvs_tel{display:table; margin-top:16px;} #kc-style #c_support #contents_area .cvs_infoarea .info_area .cvs_tel span.ttltel{display:table-cell; vertical-align:middle; margin-right:16px; font-size:102.5%; color:#333;} #kc-style #c_support #contents_area .cvs_infoarea .info_area .cvs_tel span.ttltelno{display:table-cell; vertical-align:middle; font-size:190% !important; color:#333; line-height:0; padding-left:0.2em; font-weight: 400;} #kc-style #c_support #contents_area .cvs_infoarea .info_area .cvs_tel span.ttltelonly{ display:table-cell; vertical-align:bottom; padding-top:10px; font-size:75.5%;} #kc-style #c_support #contents_area .cvs_infoarea .info_area .sttl{font-size:81.25% !important; color:#333; padding:20px 0 0 0;} #kc-style #c_support #contents_area .cvs_infoarea .info_area .sttl .open{display:block; font-size:100% !important; line-height:1.5;} #kc-style #c_support #contents_area .btn_infoarea{padding-top:20px;} #kc-style #c_support #contents_area .btn_infoarea ul{padding:0; margin:0; width:auto;} #kc-style #c_support #contents_area .btn_infoarea ul li{width:48.00%; list-style:none; float:left; text-align:center; margin:10px 3.8% 0 0;} #kc-style #c_support #contents_area .btn_infoarea ul li a{display:block; width:auto; height:auto; border:5px solid #e5e5e5; font-size:100% !important; text-decoration:none; color:#333;} #kc-style #c_support #contents_area .btn_infoarea ul li a p{ margin:20px 0 0 0;} #kc-style #c_support #contents_area .btn_infoarea ul li a p img{ width:90.5%; margin:0 auto;} #kc-style #c_support #contents_area .btn_infoarea ul li a:hover{border:5px solid #ef0000;} #kc-style #c_support #contents_area .btn_infoarea ul li a span{ display:block; font-size:75.75%!important; margin: 0 0 20px 0; color:#333;} #kc-style #c_support #contents_area .btn_infoarea ul li:nth-child(3n+3){margin:10px 3.8% 0 0;} #kc-style #c_support #contents_area .btn_infoarea ul li:nth-child(5n+5){margin:10px 3.8% 0 0;} #kc-style #c_support #contents_area .btn_infoarea ul li:nth-child(2n+2){margin:10px 0 0 0;} #kc-style #c_support #contents_area div#toparea div.distibutors ul.dislist li a{font-size:90% !important;} } @media only screen and (max-width: 600px) { #kc-style #c_support #contents_area .contact_infoarea .ttl{font-size:100% !important;color:#333; padding-bottom:3px; line-height:1.3; border-bottom:1px solid #e5e5e5;} #kc-style #c_support #contents_area .contact_infoarea .telfax{display:table; margin-top:21px; float:none;} #kc-style #c_support #contents_area .contact_infoarea .sttl .open{display:block; font-weight:normal; font-size:100% !important; line-height:1.5;} #kc-style #c_support #contents_area .contact_infoarea .sttl .open2{display:block;font-weight:normal; font-size:100% !important; padding-left:0;} #kc-style #c_support #contents_area .contact_infoarea .fax{margin-left:0;} #kc-style #c_support #contents_area .contact_infoarea .sub{display:block; position:static; margin:5px 0 2px 3px; font-size:55% !important; color:#888; line-height:1;} #kc-style #c_support #contents_area .contact_infoarea .pc_smp{margin-top:16px;} #kc-style #c_support #contents_area .contact_infoarea .pc_smp a{ width:100%; display:block; border:1px solid #e9e9e9; background:#f4f4f4; text-align:center; text-decoration:none; padding:14.5px 0; font-size:93.75%; color:#535353;} #kc-style #c_support #contents_area .contact_infoarea .pc_smp a .click{font-size:93.3%!important; color:#535353; padding:0 0.3em 0 0.8em;} #kc-style #c_support #contents_area .contact_infoarea .pc_smp a:hover{display:block; border:1px solid #f4f4f4; background:#e9e9e9;} #kc-style #c_support #contents_area .contact_infoarea .pc_smp a .pc_text{display:none;} #kc-style #c_support #contents_area .cvs_infoarea p.ttl{ font-size:93.75% !important; color:#333; line-height:1.3;} #kc-style #c_support #contents_area .cvs_infoarea .info_area .sttl{font-size:81.25% !important; color:#333; padding:20px 0 0 0;} #kc-style #c_support #contents_area .cvs_infoarea .info_area .sttl .open{display:block; font-weight:normal; font-size:100% !important; line-height:1.5;} #kc-style #c_support #contents_area .cvs_infoarea span.ttlbr_cv{display:inline;} #kc-style #c_support #contents_area div#toparea div.distibutors ul.dislist li a span{ display:block;} } /*#kc-style #c_support a[href^="tel:"] { cursor: default; }*/ /*====================================================================================== // CUSTOMER SUPPORT ===*/ /** SHOP　 body#kage div#kc-style.kcShop　**********************************/ body#kage div#kc-style.kcShop img{width:100%;} body#kage div#kc-style.kcShop div.sec{margin-bottom:0;} body#kage div#kc-style.kcShop div.sec h2{padding-top:4px; margin-bottom:15px;} body#kage div#kc-style.kcShop .clm50-left{float:left;width:48%; margin-right:2%;} body#kage div#kc-style.kcShop .clm50-right{float:right;width:48%; margin-left:2%;} body#kage div#kc-style.kcShop .shops .shops_l{float:left; width:22.57%;} body#kage div#kc-style.kcShop .shops .shops_l img{min-width:120px;} body#kage div#kc-style.kcShop .shops img.logopc{ display:block;} body#kage div#kc-style.kcShop .shops img.logosp{ display:none;} body#kage div#kc-style.kcShop .shops .shops_l2{float:left; width:10%;} body#kage div#kc-style.kcShop .shops .shops_l2 img{min-width:120px;} body#kage div#kc-style.kcShop .shops .shops_r2{float:right; width:86%; padding-left:4%; padding-top:1em;} body#kage div#kc-style.kcShop .shops .shops_r{float:right; width:73.43%; padding-left:4%;} body#kage div#kc-style.kcShop .shops .kagi-ml0{margin-left:-0.6em;} body#kage div#kc-style.kcShop div.sec h2.ttlalldcdhop{text-align:center;padding-top:20px;} body#kage div#kc-style.kcShop div.sec p.cmtalldcdhop{text-align:center; margin-top:30px;} body#kage div#kc-style.kcShop div.sec .materialshopImage{ max-width:600px; margin:0 auto;} body#kage div#kc-style.kcShop div.sec .materialshopImage2{ max-width:400px; margin:0 auto;} body#kage div#kc-style.kcShop div.sec .materialshopImage_l{float:left; width:49%; text-align:center;} body#kage div#kc-style.kcShop div.sec .materialshopImage_r{float:right; width:49%; text-align:center;} body#kage div#kc-style.kcShop div.sec .materialshopImage_l img, body#kage div#kc-style.kcShop div.sec .materialshopImage_r img{width:100%; border:5px solid #ececec;} body#kage div#kc-style.kcShop div.sec .materialshopImage2 .materialshopImage_l img, body#kage div#kc-style.kcShop div.sec .materialshopImage2 .materialshopImage_r img{width:100%; border:none;} body#kage div#kc-style.kcShop .shop_slct{width: 100%; margin:50px auto 50px auto;} body#kage div#kc-style.kcShop .shop_slct ul{margin: 0; padding: 0;} body#kage div#kc-style.kcShop .shop_slct li{cursor: pointer; box-sizing: content-box; list-style: none; float: left; background: #de0000; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 0 23px; margin: 4px;} body#kage div#kc-style.kcShop .shop_slct li .w-s_area{display: table;width: 245px; height: 56px;} body#kage div#kc-style.kcShop .shop_slct li:hover p{filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;} body#kage div#kc-style.kcShop .shop_slct li p{color: #fff; text-decoration: none; font-size: 93.75%; display: table-cell; vertical-align: middle; background: url(../../../../../../media/wysiwyg/catalog/product/shop/bt_shoplistarrow.png) no-repeat center right;user-select: none;-moz-user-select: none; /* Firefox */ -webkit-user-select: none; /* Safari、Chromeなど */ -ms-user-select: none; /* IE10かららしい */} body#kage div#kc-style.kcShop .shop_slct .shop_area{ box-sizing:content-box;width: 279px; margin: -8px 4px 0 4px; background: #efefef; border: 4px solid #de0000; padding: 10px 2px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: none;} body#kage div#kc-style.kcShop .shop_slct li.shoparea01{position: relative; z-index:8;} body#kage div#kc-style.kcShop .shop_slct li.shoparea02{position: relative; z-index:7;} body#kage div#kc-style.kcShop .shop_slct li.shoparea03{position: relative; z-index:6;} body#kage div#kc-style.kcShop .shop_slct li.shoparea04{position: relative; z-index:5;} body#kage div#kc-style.kcShop .shop_slct li.shoparea05{position: relative; z-index:4;} body#kage div#kc-style.kcShop .shop_slct li.shoparea06{position: relative; z-index:3;} body#kage div#kc-style.kcShop .shop_slct li.shoparea07{position: relative; z-index:2;} body#kage div#kc-style.kcShop .shop_slct li.shoparea08{position: relative; z-index:1;} body#kage div#kc-style.kcShop .shop_slct .s_area01all, body#kage div#kc-style.kcShop .shop_slct .s_area02all, body#kage div#kc-style.kcShop .shop_slct .s_area03all, body#kage div#kc-style.kcShop .shop_slct .s_area04all, body#kage div#kc-style.kcShop .shop_slct .s_area05all, body#kage div#kc-style.kcShop .shop_slct .s_area06all, body#kage div#kc-style.kcShop .shop_slct .s_area07all, body#kage div#kc-style.kcShop .shop_slct .s_area08all{position: absolute; top: 58px; left: -4px; z-index: 10;} body#kage div#kc-style.kcShop .shop_slct .shop_area a{display: inline-table; font-size: 93.75%; text-align: center; text-decoration: none; color: #333; border-right: 1px solid #cecece; border-left: 1px solid #f0f0f0; margin-bottom: 5px; padding: 0; width: 48.02%;} body#kage div#kc-style.kcShop .shop_slct .shop_area a.nobdr_r{border-right: none;} body#kage div#kc-style.kcShop .shop_slct .shop_area a.nobdr_l{border-left: none} body#kage div#kc-style.kcShop .shop_slct .shop_area a:hover{color: #999;} body#kage div#kc-style.kcShop table#template_table02{width:100%;border-top:1px solid #999; margin-bottom:1em;} body#kage div#kc-style.kcShop table#template_table02 caption{font-size:16px; font-weight:bold;} body#kage div#kc-style.kcShop table#template_table02 tr{border-bottom:1px solid #999;} body#kage div#kc-style.kcShop table#template_table02 tr.btm-line0{border-bottom:0px solid #999;} body#kage div#kc-style.kcShop table#template_table02 td.btm-line{border-bottom:1px solid #999;} body#kage div#kc-style.kcShop table#template_table02 td.top_l_line{border-top:1px dotted #999;} body#kage div#kc-style.kcShop table#template_table02 td{ padding:5px 0.5em;} body#kage div#kc-style.kcShop table#template_table02 td.l_line{border-left:1px dotted #999;} body#kage div#kc-style.kcShop table#template_table02 td.r_line{border-right:1px dotted #999;} body#kage div#kc-style.kcShop table#template_table02 th{ min-width:8.5em; width:auto; padding:5px 0.5em; background-color:#c0c0c0; border-right:1px dotted #999;} body#kage div#kc-style.kcShop table#template_table02 th:last-child{ border-right:none;} body#kage div#kc-style.kcShop .tel_links a { text-decoration:none; font-size:100%; font-weight:400; } body#kage div#kc-style.kcShop table#template_table02 a.url{ font-size:80%;word-wrap:break-word;} @media only screen and (max-width: 1270px) { body#kage div#kc-style.kcShop .shop_slct{width: 897px; position: relative; margin:2em auto 50px auto;} } @media only screen and (max-width: 977px) { /*770-1050px globalmenu SP*/ body#kage div#kc-style.kcShop .shop_slct{width: 598px; position: relative; margin:2em auto 50px auto;} body#kage div#kc-style.kcShop .shops .shops_r{float:right; width:70.43%; padding-left:7%;} body#kage div#kc-style.kcShop .shops .shops_r2{float:right; width:83%; padding-left:7%; padding-top:1em;} } @media only screen and (max-width: 770px) { /*600-770px globalmenu SP*/ body#kage div#kc-style.kcShop .clm50-left{float:none;width:100%; margin-right:0; margin-bottom:0.5em;} body#kage div#kc-style.kcShop .clm50-right{float:none;width:100%; margin-left:0; margin-bottom:0.5em; margin-top:2em;} body#kage div#kc-style.kcShop .clm50-left h2, body#kage div#kc-style.kcShop .clm50-right h2{ text-align:center;} body#kage div#kc-style.kcShop div.sec h2.ttlalldcdhop{text-align:center;padding-top:1em;} body#kage div#kc-style.kcShop div.sec p.cmtalldcdhop{text-align:left; margin-top:1em;} body#kage div#kc-style.kcShop div.sec .materialshopImage{width:100%; margin:0 auto;} body#kage div#kc-style.kcShop .shops .shops_r{float:right; width:73.43%; padding-left:4%;} body#kage div#kc-style.kcShop .shops .shops_l img{max-width:120px;} body#kage div#kc-style.kcShop .shops .shops_l2 img{min-width:120px;} } @media only screen and (max-width: 620px) { /*480-559px*/ body#kage div#kc-style.kcShop .shops .shops_l{float:none; width:100%;background:#fff; } body#kage div#kc-style.kcShop .shops .shops_l img{min-width:120px;max-width:40%; margin:0 auto; padding:10px 0;} body#kage div#kc-style.kcShop .shops .shops_r{float:none; width:100%; padding-left:0%;} body#kage div#kc-style.kcShop .shops .shops_l2{float:none; width:100%;background:#fff; } body#kage div#kc-style.kcShop .shops .shops_l2 img{min-width:120px;max-width:40%; margin:0 auto; padding:10px 0;} body#kage div#kc-style.kcShop .shops .shops_r2{float:none; width:100%; padding-left:0%; padding-top:1em;} body#kage div#kc-style.kcShop .shops img.logopc{ display:none;} body#kage div#kc-style.kcShop .shops img.logosp{ display:block;} body#kage div#kc-style.kcShop .shops .shops_r .mt10{ margin-top:0.5em;} body#kage div#kc-style.kcShop .shop_slct{width: 100%;margin:2em auto 30px auto;} body#kage div#kc-style.kcShop .shop_slct ul{width: 100%; margin: 0 auto; } body#kage div#kc-style.kcShop .shop_slct li{float: none; background: #de0000; width:100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 0 0 0 0; margin: 4px auto;} body#kage div#kc-style.kcShop .shop_slct li .w-s_area{display: table; width: 100%; height: 56px;padding: 0 23px;} body#kage div#kc-style.kcShop .shop_slct .shop_area{ position:static; box-sizing:content-box; width: 99%; margin: 0 auto; background: #efefef; border-top:0 solid #de0000; border-left:0 solid #de0000; border-right:0 solid #de0000; border-bottom:2px solid #de0000; padding: 5px 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkitborder-bottom-left-radius: 5px; -webkitborder-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; display: none; } body#kage div#kc-style.kcShop .shop_slct .shop_area a{display: inline-table; font-size: 100%; text-align: center; text-decoration: none; border-right: 1px solid #cecece; border-left: 1px solid #fff; margin: 5px 0; width: 49%; color: #333;} body#kage div#kc-style.kcShop .shop_slct .shop_area a.nobdr_r{border-right: none;} body#kage div#kc-style.kcShop .hop_slct .shop_area a.nobdr_l{border-left: none} body#kage div#kc-style.kcShop .shop_slct .s_area01all, body#kage div#kc-style.kcShop .shop_slct .s_area02all, body#kage div#kc-style.kcShop .shop_slct .s_area03all, body#kage div#kc-style.kcShop .shop_slct .s_area04all, body#kage div#kc-style.kcShop .shop_slct .s_area05all, body#kage div#kc-style.kcShop .shop_slct .s_area06all, body#kage div#kc-style.kcShop .shop_slct .s_area07all, body#kage div#kc-style.kcShop .shop_slct .s_area08all{position: static; top: 0; left: 0; z-index: 0;} body#kage div#kc-style.kcShop .clm50-left .shops .shops_r{ margin-top:0.5em;} } @media only screen and (max-width: 479px) { /*479以下*/ body#kage div#kc-style.kcShop table#template_table02{ font-size:12px !important;} body#kage div#kc-style.kcShop table#template_table02 th{ min-width:8.5em; width:auto; padding:5px 0.5em; background-color:#c0c0c0; border-right:1px dotted #999;} } /** Shop *********************************************************************/ /*====================================================================================== BLOG ===*/ body#kage.blog-cat-view .postWrapper .postContent #kc-style .tel_links a{display:inline !important;} /*====================================================================================== BLOG SUPPORT ===*/ #kc-style .blog_support p, #kc-style .blog_support li{ font-size:14px !important;} #kc-style .blog_support li{ line-height:1.8; font-style:normal; color:#333;} #kc-style .blog_support span{ vertical-align:baseline;} #kc-style .blog_support h2 { padding:0; margin:0;} #kc-style .blog_support {font-size:16px !important;} #kc-style .blog_support {font-family: 'Oswald', sans-serif; font-weight: 400; color: #333; letter-spacing: 0.04em;} #kc-style .blog_support #jpn_n{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuProN-W3, "メイリオ", Meiryo,sans-serif !important; color:#333;} #kc-style .blog_support #jpn_b{font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", HiraKakuProN-W6, "メイリオ", Meiryo,sans-serif !important; font-weight: bold; color:#333;} #kc-style .blog_support .tc_red{color: #C30000;} #kc-style .blog_support .tc_white{color: #FFFFFF;} #kc-style .blog_support .tc_black{color: #000000;} #kc-style .blog_support .tc_gray{color: #666666;} #kc-style .blog_support .tc_deepgray{color: #333333;} #kc-style .blog_support .tc_lightgray{color: #999999;} #kc-style .blog_support .tc_whitegray{color: #F0F0F0;} #kc-style .blog_support .area_ct{color: #333333;} #kc-style .blog_support .s_size{color: #535353;} #kc-style .blog_support .word_brk{ word-wrap:break-word;} #kc-style .blog_support .tel_links a { text-decoration:none; font-size:100%; font-weight:400; } /*------------------------------------- 改行 --------------------------------------*/ #kc-style .blog_support .pc_br{display: block;} #kc-style .blog_support .sp_br{display: inline;} @media only screen and (max-width: 770px) { #kc-style .blog_support .pc_br{display: inline;} #kc-style .blog_support .sp_br{display: block;} } /*------------------------------------- Clearfix --------------------------------------*/ #kc-style .blog_support .clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} #kc-style .blog_support .clearfix{display: inline-block;} html #kc-style .blog_support .clearfix{height: 1%;} #kc-style .blog_support .clearfix{display: block;} /*====================================================================================== ===*/ #kc-style .blog_support .btn_infoarea{padding-top:20px; width:100%;} #kc-style .blog_support .btn_infoarea ul{padding:0; margin:0px; width:100%;} #kc-style .blog_support .btn_infoarea ul li{width:210px; list-style:none; float:left; text-align:center; margin:16.5px 16.5px 0 0;} #kc-style .blog_support .btn_infoarea ul li:nth-child(4n+4){margin:16.5px 0 0 0;} #kc-style .blog_support .btn_infoarea ul li a{display:block; width:210px; height:210px; border:5px solid #e5e5e5; font-size:100%; text-decoration:none; color:#333; background:#fff !important;} #kc-style .blog_support .btn_infoarea ul li a p{ margin:30px 0 12px 0 !important;} #kc-style .blog_support .btn_infoarea ul li a p img{ width:85.5%; margin:0 auto;} #kc-style .blog_support .btn_infoarea ul li a:hover{border:5px solid #ef0000;} #kc-style .blog_support a.contactBtn{background:#fff; padding:17px 0; text-align:center; text-decoration:none; font-size:62%; letter-spacing:0.1em; line-height:1.6; margin-bottom:10px; box-sizing:border-box; border:3px solid #cfcfcf;} #kc-style .blog_support a.contactBtn:hover{background:#efefef;} body#kage div#kc-style.kcTemplate .blog_support .clm50-left h2 span.font_normal { display:block; letter-spacing:0.1em; padding:2.5px 5px; margin-bottom:10px;} #kc-style div.distibutors{ width:100%; margin:10px auto !important; background:#ddd; padding:2px 0!important;} #kc-style div.distibutors ul.dislist{ padding:0 !important; list-style:none; margin:0 auto !important;} #kc-style div.distibutors ul.dislist li{ float:left; width:33.3%; padding:0 0.3% !important; margin:0 !important; } #kc-style div.distibutors ul.dislist li a{font-size:100% !important; display:block; padding:0.5em 0; text-align:center; background:#fff; box-sizing:border-box; border:2px solid #cfcfcf;} #kc-style div.distibutors ul.dislist li p{font-size:100% !important; color:#333; font-weight:bold; padding:0.75em 0 0 0 !important; text-align:center;} #kc-style div.distibutors ul.dislist li a:hover{ background:#efefef; text-decoration:none;} #kc-style .blog_support .jpn_n{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuProN-W3, "メイリオ", Meiryo,sans-serif !important; } /* */ @media only screen and (max-width: 1274px) { #kc-style .blog_support .btn_infoarea ul{ padding:0; margin: 0 auto!important; width:663px;} #kc-style .blog_support .btn_infoarea ul li{width:210px; list-style:none; float:left; text-align:center; margin:16.5px 16.5px 0 0;} #kc-style .blog_support .btn_infoarea ul li:nth-child(4n+4){margin:16.5px 16.5px 0 0;} #kc-style .blog_support .btn_infoarea ul li:nth-child(3n+3){margin:16.5px 0 0 0;} } @media only screen and (max-width: 980px) { #kc-style .blog_support .btn_infoarea ul{padding:0; margin:0px auto; width:436.5px;} #kc-style .blog_support .btn_infoarea ul li{width:210px; list-style:none; float:left; text-align:center; margin:16.5px 16.5px 0 0;} #kc-style .blog_support .btn_infoarea ul li:nth-child(4n+4){margin:16.5px 16.5px 0 0;} #kc-style .blog_support .btn_infoarea ul li:nth-child(3n+3){margin:16.5px 16.5px 0 0;} #kc-style .blog_support .btn_infoarea ul li:nth-child(2n+2){margin:16.5px 0 0 0;} #kc-style .blog_support .sp_br{display: block;} #kc-style .blog_support a.contactBtn{background:#fff; padding:8px 0; font-size:60%!important; line-height:1.44;} } @media only screen and (max-width: 962px) { body#kage div#kc-style.kcTemplate .blog_support .clm50-left, body#kage div#kc-style.kcTemplate .blog_support .clm50-right{ float:none;width:100%; margin:0;} body#kage div#kc-style.kcTemplate .blog_support .clm50-right{ margin-top:2em;} #kc-style .blog_support .sp_br{display: inline;} #kc-style .blog_support a.contactBtn{ letter-spacing:0.1em; line-height:2.88;} body#kage div#kc-style.kcTemplate .blog_support .clm50-left h2 span.font_normal { display:block; margin-top:-0.3em; margin-bottom:10px;} #kc-style div.distibutors ul.dislist li p.details_ttl_eng span{display: block;} #kc-style div.distibutors ul.dislist li p.details_ttl_eng{padding:0.3em 0 0 0 !important; line-height:1.2; } } @media only screen and (max-width: 770px) { #kc-style .blog_support .btn_infoarea{padding-top:20px;} #kc-style .blog_support .btn_infoarea ul{padding:0; margin:0; width:auto; max-width:436.5px;} #kc-style .blog_support .btn_infoarea ul li{width:48.00%; max-width:210px; list-style:none; float:left; text-align:center; margin:10px 3.8% 0 0;} #kc-style .blog_support .btn_infoarea ul li a{display:block; width:auto; height:auto; border:5px solid #e5e5e5; font-size:100% !important; text-decoration:none; color:#333;} #kc-style .blog_support .btn_infoarea ul li a p{ margin:20px 0 0 0;} #kc-style .blog_support .btn_infoarea ul li a p img{ width:90.5%; margin:0 auto;} #kc-style .blog_support .btn_infoarea ul li a:hover{border:5px solid #ef0000;} #kc-style .blog_support .btn_infoarea ul li a span{ display:block; font-size:90%!important; margin: 0 0 20px 0; color:#333;} #kc-style .blog_support .btn_infoarea ul li:nth-child(3n+3){margin:10px 3.8% 0 0;} #kc-style .blog_support .btn_infoarea ul li:nth-child(5n+5){margin:10px 3.8% 0 0;} #kc-style .blog_support .btn_infoarea ul li:nth-child(2n+2){margin:10px 0 0 0;} #kc-style .blog_support div#toparea div.distibutors ul.dislist li a{font-size:90% !important;} } @media only screen and (max-width: 570px) { #kc-style div.distibutors ul.dislist li a span, #kc-style div.distibutors ul.dislist li p.details_ttl_eng span{ display:block;} #kc-style div.distibutors ul.dislist li p.details_ttl_eng{padding:0.5em 1em 0 1em !important; line-height:1.2; } #kc-style div.distibutors ul.dislist li p span{ display:block;} } @media only screen and (max-width: 390px) { #kc-style div.distibutors ul.dislist li p{ font-size:90% !important;} #kc-style div.distibutors ul.dislist li p.details_ttl_eng{padding:0.55em 0em 0 0em !important; line-height:1.4; } #kc-style .blog_support .btn_infoarea ul li a span{ font-size:75%!important; } #kc-style div.distibutors ul.dislist li p span{ display:inline;} } /*#kc-style #c_support a[href^="tel:"] { cursor: default; }*/ /*====================================================================================== // BLOG SUPPORT ===*/