@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;background:transparentfont-size: 100%;vertical-align: baseline;}
img { max-width:100%; height:auto; vertical-align:bottom; }
body { -webkit-text-size-adjust : 100%;word-break: break-all;font-family:Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ”游ゴシック体”, “Yu Gothic”, YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
form{margin:0;}
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;}
.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 {opacity:0.75;}
/*pre内の自動改行*/
pre {overflow: auto;white-space: pre-wrap;word-wrap: break-word;}
/*表示・非表示----------*/
.sp,
.sp_only { display: none !important; }
@media screen and (max-width: 768px){ .sp{ display: block !important; }}
@media only screen and (max-width: 480px) { .sp_only{ display: block !important; }}
/* スクロールして画面に入ったらフェードイン */
.scroll_fadein { opacity: 0; translate: 0 50px; transition: 1.3s ease-out;}
.scroll_fadein.window_in { opacity: 1; translate: 0 0;}
.scroll_opacity { opacity: 0; transition: 1.7s ease-out;}
.scroll_opacity.window_in { opacity: 1;}
/*レイアウトcss----------*/

/* スタイル調整 */
.font_bold { font-weight:bold; }

/*全体----------*/
html{ scroll-behavior: smooth;}
body{ min-width: 1080px; }
@media screen and (max-width: 1000px){ body {  min-width: initial; }}
#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;}

/* 画像タイトル */
.tit_img { text-align: center; margin: 0 auto 3.5em; }
.tit_img img { width:auto; height:94px; }

@media screen and (max-width: 768px){
.tit_img img { height:15vw; }
}

/* ボタン */
a.btn_style, button.btn_style, input.btn_style {position: relative;display: inline-block;background: #DB294F;border: 0;padding: 1.3em 3em;margin: 0 0.4em 0.8em;color: #fff;font-size: 1.2em;font-weight: bold;border-radius: 2.5em;min-width: 300px;}
a.btn_style:after, button.btn_style:after {content: "";position: absolute;right: 2em;top: 50%;margin: -8px auto 0;border-style: solid;border-width: 8px 0 8px 10px;border-color: transparent transparent transparent #fff;}
.btn_2_column .btn_style {width: 47%;min-width: 0;border-radius: 8px;box-sizing: border-box;}
.btn_cancel { display: inline-block; padding: 0.4em 0.8em; background: #eee; border: solid 1px #ccc; border-radius: 5px;}

@media screen and (max-width: 768px){
  a.btn_style, button.btn_style, input.btn_style { min-width:50vw;padding-left: 2em;padding-right: 2.5em;}
  a.btn_style:after, button.btn_style:after {right:1.5em;}
  .btn_2_column {text-align:center;}
  .btn_2_column .btn_style {width: 90%;margin-left: auto;margin-right: auto;}
}

/*レスポンシブ対応----*/
@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:static;}
.pc-header{ display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; padding-top: 15px; }
#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;}
.h-red{font-size: 12px !important;color:#DD294E;}
#h-left h1 { max-width: 380px; margin-top: 7px; }
#h-left img { width: 100%; }
/*.link_1ban { text-align: right; margin-top: 7px; }
.link_1ban 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_1ban 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_1ban a:hover { opacity: 0.7; }*/
.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: 700;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}
.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}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1150px) {
.Head {font-size: 80%}
.Head ul li a span {font-size: 18px}
}
@media screen and (max-width: 1000px){
/*.link_1ban { margin-top: 0; }
.link_1ban a { display: block;text-align:center; padding: 8px;border-radius: 0;position: static; }
.link_1ban a:after { display: none }
.link_1ban a span{ display: inline-block; padding-right: 15px; position: relative; }
.link_1ban 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%; }*/
 .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) }
}
@media screen and (max-width: 480px){
  .link_1ban a, .link_119ban a, .link_110ban a { font-size: 11px }
}
/*----------*/

