@charset "euc-jp";

body {background-color: #fff;background-image: url(https://img.shop-pro.jp/tmpl_img/73/bg.gif);color: #464e54;}
a {color: #464e54;}
a:hover {color: #5e5e5e;}

/*リセットcss----------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-style:normal;
font-weight: normal;
font-size: 100%;
vertical-align: baseline;
font-family: Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ”游ゴシック体”, “Yu Gothic”, YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
form{margin:0;}
ul, li {}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
html{overflow-y: scroll;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
input, textarea{margin: 0;padding: 0;}
ol, ul{list-style:none;}
table{border-collapse: separate;}
caption, th{text-align: left;}
a:focus {outline:none;}
.clearfix:after {
content: "."; 
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {min-height: 1px;}

* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

.both{clear:both;font-size:0 !important;line-height:0 !important;}
.inline_block {display: inline-block;*display: inline;*zoom: 1;}
/*スペース用*/
.sp-s { height: 15px; font-size 1px;}
.sp-m { height: 25px; font-size 1px;}
.sp-l { height: 35px; font-size 1px;}
.sp-ll { height: 50px; font-size 1px;}

/*リンク設定css----------*/
/*リンク色*/
a:link { color: #49352E; text-decoration: none;}
a:visited { color: #49352E; }
a:hover { color: #49352E; text-decoration: none;}
a:active { color: #49352E; }
/*リンク画像透明度*/
a img:hover {
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
/*a{
background-color:transparent;
-webkit-touch-callout:none;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}*/

/*pre内の自動改行*/
pre {overflow: auto;white-space: pre-wrap;word-wrap: break-word;}

/*レイアウトcss----------*/

/*全体----------*/
#all{width:100%;
background:#fff;
color:#000;
text-align:center;
margin: 0;
-webkit-text-size-adjust: 100%;
min-width:300px;
line-height:1.6;
font-size:15px;
}

/*横幅指定センタリング*/
.all-width,.all-width-h{
margin: 0 auto;
padding: 0;
width:1000px;
box-sizing: border-box;
}
.all-width-s{margin: 0 auto;width:1000px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
#all{overflow: hidden;}
.all-width{margin: 0 auto;width:90%;padding: 0;}
.all-width-h{margin: 0 auto;width:100%;padding: 0;}
}
/*--------------------------------------------------------------------------------*/

/*-----ヘッダ-----*/
header{margin: 0 auto !important;padding:0 !important;text-align:left;background-color: rgba(255,255,255,0.7);width: 100%;z-index: 10;position:absolute;}
#page-header{margin: 0 auto !important;padding:0 !important;text-align:left;background-color: rgba(255,255,255,0.7);width: 100%;z-index: 10;position:static;}
#h-left{font-size: 14px !important;width:600px;float:left;margin: 8px 0 0 0;}
.h-red{font-size: 12px !important;color:#DD294E;}
#h-left h1{float:left;width: 365px;margin: 0 0 5px 0;padding:0 !important;line-height: 0;text-align:right;box-sizing: border-box;}
.social{float:left;margin:55px 0 0 0px;padding:0 0 0 20px !important;line-height: 0;text-align:right !important;box-sizing: border-box;}
.social .icon{float:left;margin: 0 0 0 3px ;box-sizing: border-box;display:block;}
.tel{float:right;width: 395px;margin: 25px 0 0 0;}
.gnavi li{display: inline-block !important;margin: 7px 0 0 0;padding:0 0 5px 0 !important;}
.seach-bg{width: 230px;height: 45px;
display: inline-block !important;
vertical-align: top;
background: url(https://img07.shop-pro.jp/PA01426/609/etc_base64/Zy1uYXZpXzA2bmV3Mg.png?cmsp_timestamp=20250227083410) no-repeat right top;
background-size: 230px 45px;
}
.seachicon{padding:9px 0 0 0 !important;vertical-align: middle !important;}
.sform input{display:inline-block !important;vertical-align: middle !important;}
.seachtext{margin: 8px 0 0 8px;padding: 4px 6px;border: 0 solid #666;font-size: 14px ;width: 190px ; height: 24px ;vertical-align: middle !important;box-sizing: border-box;}
.sform .seachtext {margin: 12px 0 12px 25px;width: 300px ;height: 28px ;}
.sform .seachicon{padding:2px 0 0 0 !important;vertical-align: middle !important;}
input[type="button"] {
/* input要素のうちtype属性値がbuttonのものに対して装飾 */
background: #4d4d4d !important; /* グラデーション */
border: 1px solid #4d4d4d !important; /* 枠線 */
border-radius: 0 !important;
font-size: 12px !important;color: #fff;padding: 3px 8px 4px 8px !important;
}
.Head {background: #333;padding: 4px 15px 4px 15px;color: #FFF;font-size: 14px;display: flex;justify-content: space-between;align-items: center}
.Head ul {display: flex;font-size: 16px;gap: 3px;}
.Head ul li a {color: #FFF;font-weight: bold;display: block;padding: 6px 10px;border-radius: 5px;position: relative;line-height: 1;text-decoration: none}
.Head ul li a::after {content: url("https://file001.shop-pro.jp/PA01508/682/assets/img/common/icon/ico_blank.png");padding-left: 5px}
.Head ul li a.btn_1ban {background: #DD294E}
.Head ul li a.btn_119ban {background: #30A19B}
.Head ul li a.btn_110ban {background: #065FB2}
.Head ul li a span {font-size: 20px;font-weight: bold;}
.Head ul li a.on {height: calc(100% - 8px);border-bottom-left-radius: 0;border-bottom-right-radius: 0}
.Head ul li a.on::after {content: url("https://file001.shop-pro.jp/PA01508/682/assets/img/common/icon/ico_on.png")}
.Head ul li a.on::before {content: "";position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);height: 10px;width: 19px;clip-path: polygon(100% 1%, 0 0, 50% 100%)}
.Head ul li a.btn_110ban.on::before {background: #065FB2}

/*スマホ画面用メニュー*/
.sp-menu{display: none;}
.sp-titlelink{z-index: 1000 !important;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1150px) {
.Head {font-size: 80%}
.Head ul li a span {font-size: 18px}
}
@media screen and (max-width: 1000px){
 .Head {display: none}
.shopSelect {display: flex}
.shopSelect li {flex: 1}
.link_1ban a, .link_119ban a, .link_110ban a {font-size: 13px;font-weight: 700;color: #FFF;display: block;text-align: center;padding: 8px;position: relative}
.link_1ban a {background: #DD294E}
.link_119ban a {background: #30A19B}
.link_110ban a {background: #065FB2}
.link_1ban a:hover, .link_119ban a:hover, .link_110ban a:hover {opacity: .7}
.link_1ban a:after, .link_119ban a:after, .link_110ban a:after {content: "";position: absolute;top: 0;bottom: 0;margin: auto;vertical-align: middle;right: 10px;width: 4px;height: 4px;border-top: 2px solid #FFF;border-right: 2px solid #FFF;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.pc-header{display: none !important; }
#header_sp{display: block;margin: 0;padding: 20px 10px 10px 10px;background:#fff;line-height:1;}
#menus{display: none !important; }

/*スマホ画面用メニュー*/
.sp-menu{
display: block;
width: 100%;
font-size: 14px;
background: #353535;
margin-top:0;
cursor: pointer;
text-align:left;
  position: relative;
}
.sp-menu-logo{display: block;margin: 0;padding: 10px 10px 0 10px ;background:#353535;line-height:1;height:52px;box-sizing: border-box; background: #fff; height:auto; }
.sp-menu div:not(.link_119) {margin-top:-60px;
cursor: pointer;text-align:left;display: block;line-height:1;
background: #fff url(https://img21.shop-pro.jp/PA01426/609/etc/sp-menu-icon.png) 97% 70% no-repeat;
background-size: 32px;/*height:64px;*/height:72px;padding:3px 0 5px 0;
  position: absolute;
right: 10px;
top: 15px;
margin: 0;
width: 40px;
height: 40px; }
.sp-menu-logo-text {display:block;padding:3px 0 5px 0;}
.sp-menu-title img{padding:12px 10px 0 15px;}
.sp-menu ul:last-of-type {display: none;}
.sp-menu span {cursor: pointer; font-size:0.9em; padding-right: 80px; line-height: 1.4;}
.sp-menu li {cursor: pointer;}
.sp-menu li a{display:block;}
.sp-menu .stel{background: #fff}
.first{ display:block;
width:100%;
height:auto;
line-height:40px;
text-align:left;
border-bottom:#ccc 1px dotted;
cursor:pointer;
background: #353535 url(https://img21.shop-pro.jp/PA01426/609/etc/chart-arrow.png) 95% 50% no-repeat;
background-size: 8px;color:#0A463C; padding:0 25px;box-sizing: border-box;
font-size:16px;
}
.first ul{ margin-left:-25px;}
.first img{padding:8px 0;vertical-align:middle;display:block;}
.first a{color:#fff;display:block;}
.navi01{background: #533C34 url(https://img21.shop-pro.jp/PA01426/609/etc/arrow.png) 95% 50% no-repeat;background-size: 8px;}
.navi01 a{color:#fff;}
.navi02{background-color:#F3F1EB;}
.second{margin:0 !important;padding:2px 0 2px 25px !important;background:#fff url(https://img21.shop-pro.jp/PA01426/609/etc/f-arrow.png) 30px 50% no-repeat;background-size: 7px 8px;line-height:2.2;border-top:#999 1px dotted;}
.second a{color:#0A463C;}
.therd{padding:0 0 2px 0 !important;background-color:#fff;line-height:1.6;}
}
/*--------------------------------------------------------------------------------*/


/*.link_119 { width: 365px; text-align: right; margin-top: 7px; }
.link_119 a { display: inline-block;background-color: #eee;font-size: 13px;font-weight: bold;color: #535353;line-height: 1;padding: 7px 30px 7px 15px;border-radius: 5px;position: relative; }
.link_119 a:after { content: "";display: block;position: absolute;inset: 50% 14px auto auto;translate: 0 -50%;aspect-ratio: 5/4;width: 7px;background: linear-gradient(to bottom left, transparent 50% , #AFAFAF 50%) no-repeat top left / 100% 50%, linear-gradient(to top left,transparent 50%, #AFAFAF 50%) no-repeat bottom left/100% 50%;}}
.link_119 a span { font-weight: bold; }
.link_119 a:hover { opacity: 0.7; }*/

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
/*.link_119 { margin-top: 0; width: 100%; }
.link_119 a { display: block;text-align:center; padding: 8px;border-radius: 0;position: static; }
.link_119 a:after { display: none }
.link_119 a span{ display: inline-block; padding-right: 15px; position: relative; font-weight:bold; }
.link_119 a span:after {content: "";display: block;position: absolute;inset: 50% 0 auto auto;translate: 0 -50%;aspect-ratio: 5/4;width: 7px;background: linear-gradient(to bottom left, transparent 50% , #AFAFAF 50%) no-repeat top left / 100% 50%, linear-gradient(to top left,transparent 50%, #AFAFAF 50%) no-repeat bottom left/100% 50%; }*/
}
@media screen and (max-width: 480px){
  .link_1ban a, .link_119ban a, .link_110ban a {font-size: 11px}
}
/*----------*/


/*-----トップページ-----*/
/*メインイメージ*/
#top-title {position: relative;padding-top: 720px;margin: 0 auto;background: #111;}
#top-title > video {position: absolute;height: 720px;width: 100%;top: 0;z-index: 0;}
#top-title .all-width {position: absolute;text-align: center;z-index: 1;width: 100%;top: 34%;}
.centering{text-align: left !important;}
#top-title .title01{}
#top-title .title02{margin-top: 35px;}
#top-title .kuwashiku{margin-top: 55px;}

/*バナー*/
#banner{padding:20px 0 10px 0;min-width: 1000px;}
#banner .bn-l{margin-right:16px;}
#banner .bn-b{margin-top:16px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1280px){
        #top-title {
        position: relative;
        padding-top:  56.25%;
        margin: 0 auto;background: #111;
}
        #top-title > video {
        position: absolute;
        top: 0;
        height: auto;
        width:100%;
        z-index: 0;
}
}
@media screen and (max-width: 1100px){
#top-title .title01{width: 65% !important;margin-top: 10px;}
#top-title .title02{margin-top: 20px;}
}
@media screen and (max-width: 1000px){
/*メインイメージ*/
#top-title{min-width: 100%;overflow: hidden;}
#top-title .all-width {position: absolute;text-align: center;z-index: 1;width: 100%;top: 0;}
#top-title .title01{width: 70% !important;margin: 10% 0 0 0 ;}
#top-title .kuwashiku{margin: 20px 0 0 0 ;}
/*バナー*/
#banner{padding:20px 0 10px 0;min-width: 100%;}
#banner img.bn-l,img.bn-r{width:49%;}
#banner .bn-l{margin-right:2%;}
#banner .bn-b{margin-top:2%;}
}
@media screen and (max-width: 768px){
#top-title .title02{margin-top: 30px;width: 230px !important;}
}
@media screen and (max-width: 600px){
#top-title .title01{width: 80% !important;margin: 8% 0 0 0 ;}
#top-title .title02{margin: 15px 0 0 0 ;width: 180px !important;}
#top-title .kuwashiku{margin: 10px 0 0 0 ;width: 60% !important;}
}
@media only screen and (max-width: 480px) {
#top-title .title01{width: 90% !important;}
#top-title .title02{width: 140px !important;}
}
@media only screen and (max-width: 340px) {
#top-title .title01{width: 78% !important;margin: 20px 0 0 0 ;}
#top-title .title02{margin:  10px 0 0 0 ;width: 120px !important;}
/*バナー*/
#banner{padding:20px 0 10px 0;text-align:center;}
#banner img{width:90% !important;margin-bottom:5px;}
#banner .bn-l{margin-right:0;}
#banner .bn-b{margin-top:0;}
}
/*--------------------------------------------------------------------------------*/

/*カラム*/
.main{width:750px;float: right;text-align: left ;}
.navi{width:200px;float: left;text-align:left;}
.navi .n-login{
text-align:center;
background-color:#f4bd8a;
box-sizing: border-box;
line-height:1;
padding: 10px 5px; margin-bottom: 10px;
border-radius: 6px;
}
.navi .n-touroku{
text-align:center;
background-color:#71bcd3;
box-sizing: border-box;
line-height:1;
padding: 10px 5px; margin-bottom: 10px;
border-radius: 6px;
}
.navi .n-toptitle{
text-align:center;
background-color:#AFAFAF;
box-sizing: border-box;
line-height:1;
padding: 10px 5px;
border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
}
.navi .n-subtitle{background-color:#6D6D6D;text-align:center;color:#fff;font-size: 15px ;padding: 5px;}
.navi .n-subtitle2{background-color:#bcd400;text-align:center;font-size: 15px ;padding: 5px; border-radius: 6px;}
.navi .n-bg{background-color:#F7F7F7;box-sizing: border-box;font-size: 14px ;padding:15px 15px ; margin:0 0 25px 0 ; }
.navi .n-bg-continue{background-color:#F7F7F7;box-sizing: border-box;font-size: 14px ;padding:15px 15px ; margin:0 0 0 0 ; }
.navi .n-red{
color:#D92B50;
font-size: 15px ;
margin:0 0 10px 0 ;
padding: 5px 0 5px 20px;
border-bottom: 2px solid #D92B50 ;
background: url(https://img21.shop-pro.jp/PA01426/609/etc/n-paintmark.png) no-repeat left 50% ;
background-size:15px auto; 
line-height:1.2;
}
.navi .n-red a{color:#D92B50;}
.navi ul{margin:0 0 10px 0 ;}
.navi ul li{background: url(https://img21.shop-pro.jp/PA01426/609/etc/n-arrow.png) no-repeat left 50% ;background-size:7px auto;border-bottom: 1px solid #ccc ;}
.navi ul li a{display:block; ;padding: 10px 0 10px 12px;}
.navi .lank-bg{
background: #70BBD2 url(https://img21.shop-pro.jp/PA01426/609/etc/f-arrow.png) no-repeat right 8px top 50%;
background-size:6px auto;
margin:0 0 10px 0;
padding:10px 15px 10px 10px;
font-size:13px;
color:#fff;
}
.navi .lank-bg2{
background: #fff462 url(https://img21.shop-pro.jp/PA01426/609/etc/f-arrow.png) no-repeat right 8px top 50%;
background-size:6px auto;
margin:0 0 10px 0;
padding:10px 15px 10px 10px;
font-size:13px;
color:#fff;
}

/*どちらの塗料をお探しですか*/
#select{margin: 0 0 60px 0;padding: 0 0 60px 0;border-bottom: 1px solid #000;text-align:center;}
#select h2{margin: 0 0 30px 0;background: transparent;}
#select .select-l{margin: 0;display: inline-block;vertical-align: top;}
#select .select-c{margin: 0;display: inline-block;vertical-align: top;margin:90px 10px 0 10px ;}
#select .select-r{margin: 0;display: inline-block;vertical-align: top;}

/*調色一番のこだわり*/
#concerpt {text-align:center;}
#concerpt h2{margin: 0 0 30px 0;background: transparent;}
#concerpt .boxs{margin: 0;padding: 0;box-sizing: border-box;}
#concerpt p{display: inline-block;vertical-align: middle;  }
#concerpt .no{margin-right: 10px;}
#concerpt .cont{width: 420px;line-height:1.6;font-weight:bold;font-size: 21px;color: #353535;}
#concerpt .cont .red-l{color: #E50817; font-size: 28px;font-weight:bold;}
#concerpt .cont .red{color: #E50817;font-weight:bold;}
#concerpt .smoll{font-weight:bold;font-size: 18px;}

/*調色一番こだわり展開部分*/
.accordion_dl dt {
background-color: #FCE6B5;
margin-top: 30px;
padding: 15px 20px 15px 20px ;
text-align:left;
cursor: pointer;
position: relative;
}

.accordion_dl dt:before {
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 45%;
right:30px;
width: 20px;
height: 20px;
margin-top: -8px;
background: #000;
}

.accordion_dl dt:after {
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 45%;
right: 30px;
width: 20px;
height: 20px;
margin-top: -10px;
background: #FCE6B5;
}
.accordion_dl dt.active:before {margin-top: -2px;}
.accordion_dl dt.active:after {margin-top: 0px;}
.accordion_dl dd {
background-color: #fff;
border-left: solid 8px #FCE6B5;
border-right: solid 8px #FCE6B5;
border-bottom: solid 8px #FCE6B5;
padding: 15px 20px;
margin: 0;
text-align:left;
}

/*初めての方へ*/
#hajimete {text-align:left;}
#hajimete h2{margin: 0 0 30px 0;background: transparent;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 640px){
.accordion_dl dt {
background-color: #FCE6B5;
margin-top: 10px;
padding: 15px 12px 12px 12px ;
text-align:left;
cursor: pointer;
position: relative;
}
.accordion_dl dt:before {
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 45%;
right:20px;
width: 15px;
height: 15px;
margin-top: -8px;
background: #000;
}

.accordion_dl dt:after {
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 45%;
right: 20px;
width: 15px;
height: 15px;
margin-top: -10px;
background: #FCE6B5;
}
}
/*--------------------------------------------------------------------------------*/


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
/*カラム*/
.main{width:100%;float: none;}
.navi{width:100%;float: none;margin: 40px 0 0 0;}
/*どちらの塗料をお探しですか*/
#select .select-l {width: 45%;display: inline-block;vertical-align: top;}
#select .select-l img{width: 100%;}
#select .select-c{margin: 0;display: inline-block;vertical-align: top;margin:11% 10px 0 10px ;}
#select .select-r{width: 45%;display: inline-block;vertical-align: top;}
#select .select-r img{width: 100%;}
/*調色一番のこだわり*/
#concerpt .cont{width: 58%;line-height:1.4;font-weight:bold;font-size: 21px;color: #353535;}
}
@media screen and (max-width: 768px){
/*調色一番のこだわり*/
#concerpt .no{margin-right: 5px;}
#concerpt .no img{width:60px;}
#concerpt .cont{width: 55%;line-height:1.4;font-weight:bold;font-size: 16px;color: #353535;}
#concerpt .photo img{width:120px;}
#concerpt .cont .red-l{color: #E50817; font-size: 22px;font-weight:bold;}
}
@media screen and (max-width: 640px){
/*調色一番のこだわり*/
#concerpt .no img{width:45px;}
#concerpt .cont{width:50%;line-height:1.4;font-weight:bold;font-size: 16px;color: #353535;}
}
@media screen and (max-width: 520px){
/*調色一番のこだわり*/
#concerpt .cont{width: 75%;line-height:1.4;font-weight:bold;font-size: 16px;color: #353535;}
#concerpt .photo{display:none;}
#concerpt .cont .red-l{color: #E50817; font-size: 20px;font-weight:bold;}
}
@media screen and (max-width: 480px){
/*どちらの塗料をお探しですか*/
#select{margin: 0 0 30px 0;padding: 0 0 30px 0;}
#select h2 img{width: 100%;}
#select .select-l {width: 80%;display: inline-block;vertical-align: top;}
#select .select-c{margin: 0;display: block;vertical-align: top;margin:0;}
#select .select-r {width: 80%;display: inline-block;vertical-align: top;}
/*調色一番のこだわり*/
#select{padding: 0 0 30px 0;}
#concerpt .cont{width: 70%;line-height:1.4;font-weight:bold;font-size: 16px;color: #353535;}
#concerpt .photo{display:none;}
}
@media screen and (max-width: 340px){
#concerpt h2 img{width:100%;height:auto;}
}
/*--------------------------------------------------------------------------------*/

/*送料配送/特定商取引法*/
#infobanner{
text-align: center;
margin: 60px 0 0 0 ;
padding: 10% 0;
background: url(https://img21.shop-pro.jp/PA01426/609/etc/p-bg-01.jpg) no-repeat center 50%;
background-size: cover;
position:relative;
box-sizing: border-box;
min-width:1000px;
}
#infobanner img{margin: 0 30px;}

/*新着情報*/
#news{text-align: center;padding: 70px 0 ;background:#F7F7F7;min-width:1000px;}
#news h2{margin: 0 0 30px 0;background: transparent;}
#news .boxs{width: 100%;text-align: left;font-size: 14px;margin: 0 0 10px 0 ;border-bottom: 1px dotted #999 ;padding: 0 0 10px 0 ;}
#news .boxs .date{font-size: 14px;margin: 6px 0;font-weight: bold;}
#news .up-sp{margin: 35px 0;}

/*画像カルーセル*/
#gallery{text-align: center;margin: 30px 0;}
/*スライダー*/
.slider {margin: 0 0 50px;}
.slider img {width: 100%;height: auto;}
.single-item {max-width: 600px;margin: 0 auto 50px;}
.slick-prev::before, .slick-next::before {font-size: 24px;}
.thumb-item-nav .slick-next,
.multiple-item .slick-next,
.center-item .slick-next {right: 20px;z-index: 99;}
.thumb-item-nav .slick-prev,
.multiple-item .slick-prev,
.center-item .slick-prev {left: 15px;z-index: 100;}
.single-item .slick-prev::before,
.single-item .slick-next::before {color: #666;}
.slick-dots {bottom:-25px;}
.multiple-item li {margin: 0 10px;}

/*ショップ紹介*/
#shop{background: url(https://img21.shop-pro.jp/PA01426/609/etc/p-bg-02.jpg) no-repeat center 50%;padding: 70px 0 ;text-align: center;min-width:1000px;}
#shop .boxs{text-align: left;margin: 0 100px ;line-height: 1.6;font-size: 14px ;border-bottom: 1px solid #C9C9C7;padding: 0 0 60px 0;}
#shop .boxs .title{font-size: 20px ;margin: 0 0 10px 0 ;}
#shop h2{margin: 60px 0 0 0;background: transparent;}
#shop .cont{font-size: 20px ;line-height: 1.6;margin: 30px 0 ;}
#shop .toiawase{}
.manager-name{margin-top: 8px;}
.manager-photo{float: left;margin-right: 1em;}
.manager-text{overflow: auto;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
#news{min-width:100%;}
#infobanner{min-width:100%;}
/*ショップ紹介*/
#shop{min-width:100%;}
#shop .boxs{margin: 0 ;}
}
@media screen and (max-width: 768px){
#infobanner img{margin: 5px 30px;}
}
@media screen and (max-width: 600px){
#news h2{margin: 0 0 10px 0;}
#shop h2 img{width: 100%;}
}
@media screen and (max-width: 480px){
#infobanner{padding: 30px 0 ;margin: 40px 0 0 0;}
#infobanner img{margin: 0;width: 90%;padding: 2px 0;}
#news{padding: 30px 0 ;}
#shop{padding: 30px 0 ;text-align: left;}
#shop .boxs{padding: 0 0 30px 0;}
#shop h2{margin: 30px 0 0 0;}
#shop .toiawase img{width: 100% !important;}
#shop .cont{font-size: 16px ;margin: 10px 0 ;}
.manager-photo{float: none;margin: 0 0 10px 0;text-align: center;}
.manager-text{overflow: auto;}
}
/*--------------------------------------------------------------------------------*/

/*-----フッタ-----*/
footer{min-width: 1000px;background: #70BBD2;text-align:left;}
.f-menu{padding: 45px 0 ;font-size: 12px;line-height:1.6;}
.f-menu .boxs-l{float: left ;width: 235px ;margin: 0 10px 0 0 ;}
.f-menu .boxs-c{float: left ;width: 354px ;margin: 0 25px 0 0 ;}
.f-menu .boxs-r{float: left ;width: 374px ;margin: 0 ;}
.f-menu .w-title{
font-size:16px;
color:#fff;
background: url(https://img21.shop-pro.jp/PA01426/609/etc/f-arrow.png) no-repeat left 50%;
background-size:11px auto;
padding:0 0 0 18px;margin:0 0 5px 0;}
.f-menu .s-white{font-size:13px;color:#fff;padding:0;margin:12px 0 0 0;line-height:1.8;}
.f-menu .s-black{margin:5px 0;font-size:10px;}
.up-sp{margin: 15px 0;}
.f-menu ul{margin: 10px 0;}
.f-menu .white li{
font-size:13px;
color:#fff;
padding:0 0 0 12px;margin: 0;
line-height:1.8;
background: url(https://img21.shop-pro.jp/PA01426/609/etc/f-arrow.png) no-repeat left 50%;
background-size:6px auto;
}
.f-menu .white li a{color:#fff;}
.f-under{padding:25px 0;box-sizing: border-box;text-align: center;}
.f-under img{margin: 0 25px ;}
.copyright{font-size:13px;text-align:center;color:#fff;margin: 15px 0 0 0 ;min-width: 1000px;}

/*ページ上部へ*/
#page-top {position: fixed;bottom: 30px;right: 25px;width: 60px;height: auto;z-index:3;}
#page-top img {width: 100%;height: auto;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
footer{min-width: 100%;}
.f-menu .boxs-l{float: left ;width: 30% ;margin: 0 10px 0 0 ;}
.f-menu .boxs-c{float: left ;width: 33% ;margin: 0 20px 0 0 ;}
.f-menu .boxs-r{float: left ;width: 30% ;margin: 0 ;}
.copyright{min-width: 100%;}
}
@media screen and (max-width: 600px){
.f-menu{padding: 25px 0 0 0 ;}
.f-under img{margin: 5px 10px 0 10px ;}
}
@media screen and (max-width: 480px){
.f-menu .boxs-l{float: left ;width: 100% ;margin: 0 10px 0 0 ;}
.f-menu .boxs-c{float: left ;width: 100% ;margin: 0 20px 0 0 ;}
.f-menu .boxs-r{float: left ;width: 100% ;margin: 0 ;}
.f-menu .sp{display: none ;}
.f-under{padding:10px 0 15px 0;box-sizing: border-box;font-size: 12px;}
.f-under .address{margin:2px 0 0 0 ;}
/*ページ上部へ*/
#page-top {position: fixed;bottom: 15px;right: 15px;width: 50px;height: auto;z-index:3;}
}
/*--------------------------------------------------------------------------------*/

/*-----内容ページ用設定（テンプレート）-----*/
#page{margin: 0 0 20px 0 !important;}

/*ページタイトル*/
h2 { text-align:center;
background: #353535 ;
position: relative;
padding: 15px 5px;
font-size: 24px;
font-weight:bold;
margin:0 0 15px 0;
line-height:1.3;
vertical-align: bottom;
color:#fff;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
box-sizing: border-box;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 480px){
/*ページタイトル*/
h2 { text-align:center;margin:0 0 5px 0;font-size:18px;}
}
/*--------------------------------------------------------------------------------*/

/*ページh3見出し*/
h3{
color:#707070;
font-size:18px;
font-weight:bold;
background:#f7f7f7 ;padding:1px 0;
padding: 7px 5px 6px 15px;
line-height:1.2 ;
margin-bottom:10px;
text-align:center !important;
}
/*ページh4見出し*/
#page h4{
color:#553C35;
font-size:20px;
font-weight:bold;
padding: 6px;
line-height:1.3 ;
border-bottom:1px dotted #0A463C;
margin:20px 0 10px 0;
text-align:left !important;
}

h4 img {
display: inline-block;
vertical-align: middle;
width: 40px;
height: 40px;
}

/*ページh5見出し*/
#page h5{
color:#000;
font-size:18px;
font-weight:bold;
line-height:1.3 ;
margin:20px 0 10px 0;
text-align:left !important;
padding: 0 5px 2px 10px;
border-left:6px solid #6D6D6D;
}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 480px){
h3{font-size: 20px !important;}
#page h4{font-size: 18px !important;}
#page h5{font-size: 16px !important;}
#page h6{font-size: 15px !important;}
}
/*--------------------------------------------------------------------------------*/

/*線*/
hr {height: 0;margin: 0;padding: 0;border: 0;}
.bline{
border-top:1px solid #000;
height:1px;
margin: 20px 0;
}

/*点線*/
.tenline{
border-top:1px dotted #aaaaaa;
height:1px;
margin: 30px 0;
}

/*リスト*/
#page ul{margin: 5px 0 10px 0;line-height: 1.5;}
#page ul li:before { content:"◆";color: #009D46;font-size: 14px;margin: 0 7px 0 0;}

/*テーブル100%*/
.table_01 {
margin: 30px 0;
border-collapse: collapse;
border-spacing: 1px;
text-align: left;
line-height: 1.4;
border-top: 1px solid #C9C9C9;
width: 100%;
font-size: 12px;
}

.table_01 th {font-size: 13px;text-align:center;white-space: nowrap;
width:;
color: #fff;
padding: 8px 12px;
vertical-align: middle;
border-bottom: 1px solid #C9C9C9;
border-right: 1px solid #C9C9C9;
background:#353535;
}
.table_01 td {
width: ;
padding: 10px;
vertical-align: top;
border-bottom: 1px solid #C9C9C9;
border-right: 1px solid #C9C9C9;
}
.t-center {text-align:center;font-size:13px;white-space: nowrap;}
.r-noborder {border-right: 0px !important;}

table caption {
background: #898989;color: #fff;padding: 8px;font-weight: bold;
text-align:center;margin: 10px 0 10px 0;box-sizing: border-box;}

/*テーブルtest2*/
.table-wrapper {/*tableスクロールを表示する*/
  width:;
  max-height: 300px;
  overflow: scroll;
}
 
table {
  position: relative;
  border: 1px solid #ddd;
  border-collapse: collapse;
}
 
td, th {
  min-width: 180px;
  border: 1px solid #ddd;
  padding: 5px;
  text-align: left;
}
 
th {
  background-color: #eee;
  text-align: center;
}
 

/*テーブル成り行き*/
.table_02 {
margin: 30px 0;
border-collapse: collapse;
border-spacing: 1px;
text-align: left;
line-height: 1.5;
border-top: 1px solid #ccc;
}
.table_02 th {
padding: 8px 12px 8px 18px;
vertical-align: middle;
border-bottom: 1px solid #ccc;
background:#EFEFEF;
}
.table_02 td {
width: ;
padding: 8px 8px 8px 18px;
vertical-align: top;
border-bottom: 1px solid #ccc;
}

/*コラム枠*/
.p-column{
display: block;
background: #E0E7D4 ;
width: 100%;
padding: 25px 25px 25px 25px;
margin:0 0 10px 0;
line-height:1.8;
position:relative;
box-sizing: border-box;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 480px){
.p-column{padding: 20px 20px 20px 20px;}
/*テーブル100%*/
.table_01,.table_02{margin: 20px 0;}
}
/*--------------------------------------------------------------------------------*/

/*投稿記事枠画像最大値*/
.freeimg{
max-width: 100%;
height: auto !important;
padding-bottom: 2px;
}

/*投稿記事枠画像の回り込み*/
.alignleft{float: left !important;margin: 3px 20px 3px 0;}
.aligncenter{display: block !important;margin: 0 auto 10px auto;}
.alignright{float: right !important;margin: 3px 0 3px 20px;}
.alignnone{display: block !important;}


/*------フリーページ用------*/

/*建築用、車輌用トップページ*/
.toppage{padding: 10px 0 0 0;height:68px;margin:0 0 40px 0 !important;}
.cars-title{margin-top:1% !important;}

.titles{margin:0 0 50px 0;}
.chara{width:200px;padding:0;display:inline-block;vertical-align: middle; }
.fuki{display:inline-block;vertical-align: middle; 
width:530px;
padding:0;
position:relative;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
min-height: 180px;
}

.green{background:#16902d;}
.orange{background:#daab71;}
.brown{background:#f39700;padding:10px 0 0 0;box-sizing: border-box;}
.ygreen{background:#4b83bd;}
.pink{background:#6db2c8;}
.blue{background:#8ec31e;}

/*子*/
.fuki .child{
position:relative;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
/*テキストの補正*/
color:#fff;
padding:20px 10px !important;
font-size:24px;
}

/*擬似要素:after*/
.fuki .child:after{
content: ' ';
width:0;
height: 0;
position:absolute;
border-style: solid;
border-width: 12px 34px 12px 0;
border-color:transparent #16902d transparent transparent;
top:45%;
right:100%;
}
.ygreen .child:after{
        content: ' ';
        width:0;
        height: 0;
        position:absolute;
        border-style: solid;
        border-width: 12px 34px 12px 0;
        border-color:transparent #4b83bd transparent transparent;
        top:45%;
        right:100%;
}

/*擬似要素:after*/
.orange .child:before{
content: ' ';
width:0;
height: 0;
position:absolute;
border-style: solid;
border-width: 12px 0 12px 34px;
border-color:transparent transparent transparent #daab71 ;
top:45%;
left:100%;
}
.pink .child:before{
        content: ' ';
        width:0;
        height: 0;
        position:absolute;
        border-style: solid;
        border-width: 12px 0 12px 34px;
        border-color:transparent transparent transparent #6db2c8 ;
        top:45%;
        left:100%;
}
.orange .child:after,.pink .child:after{border-width: 0;}

.brown .child:after{
content: ' ';
width:0;
height: 0;
position:absolute;
border-style: solid;
border-width: 12px 34px 12px 0;
border-color:transparent #f39700 transparent transparent;
top:45%;
right:100%;
}
.blue .child:after{
        content: ' ';
        width:0;
        height: 0;
        position:absolute;
        border-style: solid;
        border-width: 12px 34px 12px 0;
        border-color:transparent #8ec31e transparent transparent;
        top:45%;
        right:100%;
}
.fuki .flame{
color:#16902d;
margin:0 12px !important;
padding:12px 20px !important;
font-size:20px;
background:#fff;
}
.fuki .box{display: inline-block;text-align:center !important;}
.fuki .bottan{
display: inline-block;
color:#353535;
margin:0 5px 0 5px !important;
padding:8px 40px 8px 18px !important;
font-size:20px;
background:#FEE39E url("https://img21.shop-pro.jp/PA01426/609/etc/top-arrow.png") no-repeat right 15px top 50%; 
background-size:10px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
line-height:1.4;
}
.fuki .arrow,.fuki .arrow-none{ height: 30px;
background: url("https://img21.shop-pro.jp/PA01426/609/etc/bottan-arrow3.png") no-repeat center 50%; 
background-size:30px;
}
.donna{display: block;margin-bottom: 30px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 830px){
.chara{width:22%;display:inline-block;vertical-align: middle; }
.chara img{width:100%;height:auto;}
/*子*/
.fuki .child{
position:relative;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
/*テキストの補正*/
color:#fff;
padding:20px 10px !important;
font-size:20px;
}
.fuki{width:65%;}
.fuki .box{display: inline-block;text-align:center !important;width: 100%;}
.fuki .bottan{display:block;font-size:16px;}
.fuki .arrow-none{ height: 10px;background-size:0;}
}

@media screen and (max-width: 640px){
.fuki .flame{margin:0 12px !important;padding:8px !important;font-size:16px;background:#fff;}
.fuki .bottan{
color:#353535;
margin:0 5px 0 5px !important;
padding:8px 20px 8px 14px !important;
font-size:14px;
background:#FEE39E url("https://img21.shop-pro.jp/PA01426/609/etc/top-arrow.png") no-repeat right 10px top 50%; 
background-size:8px;
text-align:left;
}
/*擬似要素:after*/
.fuki .child:after{border-width: 10px 20px 10px 0;}
/*擬似要素:after*/
.orange .child:before,.pink .child:before{border-width: 10px 0 10px 20px;}
.orange .child:after,.pink .child:after{border-width: 0;}
}
@media screen and (max-width: 600px){
.toppage{height:56px;margin:0 0 20px 0 !important;}
.toppage img{width:220px;height:auto;}
.titles{margin:0 0 20px 0;}
.titles img{width:320px;height:auto;}
}
@media screen and (max-width: 480px){
.titles{margin:0 0 10px 0;}
.titles img{width:100%;height:auto;}
.fuki{width:70%;}
.chara{width:22%;padding:5px 15px 0 0;display:inline-block;vertical-align: middle; }
.donna{display: block;margin-bottom: 10px;}
}
/*--------------------------------------------------------------------------------*/

/*調色ランク*/
.rank{border: 3px solid #DD294E ;margin:40px 0;text-align:center;padding-bottom:10px;}
.rank .title{background: #DD294E ;padding:8px 0;margin:0 0 20px 0;}
.rank .inner{margin:12px;}
.rank .lockpaint{margin:20px 0;}
.kakunin{font-size: 18px ;}
.kakunin .number{font-size: 28px ;padding:0 6px 0 0;display:inline-block;vertical-align: -10%;color:#E40011;line-height:1.2;}
.kakunin .cancel_center{text-align:start;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
.rank .inner .rank-z img{width:100%;height:auto;margin:0 0 20px 0;}
}
@media screen and (max-width: 420px){
.rank .title img{width:180px;height:auto;}
.rank .inner{font-size: 14px;text-align:left;}
.lockpaint img{width:100%;height:auto;}
}
/*--------------------------------------------------------------------------------*/

#choushokurank{margin-top: 40px;text-align: left;}
#choushokurank h3 {
color:#fff;
font-size:22px;
font-weight:bold;
background:#353535 ;padding:1px 0;
padding: 8px 6px 7px 16px;
line-height:1.3 ;
margin-bottom:10px;
text-align:left !important;
}

#choushokurank .sp-img{margin: 20px auto;display:block;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
.sp-img{width: 100%; height: auto;}
}
/*--------------------------------------------------------------------------------*/
#build-car-page{ text-align: center; }
#build-car-page .ichiran td .icons{margin-top:10px;}
#build-car-page .pdf-sp{margin-bottom:5px;}

/*一覧ページ（車輌用トップ一覧部分）*/
#build-car-page .ichiran{margin:0 auto;padding:30px 0;text-align:left;}
#build-car-page .ichiran .title{text-align:center;margin: 0 0 20px 0;}
#build-car-page .ichiran .boxs{display:block;text-align:left !important;}
#build-car-page .ichiran .box{display:inline-block;margin: 0 22px 20px 22px;text-align:center;vertical-align: top;}
#build-car-page .ichiran .box .tumb{width:200px;height:200px;border:1px solid #ddd;}
#build-car-page .ichiran .box .name{margin:10px 0 5px 0;}
#build-car-page .ichiran .box .price{font-size:26px;color:#DC2950;font-weight: bold; }
#build-car-page .ichiran td .icons{margin-top:10px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
#build-car-page .ichiran .box{display:inline-block;margin: 0 0.2% 20px 0.2%;text-align:center;width:24%;}
#build-car-page .ichiran .box .tumb{width:100%;height:auto;border:1px solid #ddd;}
#build-car-page .ichiran .box .tumb img{width:100%;height:auto;}
}
@media screen and (max-width: 768px){
#build-car-page .ichiran .box{display:inline-block;margin: 0 1.2% 20px 1.2%;text-align:center;width:30%;}
#build-car-page .ichiran .box .tumb{width:100%;height:auto;border:1px solid #ddd;}
#build-car-page .ichiran .box .tumb img{width:100%;height:auto;}
}
@media screen and (max-width: 600px){
#build-car-page .ichiran .box .price{font-size:24px;color:#DC2950;font-weight: bold; }
}
@media screen and (max-width: 480px){
#build-car-page .ichiran .title{width:100%;}#page .ichiran .title img{width:80%;height:auto;}
#build-car-page .ichiran .box{display:inline-block;margin: 0 1.2% 20px 1.2%;text-align:center;width:45%}
#build-car-page .ichiran .box .name{font-size:14px;margin:10px 0 5px 0;}
#build-car-page .ichiran .box .price{font-size:20px;color:#DC2950;font-weight: bold; }
.txt_r{text-align: center !important;font-size: 12px !important;margin-top: 14px !important;background:#f9f9f9;padding: 5px 12px;}
}

/*水性油性表タイトル*/
.suisei-yusei{font-weight: bold;font-size: 20px;margin: 50px 0 -10px 0;text-align: center;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 600px) {
.scroll-table {overflow-x: auto;-webkit-overflow-scrolling: touch;}
.suisei-yusei{font-weight: bold;font-size: 20px;margin: 25px 0 0 0;}
.table_01 {min-width: 600px;margin: 10px 0 0 0;}
}
@media screen and (max-width: 480px) {
.carstitle{width: 100% !important;}
}
/*--------------------------------------------------------------------------------*/

/*塗料一覧テーブル*/
.toryo_table th, .toryo_table td { min-width: 80px}

/*　------詳細ページ用------ */

/* 矢印アイコンなどの表示 */
.icon-user { background-position: -208px 0px; }
.icon-lg-b.icon-user { background-position: -312px 0px; }
.icon-adduser { background-position: -240px 0px; }
.icon-lg-b.icon-adduser { background-position: -360px 0px; }
.icon-login { background-position: -48px -80px; }
.icon-lg-b.icon-login { background-position: -72px -120px; }
.icon-logout { background-position: -32px -80px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-home { background-position: -176px -16px; }
.icon-lg-b.icon-home { background-position: -264px -24px; }
.icon-mail { background-position: -64px 0px; }
.icon-lg-b.icon-mail { background-position: -96px 0px; }
.icon-pencil { background-position: -96px 0px; }
.icon-lg-b.icon-pencil { background-position: -144px 0px; }
.icon-help { background-position: -272px -80px; }
.icon-lg-b.icon-help { background-position: -408px -120px; }
.icon-cart { background-position: -176px -64px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-search { background-position: -208px -16px; }
.icon-lg-b.icon-search { background-position: -312px -24px; }
.icon-chevron_up { background-position: -0px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-chevron_down { background-position: -352px -128px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }
.icon-b,.icon-w {width: 16px;height: 16px;display: inline-block;*display: inline;*zoom: 1;}
.icon-lg-b,.icon-lg-w {width: 24px;height: 24px;display: inline-block;*display: inline;*zoom: 1;}
.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }

/*レスポンシブ対応------------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.icon-b,.icon-w {-webkit-background-size: 368px 320px;background-size: 368px 320px;}
.icon-lg-b,.icon-lg-w {-webkit-background-size: 552px 480px;background-size: 552px 480px;}
.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}
@media (max-width: 768px) {
.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}
/*--------------------------------------------------------------------------------*/

.topicpath-nav{text-align: left !important;font-size: 12px !important;}
.centering{text-align: left !important;}
.kg{margin-top: 5px !important;}

#concerpt a,.red-a{color: #DD294E !important;}
.mar_b_10{font-weight: bold !important; border-bottom: 1px solid #ddd !important;padding-bottom: 5px !important;}
.payment_img{margin: 0 8px 0 0 !important;}
.haisou li{margin: 5px 0 0 0 !important;line-height: 1.4 !important;}

/* フリーページ表示 */
.page{}
.page hr{border-top: 1px solid #ccc !important; margin: 10px 0 !important;}
.page ul li{
  position: relative;
padding: 4px 10px 4px 1.3em;
}
.page .list-l{font-size: 18px;}
.page ul li:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top:-0.3em;
    left: 0;
    width: 10px;
    height: 10px;
    border-top: #ddd 3px solid;
    border-right: #ddd 3px solid;
    transform: rotate(45deg);
}

.page .g-bg {background-color:#f7f7f7 !important; margin: 20px 0 !important; padding: 20px !important;}
.page .mailadd{font-size:22px !important; font-weight:bold !important; padding: 20px 0 5px 0 !important;}
.page .box{background-color:#fff !important; margin: 10px 0 20px 0 !important; padding: 20px !important;
  border:1px solid #666 !important;}
.page .box .title{font-weight:bold !important; padding: 0 0 5px 0 !important;font-size:16px !important;}
.page .box .title2{font-weight:bold !important; padding: 0 !important;font-size:16px !important;}

.page .number{font-size: 24px !important; padding:0 6px 0 0;display:inline-block;vertical-align: -5%;color:#E40011;line-height:1.2;}
.page h4{font-size: 18px !important; margin: 0 0 10px 0 !important;font-weight: bold !important;}

/* カレンダー */
.tbl_calendar {
  table-layout: fixed;
  width: 200px;
  min-width: 20px;
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}

/* cart button */
.cart_btn { text-align:center; margin:0 auto 1.5em; }
.cart_btn a {
  display:block;
    background: #DD294E url(/PA01426/609/etc/icon_cart.png) no-repeat 20px center;
  background-size: 30px auto;
border-radius: 25px;
color:#fff;
filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
    border: none;
    font-size: 21px;
    padding: 0.5em 1em 0.5em 48px;
    margin: 0 auto;
font-size: 1.3em;
font-weight: bold;
}

/* sp */
.cart_btn_sp {
  display:none;
    position: absolute;
    right: 50px;
    top: 17px;
  z-index: 10;
}
.cart_btn_sp a {
    display: inline-block;
    width: 46px;
    height: 50px;
    background: url(/PA01426/609/etc/icon_cart_r.png) no-repeat center center;
        background-size: auto;
    background-size: 30px auto;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
}

/* ボタン追加 */
a.mini_btn {
  background: #DD294E;
  color: #fff !important;
  display: inline-block;
  padding: 0.3em 1em;
  border-radius: 1em;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

@media screen and (max-width: 768px){
  .cart_btn_sp {
  display:block;
}
}

.parent {
  width:100%;
  height:auto;
  display:flex;
  flex-direction:row; /* 記載しなくてもデフォルトで指定されている */
  flex-wrap:wrap; /* 折り返し */
  justify-content:space-between; /* 子要素を均等に配置・両端揃え */
}
 
.child2 {
 color: #000;
 border: solid 1px #fff;
 border-radius: 5px;
 text-align: center;
 line-height: 50px;
 width: 100px;
 height: 50px;
 background-color: #fff462;
}

.parent2 {
  width:100%;
  height:auto;
  display:flex;
  flex-direction:row; 
  flex-wrap:wrap; 
}
 
.child3 {
 color: #fff;
 padding: 0 10px;
 border-radius: 10px;
 border: solid 3px #fff;
 text-align: center;
 line-height: 35px;
 min-width: 30px;
 height: 35px;
 display: flex;
 background-color: #70bbd2;
}

.cont2{width: 420px;line-height:1.6;font-weight:bold;font-size: 15px;color: #353535;}

/* 塗料選びにお困りの方へ */