.header_info_area{ display: flex; flex-direction: column; align-items: flex-end; background-color: #fff; }
 .header_info_area *{ box-sizing: border-box; }
.header_info_area .header_links{ display: flex; margin-bottom: 13px; }
.header_info_area .header_links li{ padding: 10px 0; }
.header_info_area .header_links li:first-child{ position: relative; }
.header_info_area .header_links li:first-child:after{  content: "";  display: block;  width: 1px;  height: 50%;  background-color: #ccc; position: absolute; top: 50%; right: 0; translate: 0 -50%;}
.header_info_area .header_links li a{  display: block;  font-size: 0.9375rem;  text-align: center;  line-height: 1; padding: 0.2em 1.2em; }
.header_info_area .header_links li a:any-link{ color: #000; text-decoration: none; }
.header_info_area .header_links li a:hover{ text-decoration: underline; }
.header_info_area .header_links li.button_cart{ padding: 0; }
.header_info_area .header_links li.button_cart a{ padding: 0.65em 1.65em; background-color: #DB294F; border-radius: 0 0 6px 6px; font-weight: bold; line-height: 1.5;}
.header_info_area .header_links li.button_cart a:any-link{ color: #fff; }
.header_info_area .header_links li.button_cart a span{
  display: block;
  padding-left: 1.7em;
  background: url(https://file003.shop-pro.jp/PA01499/101/images/icon/icon_cart.png) no-repeat left center;
  background-size: 1.47em auto;
}
.header_info_area .header_links li.button_cart a:hover{ opacity: 0.75; text-decoration: none; }

.header_info_area .tel_area{ display: flex; justify-content: center; align-items: center; gap: 12px;width: 100%;margin-bottom: 5px;}
.header_info_area .tel_area .telno{font-family: "Arial", sans-serif;font-size: 2.3125rem;font-weight: bold;line-height: 1;white-space: nowrap;}
.header_info_area .tel_area .telno a{display: block;padding-left: 0.73em;background: url(https://file003.shop-pro.jp/PA01499/101/images/icon/tel.png) no-repeat left center;background-size: 0.68em auto;}
.header_info_area .tel_area .telno a:any-link{ color: #000; text-decoration: none; }
.header_info_area .tel_area .telno a:hover{ text-decoration: underline; }
.header_info_area .tel_area .open_hours{ font-size: 0.8125rem; font-weight: bold; line-height: 1.2;  white-space: nowrap;}
.header_info_area .tel_area .open_hours .smaller{ font-size: 0.85em; padding: 0; }

.header_info_area .other_area{ display: flex; justify-content: center; align-items: center; gap: 20px;width: 100%;margin-bottom: 8px;}
.header_info_area .other_area .faxno{font-family: "Arial", sans-serif;font-size: 1.5rem;font-weight: bold;line-height: 1;padding-left: 1.2em;background: url(https://file003.shop-pro.jp/PA01499/101/images/icon/fax.png) no-repeat left center;background-size: 1.08em auto;}
.header_info_area .other_area .lineid{font-family: "Arial", sans-serif;font-size: 1.0625rem;font-weight: bold;line-height: 1.3;}
.header_info_area .other_area .lineid a{display: block;padding-left: 1.76em;background: url(https://file003.shop-pro.jp/PA01499/101/images/icon/line.png) no-repeat left center;background-size: 1.5em auto;}
.header_info_area .other_area .lineid a:any-link{ color: #000; text-decoration: none; }
.header_info_area .other_area .lineid a:hover{ text-decoration: underline; }
.header_info_area .other_area .lineid .smaller{ font-size: 0.82em; }
.header_info_area .other_area .lineid span{ padding: 0; }

.header_info_area .message_text{ font-size: 0.8125rem; font-weight: bold; color: #fff; line-height: 1;background-color: #000;padding: 0.4em 1em;text-align: center;}

.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{margin: 12px 0 0 0;}
.seach-bg{ width: 218px; }
.seach-bg form { display: flex; justify-content: flex-end; align-items: center; height: 100%;  }
.seachicon{ text-indent: -9999px; font-size: 0; width:31px;aspect-ratio: 29/25;}
.sform input{display:inline-block !important;vertical-align: middle !important; width: auto;}
.seachtext{ padding: 4px 6px; font-size: 14px ;width: 164px; height: 26px ;background-color: #eee; box-sizing: border-box; border: none; }
.sform .seachtext {margin: 12px 0 12px 25px;width: 230px ;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;
}

/* テキストナビ */
.gnavi {width: 100%;margin: 17px auto 12px;display: flex;justify-content: center;}
.gnavi li{ font-size: 1rem; font-weight: bold; }
.gnavi a { display: flex; align-items: center; gap: 3px; height: 100%; padding: 0 0.5em; white-space: nowrap; }
.gnavi a:any-link { color: #000; text-decoration: none; }
.gnavi a:hover{ opacity: 0.75; }
.gnavi li:first-child a{ padding-left: 0; }
.gnavi a img { width: 35px; }

#h-left, .header_info_area, .gnavi{ animation: fall_down 1.5s ease-out both; }
.gnavi{ animation-delay: 0.5s; }
#slider { animation: page_load_appear 1.2s ease-out both 1.2s; }
  
@keyframes fall_down {
  from {opacity: 0;translate: 0 -50px;}
  to {opacity: 1;translate: 0 0;}
}
@keyframes page_load_appear {
  from {opacity: 0;}
  to {opacity: 1;}
}

@media screen and (max-width: 1000px){
  .header_info_area { display: block; padding-bottom: 10px; animation: none; }
  .header_info_area .message_text { margin-bottom: 7px; }
  .header_info_area .other_area{ margin-bottom: 0; }
}

@media screen and (max-width: 480px){
  .header_info_area .message_text { font-size: 0.75rem; }
  .header_info_area .tel_area { gap: 10px; }
  .header_info_area .tel_area .telno { font-size: 2rem; }
  .header_info_area .tel_area .open_hours { font-size: 0.75rem; }
  .header_info_area .other_area { gap: 15px; }
  .header_info_area .other_area .faxno { font-size: 1.4375rem; }
  .header_info_area .other_area .lineid { font-size: 1rem; }
}

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

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
.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 ;background:#353535;line-height:1;height:52px;box-sizing: border-box; background: #fff; height:auto; }
.sp-menu-logo img { width:200px; }
.sp-menu .sp-menu-title {margin-top:-60px;cursor: pointer;text-align:left;display: block;line-height:1;
background: #fff url(https://img21.shop-pro.jp/PA01499/101/etc_base64/c3AtbWVudS1pY29u.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:1px 0 6px 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/PA01499/101/etc_base64/Y2hhcnQtYXJyb3c.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/PA01499/101/etc_base64/Zi1hcnJvdw.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;}
}
@media screen and (max-width: 768px){
.sp-menu .sp-menu-logo-text .red { color: #DD294E; }
}
@media screen and (max-width: 480px){
.sp-menu .sp-menu-logo-text { 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 .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,
.navi .n-touroku{ text-align:center;line-height:1;margin-bottom: 10px;}
.navi .n-login a,
.navi .n-touroku a{display: block;padding: 10px 5px;background-color:#ccc;box-sizing: border-box;border-radius: 6px;}
.navi .n-login a:any-link{ color: #000; }
.navi .n-login a:hover,
.navi .n-touroku a:hover{ opacity: 0.75; }
.navi .n-touroku a{ background-color: #30A19B; }
.navi .n-touroku a:any-link{ color: #fff; }
.navi .new_register_link a{display: grid;place-items: center;font-size: 1.0625rem;font-weight: bold;line-height: 1.4;text-align: left;height: 4em;padding: 0;}
.navi .new_register_link a .link_text_wrap {display: block;background: url(https://file003.shop-pro.jp/PA01499/101/images/icon/icon_beginner.png) no-repeat left center;background-size: 2em auto;padding: 0 0.6em 0 2.2em;}
.navi .new_register_link a .smaller { font-size: 0.82em; }
.navi .new_registration_campaign{ margin-bottom: 20px; }
.navi .new_registration_campaign .banner_image{ margin-bottom: 5px; }
.navi .new_registration_campaign .note_text{ color: #535353; font-size: 0.9375rem; }

@media screen and (max-width: 768px){
  .navi .new_registration_campaign { text-align: center; }
}
@media only screen and (max-width: 480px) {
  .navi .new_registration_campaign .note_text { text-align: left; }
}

.navi .n-toptitle{font-size: 1.1875rem;font-weight: bold;text-align:left;background-color: #30A19B;box-sizing: border-box;line-height:1;border-radius: 6px 6px 0 0;}
.navi .n-toptitle.n-building-toptitle{ background-color: #DB294F; }
.navi .n-toptitle a{ display: block;padding: 1em 0.5em;padding-left: 4em;background-repeat: no-repeat;background-position: left 0.7em center;background-size: 2.8em auto;}
.navi .n-toptitle a:any-link { color: #fff;}
.navi .n-toptitle a:hover { opacity: 0.8; }
.navi .n-toptitle.n-building-toptitle a{ background-image:  url(https://file003.shop-pro.jp/PA01499/101/images/icon/icon_building.png);}
.navi .n-toptitle.n-cars-toptitle a{  background-image:  url(https://file003.shop-pro.jp/PA01499/101/images/icon/icon_cars.png);}

.navi .n-subtitle{background-color:#6D6D6D;text-align:center;color:#fff;font-size: 15px ;padding: 5px;}
.navi .n-bg{background-color:#f7f7f7;box-sizing: border-box;font-size: 0.875rem ;padding:15px 15px ; margin:0 0 25px; }
.navi .n-bg-continue{background-color:#f7f7f7;box-sizing: border-box;font-size: 0.875rem ;padding:15px 15px ; margin:0; }

.navi .n-red{color:#D92B50;font-size: 0.9375rem;margin:0 0 10px 0;padding: 5px 0 5px 20px;border-bottom: 2px solid #D92B50 ;background: url(https://img21.shop-pro.jp/PA01499/101/etc_base64/bi1wYWludG1hcms.png) no-repeat left 50%;background-size:15px auto; line-height:1.2;}
.navi .n-red a{color:#D92B50;}
.navi ul{margin:0 0 15px 0 ;}
.navi ul li{ position: relative;  border-bottom: 1px solid #ccc; }
.navi ul li:before{ content: ""; display: block; position: absolute; top: 50%; left: 0; translate: 0 -50%; aspect-ratio: 3/4; width: 6px; background: linear-gradient(to bottom left, transparent 50% , #535353 50%) no-repeat top left / 100% 50%,
    linear-gradient(to top left,transparent 50%, #535353 50%) no-repeat bottom left/100% 50%;}
.navi ul li a{display:block; ;padding: 10px 0 10px 12px;}
.navi ul li a:hover{ text-decoration: underline; }
.navi .lank-bg,
.navi .lank-bg2{margin:0 0 5px 0;font-size: 0.8125rem; position: relative;}
.navi .lank-bg:after,
.navi .lank-bg2:after{ content: ""; display: block; position: absolute; inset: 50% 8px auto auto; translate: 0 -50%; aspect-ratio: 3/4; width: 6px; background: linear-gradient(to bottom left, transparent 50% , #fff 50%) no-repeat top left / 100% 50%,
    linear-gradient(to top left,transparent 50%, #fff 50%) no-repeat bottom left/100% 50%;}
.navi .lank-bg a,
.navi .lank-bg2 a{ display: block; background-color: #30A19B; padding:12px 15px 12px 12px;}
.navi .lank-bg a:any-link{ color:#fff; }
.navi .lank-bg a:hover,
.navi .lank-bg2 a:hover{ opacity: 0.75; }
.navi .lank-bg2 a{ background-color: #fff462;}

/*トップページh2*/
.top_title{ display: flex; flex-direction: column; align-items: center; background: none; font-size: 2.375rem; font-weight: bold; text-align: center; line-height: 1.2; color: #000; letter-spacing: 0.05em; border-radius: 0; padding: 0; margin: 0 0 10px;}
.top_title a{ color: #000; }
.top_title a:hover{ opacity: 0.7; }
.top_title.drop_yellow,
.top_title.drop_gray{ position: relative; padding: 0.73em 0;}
.top_title.drop_yellow.no_subtext,
.top_title.drop_gray.no_subtext{ padding: 1.2em 0;}
.top_title.drop_yellow:before,
.top_title.drop_gray:before{ content: ""; display: block; width: 5.39em; aspect-ratio: 31/21; position: absolute; top: 50%; left: 50%; translate: -50% -50%; background: url(/PA01499/101/etc_base64/dGl0bGVfYmdfZHJvcF95ZWxsb3c.png) no-repeat center top; background-size: contain;}
.top_title.drop_gray:before{ background-image: url(/PA01499/101/etc_base64/dGl0bGVfYmdfZHJvcF9ncmF5.png);}
.top_title.drop_yellow.scroll_fadein:before,
.top_title.drop_gray.scroll_fadein:before{ opacity: 0; transition: .1s linear .4s; }
.top_title.drop_yellow.window_in:before,
.top_title.drop_gray.window_in:before{ opacity: 1; }
.top_title span{ display: block; position: relative; }
.top_title .small_text{ font-size: 0.47em; line-height: 1.5; letter-spacing: 0.04em; color: #353535; padding: 0 0.4em; border-bottom: 2px solid #353535; margin-bottom: 0.5em;}
@media screen and (max-width: 768px){
  .top_title{ font-size: 2rem; }
}
@media screen and (max-width: 480px){
  h2.top_title, h3.top_title{ font-size: 1.6875rem !important; }
}

/*どちらの塗料をお探しですか*/
#select{margin: 0 0 100px;}
#select .select_wrap{display: flex; justify-content: space-between; align-items: flex-end;}
#select .select-l,
#select .select-r{width: 49%; margin: 0;}

/*塗料ラインナップ*/
.title_lineup{ display:block; background: url(/PA01499/101/etc_base64/dGl0bGUtbGluZXVwLWJn.png) no-repeat center; background-size: cover; padding: 0; aspect-ratio: 750/260; position: relative; margin-bottom: 45px;}
.title_lineup .small_text{ color: #363636; position: absolute; z-index: 2; inset: 18.5% auto auto 50%; translate: -50%; margin-bottom: 0;}
.title_lineup .main_title_text{ width: 77%; position: absolute; z-index: 1; inset: 53% auto auto 50%; translate: -50% -50%;}
.title_lineup .ambulance{ display: block; width: 22%; position: absolute; inset: auto -20px -40px auto; z-index: 3; rotate: 5deg;}
.title_lineup.window_in .ambulance{
  animation: move_right_to_left 12s linear forwards;
}
.title_lineup .ambulance .animation_updown{
  display: block;
  animation: stiff_movement 0.45s steps(2) infinite alternate;
}
@keyframes move_right_to_left {
  from { right: -10px; }
  to { right: calc(100% - 22%); }
}
@keyframes stiff_movement {
  from { rotate: 5deg; }
  to { rotate: 0; }
}
@keyframes up_down {
  from { translate: 0 0; }
  to { translate: 0 -5px; }
}
@media only screen and (max-width: 480px) {
  .title_lineup{ aspect-ratio: 375/155; background-size: 120% auto; margin: 0 calc((100% - 100vw) / 2) 40px; }
  .title_lineup .main_title_text { width: 75.5%; top: 59%; }
  .title_lineup .ambulance{ width: 26%; }
}

.section_lineup .toryo_items{ padding-bottom: 25px; margin-bottom: 70px; border-bottom: 1px solid #535353;}
.section_lineup .toryo_items:last-of-type{ padding-bottom: 0; margin-bottom: 10px; border-bottom: none;}
#page.section_lineup .toryo_items .ichiran .boxs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 3em;
}
#page.section_lineup .toryo_items .box { display:block; margin: 0 20px; width: auto; }
#page.section_lineup .toryo_items .box .tumb { width: 100%; height: auto; aspect-ratio: 1/1; }
#page.section_lineup .toryo_items .box .tumb img { width: 100%; height: 100%; background-size: cover; }
.section_lineup .toryo_items h3{background: none;text-align: center !important;padding: 0; margin: 0;}
.section_lineup .toryo_items h3 img{ width: min(100%, 320px); }
.section_lineup#page .toryo_items .ichiran h4{ font-size:23px; text-align: center !important; margin-bottom: 30px;border-bottom: 1px solid #0A463C; padding: 0 0 8px; }
#page.section_lineup .toryo_items .box .name { width: 100%; margin: 0; font-size: 1.125rem; padding: 0.6em 0; }
.section_lineup .toryo_items .toryo_item_buttons { display: grid; gap: 0.6em; }
.section_lineup .toryo_items .toryo_link_button a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #DB294F;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1.6;
  padding: 0.8em 2.3em 0.8em 1.3em;
  text-decoration: none;
  position: relative;
}
.section_lineup .toryo_items .toryo_link_button a:before {
  content: "";
  display: block;
  width: 0.9em;
  aspect-ratio: 1/1;
  background-color: #fff;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  top: 50%;
  right: 1.1em;
  translate: 0 -50%;
}
.section_lineup .toryo_items .toryo_link_button a:hover { opacity: 0.7; }
.section_lineup .toryo_items .toryo_link_button a span { display: block; }
.section_lineup .toryo_items .toryo_link_button a .larger { font-size: 1.17em; }

.section_lineup .toryo_items .toryo_link_button a.mlink_maker_standard {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #535353;
}
.section_lineup .toryo_items .toryo_link_button a.mlink_maker_standard:before {
  background-color: #ccc;
}
.section_lineup .toryo_items .toryo_link_button a.mlink_maker_standard:after {
  content: "";
  display: block;
  width: 13.33em;
  aspect-ratio: 6/1;
  background: url(https://file003.shop-pro.jp/PA01499/101/images/icon/icon_maker_standard.png) no-repeat center top;
  background-size: contain;
  margin-top: 0.2em;
}

.section_lineup .banner_2_columns ul{ display: flex; justify-content: space-between; margin: 0;}
.section_lineup .banner_2_columns ul li{ width: 48.3%; }
.section_lineup .banner_2_columns ul li:before{ display: none; }
.section_lineup .banner_2_columns ul li a{ display: block; }
.section_lineup .banner_2_columns ul li a:hover{ opacity: 0.7; }
.section_lineup .banner_2_columns ul li .banner_image{ margin-bottom: 10px; }
.section_lineup .banner_2_columns ul li p{ font-size: 0.9375rem; font-weight: bold; text-align: center; line-height: 1.5;}
@media screen and (max-width: 480px){
  .section_lineup .banner_2_columns ul li .banner_image{ margin-bottom: 5px; }
  .section_lineup .banner_2_columns ul li p{ font-size: 0.8125rem; }
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
/*カラム*/
.main{width:100%;float: none;}
.navi{width:100%;float: none;margin: 40px 0 0 0;}
}
@media screen and (max-width: 480px){
/*どちらの塗料をお探しですか*/
#select{margin: 0 0 30px 0;padding: 0 0 30px 0;}
#select h2 img{width: 100%;}
#select .select_wrap{display: block;}
#select .select-l,
#select .select-r {margin: 0 auto; width: 80%;}
#select .select-l{margin-bottom: 15px;}
}
/*----*/

/*送料配送/特定商取引法*/
#infobanner{text-align: center;margin: 100px 0 0 0 ;padding: 10% 0;background: url(https://img21.shop-pro.jp/PA01499/101/etc_base64/aW5mb2Jhbm5lcl9iZw.jpg?cmsp_timestamp=20230630144213) no-repeat center 50%;background-size: cover;position:relative;box-sizing: border-box;min-width:1000px;}
#infobanner img{margin: 0 30px;}
#infobanner .all-width{ display: flex; justify-content: center; gap: 60px; }
#infobanner a{ display: block; box-sizing: border-box; border: 1px solid #fff; font-size: 1.5rem; font-weight: bold; width: min(100%, 360px); line-height: 1; padding: 1em 1.1em; text-align: left; position: relative; font-feature-settings: "palt";  letter-spacing: 0.11em;}
#infobanner a:before { content: ""; display: block; position: absolute; top: 50%; right: 1.1em; translate: 0 -50%; aspect-ratio: 11/13; width: 0.46em; background: linear-gradient(to bottom left, transparent 50% , #fff 50%) no-repeat top left / 100% 50%, linear-gradient(to top left,transparent 50%, #fff 50%) no-repeat bottom left/100% 50%;}
#infobanner a:any-link{ color: #fff; text-decoration: none; }
#infobanner a:hover{ opacity: 0.75; }

@media screen and (max-width: 1000px){
  #infobanner{min-width:100%;}
}
@media screen and (max-width: 768px){
  #infobanner .all-width{ flex-direction: column; align-items: center; gap: 10px; }
}
@media screen and (max-width:480px){
  #infobanner {padding: 30px 0 ;margin: 40px 0 0 0;}
  #infobanner .all-width{ gap: 5px; }
  #infobanner a{ font-size: 5.3vw; }
}

/*新着情報*/
#news{text-align: center;padding: 70px 0 80px; min-width:1000px;}
#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;}
#news #insta_photo_list { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 15px; }
#news #insta_photo_list li{ aspect-ratio: 1/1; border: 1px solid #ccc; }
#news #insta_photo_list li a{ display: block; height: 100%; }
#news #insta_photo_list li a:hover{ opacity: 0.75; }
#news #insta_photo_list li img{ width: 100%; height: 100%; object-fit: cover; }

@media screen and (max-width:480px){
  #news #insta_photo_list { grid-template-columns: repeat(2, 1fr); grid-gap: 10px; }
}

/*画像カルーセル*/
#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/PA01499/101/etc_base64/c2hvcF9iZw.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,
#shop_page .toiawase{ display: flex; justify-content: center; margin-top: 10px; }
#shop .toiawase a,
#shop_page .toiawase a{ display: block; box-sizing: border-box; font-size: 1.28125rem; font-weight: normal; text-align: center; font-feature-settings: "palt"; letter-spacing: 0.02em; background-color: #DB294F; padding: 0.9em 1.5em; padding-right: 3em; border-radius: 2.5em; position: relative;}
#shop .toiawase a:after,
#shop_page .toiawase a:after{ content: ""; display: block; position: absolute; top: 50%; right: 25px; translate: 0 -50%; aspect-ratio: 13/15; width: 13px; background: linear-gradient(to bottom left, transparent 50% , #fff 50%) no-repeat top left / 100% 50%, linear-gradient(to top left,transparent 50%, #fff 50%) no-repeat bottom left/100% 50%;
}
#shop .toiawase.toiawase_mail a,
#shop_page .toiawase.toiawase_mail a{ font-size: 1.125rem; letter-spacing: 0.09em; padding: 0.7em 2.3em;  padding-right: 3.2em;}
#shop .toiawase.toiawase_mail a:after,
#shop_page .toiawase.toiawase_mail a:after{ right: 35px;}
#shop .toiawase a:any-link,
#shop_page .toiawase a:any-link{ color: #fff; }
#shop .toiawase a:hover,
#shop_page .toiawase a:hover{ opacity: 0.75; }
.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%;}
/*ショップ紹介*/
#shop{min-width:100%;}
#shop .boxs{margin: 0 ;}
}
@media screen and (max-width: 768px){
  #shop .toiawase a,
  #shop_page .toiawase a{ font-size: 1.2rem; }
  #shop .toiawase a:after
  #shop_page .toiawase a:after{ width: 12px; right: 23px; }
  #shop .toiawase.toiawase_mail a,
  #shop_page .toiawase.toiawase_mail a{ font-size: 1.0625rem; }
  #shop .toiawase.toiawase_mail a:after,
  #shop_page .toiawase.toiawase_mail a:after{ right: 32px; }
}
@media screen and (max-width: 600px){
#news h2{margin: 0 0 10px 0;}
#shop h2 img{width: 100%;}
}
@media screen and (max-width: 480px){
#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 a{width: 100%;}
#shop .cont{font-size: 16px ;margin: 10px 0 ;}
#shop .toiawase a,
#shop .toiawase.toiawase_mail a,
#shop_page .toiawase a,
#shop_page .toiawase.toiawase_mail a{ font-size: 1.0625rem; padding: 0.9em 1.5em; padding-right: 2em; }
#shop .toiawase a:after,
#shop .toiawase.toiawase_mail a:after,
#shop_page .toiawase a:after,
#shop_page .toiawase.toiawase_mail a:after{ width: 11px; right: 22px; }
.manager-photo{float: none;margin: 0 0 10px 0;text-align: center;}
.manager-text{overflow: auto;}
}
/*----*/

/*-----フッタ-----*/
footer{min-width: 1000px;background: #eee;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,
.f-menu .b-title{font-size:16px;color:#fff;background: url(https://img21.shop-pro.jp/PA01499/101/etc_base64/Zi1hcnJvdw.png) no-repeat left 50%;background-size:11px auto;padding:0 0 0 18px;margin:0 0 5px 0;}
.f-menu .b-title{ color: #000; font-weight: bold; background: none; padding-left: 0;}
.f-menu .s-white,
.f-menu .s-black_2{font-size:13px;color:#fff;padding:0;margin:12px 0 0 0;line-height:1.8;}
.f-menu .s-black_2{color:#000;font-weight: bold;}
.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; position: relative;}
.f-menu .white li:before{ content: ""; display: block; position: absolute; top: 50%; left: 0; translate: 0 -50%; aspect-ratio: 1/1; width: 6px; background: linear-gradient(to bottom left, transparent 50% , #DB294F 50%) no-repeat top left / 100% 50%,
    linear-gradient(to top left,transparent 50%, #DB294F 50%) no-repeat bottom left/100% 50%;}
.f-menu .white li a{color:#DB294F;}
.f-menu .white li a:hover{text-decoration: underline;}
.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:#000;margin: 15px 0 0 0 ;min-width: 1000px;}

footer a.tel_text { display: inline-block; color: #000; font-size: 1.6em; vertical-align: bottom; font-weight: bold;}
.footer_logo img { width:220px; }

/*ページ上部へ*/
#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:#000;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;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: 8px 6px 7px 16px;line-height:1.3 ;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 #aaa;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;color: #fff;padding: 8px 12px;vertical-align: middle;border-bottom: 1px solid #C9C9C9;border-right: 1px solid #C9C9C9;background:#353535;}
.table_01 td {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スクロールを表示する*/ 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;}
 
/*塗料一覧テーブル*/
.toryo_table th, .toryo_table td { min-width: 78px}

/*テーブル成り行き*/
.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 {padding: 8px 8px 8px 18px;vertical-align: top;border-bottom: 1px solid #ccc;}

/*コラム枠*/
.p-column{display: block;background: #E0E7D4;width: 100%;padding: 25px;margin:0 0 10px 0;line-height:1.8;position:relative;box-sizing: border-box;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;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;/*テキストの補正*/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 .box.fit_content_center{display: block; width:fit-content;margin-left: auto;margin-right:auto;}
.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/PA01499/101/etc_base64/dG9wLWFycm93.png") no-repeat right 15px top 50%; background-size:10px;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/PA01499/101/etc_base64/Ym90dGFuX2Fycm93Mw.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; /*テキストの補正*/ 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;}
}

/*調色一番こだわり展開部分*/
.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;
}

@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/PA01499/101/etc_base64/dG9wLWFycm93.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; }
.toryo_table td .icons{margin-top:10px;}
.toryo_table td .icons img { margin: 0.15em 0; }
.toryo_table .pdf-sp{margin-bottom:5px;}
.toryo_table a { text-decoration: none; }

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

.font_bold .name a { font-weight: bold; }

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
.toryo_table .box{display:inline-block;margin: 0 0.2% 20px 0.2%;text-align:center;width:24%;}
.toryo_table .box .tumb{width:100%;height:auto;border:1px solid #ddd;}
.toryo_table .box .tumb img{width:100%;height:auto;}
}
@media screen and (max-width: 768px){
.toryo_table .box{display:inline-block;margin: 0 1.2% 20px 1.2%;text-align:center;width:30%;}
.toryo_table .box .tumb{width:100%;height:auto;border:1px solid #ddd;}
.toryo_table .box .tumb img{width:100%;height:auto;}
}
@media screen and (max-width: 600px){
.toryo_table .box .price{font-size:24px;color:#DC2950;font-weight: bold; }
}
@media screen and (max-width: 480px){
.toryo_table .title{width:100%;}#page .ichiran .title img{width:80%;height:auto;}
.toryo_table .box{display:inline-block;margin: 0 1.2% 20px 1.2%;text-align:center;width:45%}
.toryo_table .box .name{font-size:14px;margin:10px 0 5px 0;}
.toryo_table .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;}
}
/*----*/

/*　------詳細ページ用------ */
/* 矢印アイコンなどの表示 */
.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 {background-size: 368px 320px;}
.icon-lg-b,.icon-lg-w {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 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; rotate: 45deg;}

.page .g-bg {background-color:#f5faf9 !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; white-space: nowrap;}
.tbl_calendar th, .tbl_calendar td { padding: 4px !important; text-align: center !important; border-bottom: 1px solid #ccc !important;}
.side_section_cal .side_cal_memo{ margin-top: 10px;}

@media (max-width: 768px) {
  .tbl_calendar { margin: 0 auto; }
  .side_section_cal .side_cal_memo{ text-align: center; }
}
@media (max-width: 480px) {
  .side_section_cal .side_cal_memo{ text-align: left; }
}

/* cart button */
.cart_btn { text-align:center; margin:0 auto 1.5em; }
.cart_btn a { display:grid; place-items: center; background-color: #DB294F; border-radius: 25px; color:#fff; box-shadow: 1px 1px 2px rgba(0,0,0,0.4); border: none; font-size: 21px; padding: 0.5em; margin: 0 auto; font-size: 1.3em; font-weight: bold;}
.cart_btn a span{ display: block; padding-left: 1.6em; background: url(https://file003.shop-pro.jp/PA01499/101/images/icon/icon_cart.png) no-repeat left center; background-size: 1.54em auto;}
.cart_btn a:hover { opacity: 0.75; }

/* sp */
.cart_btn_sp { display:none; position: absolute; right: 50px; top: 15px; z-index: 10;}
.cart_btn_sp a { display: inline-block; width: 46px; height: 50px; background: url(https://file003.shop-pro.jp/PA01499/101/images/sp/icon_cart_r.png) no-repeat center center; 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;
 text-align: center;
 line-height: 50px;
 width: 100px;
 height: 50px;
 background-color: #fff462;
}

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

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

/* レスポンシブ対応 */
@media screen and (max-width: 1000px){
#page .ichiran .box{display:inline-block;margin: 0 0.2% 20px 0.2%;text-align:center;width:24%;}
#page .ichiran .box .tumb{width:100%;height:auto;border:1px solid #ddd;}
#page .ichiran .box .tumb img{width:100%;height:auto;}
#page .ichiran .box .name{margin:10px 0 5px 0;width:100%;}
#page.section_lineup .toryo_items .ichiran .boxs { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 768px){
#page .ichiran .box{display:inline-block;margin: 0 1.2% 20px 1.2%;text-align:center;width:30%;}
#page .ichiran .box .tumb{width:100%;height:auto;border:1px solid #ddd;}
#page .ichiran .box .tumb img{width:100%;height:auto;}
}
@media screen and (max-width: 600px){
#page .ichiran .box .price{font-size:24px;color:#DC2950;font-weight: bold; }
}
@media screen and (max-width: 540px){
  #page.section_lineup .toryo_items .ichiran .boxs { grid-template-columns: 1fr; }
}
@media screen and (max-width: 480px){
#page .ichiran .title{width:100%;}#page .ichiran .title img{width:80%;height:auto;}
#page .ichiran .box{display:inline-block;margin: 0 1.2% 20px 1.2%;text-align:center;width:45%}
#page .ichiran .box .name{font-size:14px;margin:10px 0 5px 0;}
#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;}
}

/* 一覧表スタイル */
.table_style_box { border:solid 1px #535353; margin:0 auto 2em;}
.table_style_box br { display:none !important;}
.table_style_box .tit { background:#f7f7f7; border-bottom:solid 1px #535353; padding:1.3em 1em 1em; text-align:center;}
.table_style_box .tit h3 { background:none; padding:0; color:#000; font-size:1.3em; margin:0 auto 0.5em;
}
.table_style_box .tit .detail { font-weight:bold;}
.tag_style { display:inline-block; background:#000; color:#fff; font-size:0.9em; padding:0.05em 0.5em; border-radius:5px; margin:0 1em 0.5em;}
.table_style_box .conts_box { padding:1.5em 1em; display:flex;}
.table_style_box .conts_box .box { padding:0 0.5em; width:calc(100% / 6);line-height:2;}
.table_style_box .box a { display:block;text-decoration:underline; padding: 0 0 0.5em; line-height: 1.5;}
@media screen and (max-width: 600px){
.table_style_box .conts_box { font-size:0.7em; }
.table_style_box .box a { padding-bottom:1em; }
}