@charset "utf-8";

/*-----------------------------------------------------

下層ページ用スタイル

YUI Font-size Adjustment
10px = 77%     11px = 85%	  12px = 93%     13px = 100%
14px = 108%	   15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/

/* =========================================================
◆base
========================================================= */

#Cont {}


/* =========================================================
◆parts
========================================================= */

#Cont .weightNormal { font-weight:normal !important; }
#Cont .blue { color:#1E49B9; }
#Cont .pink { color:#EC6F91; }
#Cont .yellow { color:#ecd60c; }
#Cont .orange { color:#ea5550; }


/* ボックス */
.notesBox { background: #fdefec; padding:15px; font-size:84.6%; margin-bottom:15px;}
.notesBox_repairimg {font-size:84.6%; margin-bottom:15px; background: #fdefec url(/common/img/contect_bg_repair.png) right 100px bottom 10px no-repeat; padding:15px !important;}
.br-sp {display: none;}
.orangeTtlBox dt{ color:#ea5550;}
.orangeTtlBox dd{ padding-left:1em;}

.bgWhite{ background:#fff; padding:14px;}

.bgBlueBox{ background:#f0f4f7; padding:15px 15px 26px;}

.ttlBold dt{ font-weight:bold;}

.scrollArea{ border:1px solid #d3d3d3; background:#fff; height:360px; padding:20px; overflow-y:scroll;}
.noteArea{ border:1px solid #d3d3d3; background:#fff; padding:20px; height:800px;}

/* 見出し */
.orangeBdrTtl{ border-left:4px solid #ea5550; font-weight:bold; padding-left:8px;}

/*アイコン*/
.ico_blank{ background:url(/common/img/ico_blank_pink.png) right 1px center no-repeat; padding-right:20px !important;}

/* お問い合せ・オンラインショップボタン
-------------------------------------------------------------- */
.btn_shop,
.btn_store,
.btn_ds,
.btn_hospi{
padding: 10px 32px 10px 50px;
border-radius: 5px;
box-sizing: border-box;
position: relative;
}
.btn_store02{
padding: 10px 48px 10px 49px;
border-radius: 5px;
box-sizing: border-box;
position: relative;
}
.btn_shop{
background: #df4c4c;
border: 1px solid #e88482;
background: -moz-linear-gradient(top,  #ea908d 1%, #df4c4c 100%);
background: -webkit-linear-gradient(top,  #ea908d 1%,#df4c4c 100%);
background: linear-gradient(to bottom,  #ea908d 1%,#df4c4c 100%);
}
.btn_shop span{
color: white;
}
.btn_store,
.btn_store02{
color: #6a3331;
border: 1px solid #fce5e0;
background: #fce5e0;
background: -moz-linear-gradient(top,  #fff 1%, #fdefec 77%, #fce5e0 100%);
background: -webkit-linear-gradient(top,  #fff 1%, #fdefec 77%,#fce5e0 100%);
background: linear-gradient(to bottom,  #fff 1%, #fdefec 77%,#fce5e0 100%);
}

.btn_shop:after,
.btn_store:after,
.btn_store02:after{
content:"";
display: inline-block;
width: 15px;
height: 12px;
position: absolute;
right: 10px;
top: 0;
bottom: 2px;
margin: auto;
}
.btn_shop:after{
background: url(/common/img/ico_blank_white.png) no-repeat center center/contain;
}
.btn_store:after,
.btn_store02:after{
background: url(/common/img/ico_blank.png) no-repeat center center /contain;
}
.btn_shop:before,
.btn_store:before{
content:"";
display: inline-block;
width: 18px;
height: 15px;
position: absolute;
left: 14px;
top: 0;
bottom: 0;
margin: auto;
}
.btn_shop:before{
bottom: 2px;
background: url(/common/img/ico_shop_white.png) no-repeat center center /contain;
}
.btn_store:before{
background: url(/common/img/ico_mail.png) no-repeat center center /contain;
}
.btn_shop:hover,
.btn_store:hover,
.btn_store02:hover,
.btn_ds:hover,
.btn_hospi:hover,
.btn_mail:hover{
opacity: 0.8;
text-decoration: none;
}
/* 追従用 */
.clone-nav .btn_shop,
.clone-nav .btn_store{
padding: 10px 32px 10px 40px;
}
.clone-nav .btn_store02{
padding: 10px 57px;
}

.clone-nav .btn_shop:before,
.clone-nav .btn_store:before{
left: 12px;
}
/* メインカラム用 */
.contact .btn_outer{
display: flex;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap    : wrap;
flex-wrap        : wrap;
}
.contact .btn_outer > *{
flex-basis: calc(50% - 5px);
flex-grow: 0;
flex-shrink: 1;
display: flex;
}
.contact .btn_shop,
.contact .btn_store,
.contact .btn_ds,
.contact .btn_hospi{
font-family: "游明朝";
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
text-align: center;
padding: 20px;
flex: 1 1 auto;
}
.contact .btn_shop{font-size: 160%;}
.contact .btn_store,.contact .btn_hospi,.contact .btn_ds{font-size: 130%;}

.contact .btn_tel,
.contact .btn_mail{
font-family: "游明朝";
font-size: 120%;
font-weight: bold;
height: 100%;
text-align: center;
padding: 10px 20px 10px 40px;
box-sizing: border-box;
flex: 1 1 auto;
position: relative;
}
.contact .btn_shop{
color: white;
}
.contact .btn_ds,
.contact .btn_hospi{
border: 1px solid #eeeeee;
background: #f0f0f0;
background-image: -moz-linear-gradient(bottom,  #ffffff 100%);
background-image: -webkit-linear-gradient(bottom, #ffffff 100%);
background-image: url(/common/img/contect_bg_repair.png) ,linear-gradient(to top,  #f8f7f3 0%, #ffffff 100%);
background-position: center right 2%;
background-repeat: no-repeat;
//background-size: contain;
}

.contact .btn_tel{
display: flex;
align-items: center;
justify-content: space-around;
border: 1px solid #eeeeee;
border-radius: 5px;
}
.contact .btn_tel dd span{
display: block;
}
.contact .btn_tel dd span.note{
font-size: 70%;
}
.contact .btn_tel dd span.num{
color: #ea5550;
font-size: 160%;
}
.contact .btn_mail{
display: flex;
align-items: center;
justify-content: space-around;
border: 1px solid #eeeeee;
border-radius: 5px;
background: #f0f0f0;
background: -moz-linear-gradient(bottom,  #f0f0f0 0%, #ffffff 50%, #ffffff 100%);
background: -webkit-linear-gradient(bottom,  #f0f0f0 0%,#ffffff 50%,#ffffff 100%);
background: linear-gradient(to top,  #f0f0f0 0%,#ffffff 50%,#ffffff 100%);
}
.contact .btn_mail span.note{
display: inline-block;
background: #ea5550;
padding: 3px;
color: white;
font-weight: normal;
font-size: 70%;
}
.contact .btn_shop .subTxt,
.contact .btn_store .subTxt{
display: inline-block;
font-size: 60%;
font-weight: normal;
margin-bottom: 10px;
}
.contact .btn_shop:before,
.contact .btn_store:before,
.contact .btn_ds:before,
.contact .btn_hospi:before{
content: "";
display: inline-block;
width: 38px;
height: 25px;
position: absolute;
left: 28px;
top: 0;
bottom: 0;
margin: auto;
}
.contact .btn_store:before{
bottom: 2px;
background: url(/common/img/ico_store.png) no-repeat center center /contain;
}
.contact .btn_ds:before{
bottom: 2px;
background: url(/common/img/ico_ds.png) no-repeat center center /contain;
}
.contact .btn_hospi:before{
bottom: 2px;
background: url(/common/img/ico_hospi.png) no-repeat center center /contain;
}

.contact .btn_store:after{
right: -13em;
bottom: -20px;
left: 0;
top: 0;
}
.contact .btn_shop:after{
right: -11em;
bottom: -41px;
top: 0;
left: 0;
}
.contact .btn_tel:before,
.contact .btn_mail:before{
content: "";
display: inline-block;
width: 22px;
height: 20px;
position: absolute;
left: 20px;
top: 0;
bottom: 0;
margin: auto;
}
.contact .btn_tel:before{
bottom: 2px;
background: url(/common/img/ico_tel.png) no-repeat center center /contain;
}
.contact .btn_mail:before{
background: url(/common/img/ico_mail.png) no-repeat center center /contain;
}

/* リスト */
.imageNavList { overflow: hidden; text-align: center;}
.imageNavList li { display: inline-block; margin: 0;}

.lineupNavList{
display: flex;
flex-wrap: wrap;
border: 1px solid #d3d3d3;
box-sizing: border-box;
border-radius: 5px;
font-family: "游明朝";
font-weight: bold;
font-size: 120%;
box-shadow:1px 2px 2px 0px #d3d3d3;
overflow: hidden;
background: #ffffff;
}
.lineupNavList li{
min-width: 5em;
padding: 0 10px;
border-right: 1px solid #d3d3d3;
border-top: 1px solid #d3d3d3;
margin-top: -1px;
flex: 1 1 auto;
height: 39px;
box-sizing: border-box;
background: #ffffff;
background: -webkit-linear-gradient(top,  #ffffff 50%,#f5f5f5 96%,#ffffff 98%,#ffffff 100%,#ffffff 100%);
background: linear-gradient(to bottom,  #ffffff 50%,#f5f5f5 96%,#ffffff 98%,#ffffff 100%,#ffffff 100%);
}
.lineupNavList li:last-child{
}
.lineupNavList li a{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
text-align: center;
color: #6b3332;
}
.lineupNavList li a:before{
content: url(../../common/img/ico_arrow_under_pink.png);
margin-right: 8px;
}
.lineupNavList li a:hover{
text-decoration: none;
opacity: 0.65;
}

.ico_orangeLink li{ margin-bottom:5px;}
.ico_orangeLink a{ background:url(/common/img/ico_001.png) left 0.2em no-repeat; padding-left:15px;}
.ico_orangearrow li{ padding-left:1em; background:url(/common/img/ico_002.png) left 0.5em no-repeat;}
.orangeCircleList li{ padding-left:1em; background:url(/common/img/ico_003.png) left 0.5em no-repeat;}
p.orangeCircleList{ padding-left:1em; background:url(/common/img/ico_003.png) left 0.5em no-repeat;}
.noticeList{ color:#f23b5e;}
.noticeList li{ padding-left:1em; text-indent:-1em;}
.noticeList span{ color:#262626;}
/*箇条書きリストパーツ*/
ul.decimal li{ list-style-type: decimal;}
ul.disc li{list-style-type: disc;}

/* テキスト */
.infoTxt{ margin-bottom:30px;}

.notes{font-size:84.6%; color:#808080;}
.notes02{color:#333333;}
.notice{color:#f23b5e;}

.blueLink a,
a.blueLink{ color:#6a3331 !important;}

/* 分割 */
.column3,
.column4 { display:table; table-layout:fixed; width:100%;}
.column3 li,
.column4 li{ display:table-cell; text-align:center;}
/*カレント*/
.current{
	background-color:#FFC88D!important;/*#FFE4CA*/
}

/*-----------------------------------------------------

アコーディオン

------------------------------------------------------*/
ul.accordion a {display:block; background-position:95% center; background-repeat:no-repeat; text-decoration:none;}
ul.accordion span {display:block; background-position:95% center; background-repeat:no-repeat;}
ul.accordion ul {display:none;}
div#Rside .mainNav ul > li > p.side_ttl {
cursor: pointer;
font-weight: bold;
padding:15px 8px;
border:1px solid #D3D3D3;
line-height: 1.0;
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
background: -moz-linear-gradient(top,  #FFF,  #EEE);
/* IE8-9 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EEEEEE',GradientType=0 );";
/* IE10 */background: -ms-linear-gradient(top,  #FFF,  #EEE);
}
div#Rside .mainNav ul > li > p.side_ttl span{
border-left: 4px solid #ea5550;
padding-left: 8px;
}

div#Rside .mainNav ul > li.single > p.side_ttl a{color:#000000;}
div#Rside .mainNav ul > li.single > p.side_ttl:hover a{color:#FFFFFF;display: block;}
div#Rside .mainNav ul > li > p.side_ttl a{color:#000000;}
div#Rside .mainNav ul > li.single > p.side_ttl:hover{
border:1px solid #D3D3D3;
line-height: 1.0;
color:#FFF;
background: #df4c4c;
background: -moz-linear-gradient(top,  #ea908d 1%, #df4c4c 100%);
background: -webkit-linear-gradient(top,  #ea908d 1%,#df4c4c 100%);
background: linear-gradient(to bottom,  #ea908d 1%,#df4c4c 100%);
}
div#Rside .mainNav ul > li.single > p.side_ttl:hover span{
border-left: 4px solid #fff;
}
span.ttl_inner{
background: url(/common/img/common/ico_004.png) repeat-y left;padding-left: 10px;font-size: 110%;font-weight: bold;color: #333333;font-family: Meiryo;}
ul.accordion > li > p span {padding:2px 0; background-image:url(/common/img/module_parts_001.png); cursor: pointer;}
ul.accordion > li > p span.Side_Open {padding:2px 0; background-image:url(/common/img/module_parts_002.png);}


/*製品情報ページ内FAQ*/
.productsFaq .accordion_dl{
margin-bottom: 40px;
}
.productsFaq .accordion_dl dt{
font-size: 130%;
font-weight: bold;
font-family: "游明朝";
position: relative;
padding: 30px 50px 30px 70px;
cursor: pointer;
}
.productsFaq .accordion_dl dt:not(:first-child){
border-top: 1px solid #d9dddc;
}
.productsFaq .accordion_dl dt:before,
.productsFaq .accordion_dl dd:before{
font-family: "游明朝";
font-weight: bold;
content:"Q";
display: inline-block;
width: 60px;
text-align: center;
font-size: 30px;
position: absolute;
top: 22px;
left: 0;
color: #f5b1a2;
}
.productsFaq .accordion_dl dt:after{
position: absolute;
top: 38px;
bottom: auto;
right: 20px;
left: auto;
margin: auto;
content: "";
vertical-align: middle;
width: 8px;
height: 8px;
border-bottom: 2px solid #6b3332;
border-right: 2px solid #6b3332;-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.productsFaq .accordion_dl dt.Side_Open:after{
top: 42px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.productsFaq .accordion_dl dd{
display: none;
position: relative;
margin: 20px 0;
padding-left: 70px;
font-size: 100%;
}
.productsFaq .accordion_dl dd:before{
content:"A";
top: -7px;
}


/* =========================================================
◆common section
========================================================= */

#Cont h1,.title_h1 {
    font-size: 260%;
    font-weight: bold;
    padding: 0 0 10px;
    font-family: "游明朝";
    border-bottom: inset 2px #efefef;
    margin-bottom:55px;
}
#Cont .products h1 {
    margin-bottom:25px;
}
.contact h2 {
    font-size: 200%;
    font-weight: bold;
    padding: 0 0 0 15px;
    font-family: "游明朝";
    border-left: solid 5px #ea5550;
    margin-bottom:30px;
    line-height: 1.2;
}
#Cont h2{
    font-size: 200%;
    font-weight: bold;
    padding: 0 0 0 15px;
    font-family: "游明朝";
    border-left: solid 5px #ea5550;
    margin-bottom:30px;
    line-height: 1.2;
}
#Cont h3 {
    padding: 0;
    border-bottom: solid 2px #ea5550;
    margin-bottom:20px;
}
#Cont h3 span{
    font-size: 168%;
    font-weight: bold;
    padding: 0 10px 2px;
    font-family: "游明朝";
    border-bottom: solid 1px #ea5550;
    margin-bottom: 2px;
    display: block;
}

#Cont p.lead,#Cont ul.lead {
    font-size:105%;
    font-weight: bold;
    margin: 30px 0 55px;
}
#Cont .products ul.lead li {
   list-style: disc;
   list-style-position: inside;
   padding-left: 1.5em;
   text-indent: -1.5em;
}
#Cont .nodup3 {
    padding: 8px 10px;
    border-bottom: unset;
    margin-bottom: 10px;
}

/* 左カラムメインタイトル */
.mainTtlArea{ margin-bottom:55px;}
.mainTtlArea h1{ margin-bottom:25px;}
.mainTtlArea .thumb{ margin-bottom:20px; }


/*-----------------------------------------------------

全ページ共通

------------------------------------------------------*/
.history_ttl {margin-bottom:20px !important;}
.Section {margin-bottom:55px;}
.Section p {margin-bottom:20px;}
.Section .txt_left {float:left;}
.Section .txt_right {float:right;}
.Section .thumb_left {float:left;}
.Section .thumb_right {float:right;}
.Section .w530 {width:530px;}
.Section .w525 {width:525px;}
.Section .w525 {width:525px;}
.Section .w598 {width:598px;}
.Section .w440 {width:440px;}
.Section .w400 {width:400px;}
.Section .w97 {width:97px;}
.Section .iteminfo {color:#989898; font-size:11px; margin-top:3px;}
.Section table,.Section table tr,.Section table tr td{border:1px #D3D3D3 solid; padding:10px; box-sizing: border-box;line-height:22px; vertical-align:text-top}
.Section table {width:715px;}
.Section table tr td.left {width:86px; text-align:center}
.Section table tr td.right {padding-left:10px;}
.Section table tr:nth-child(2n+1) {background-color:#F6F7FB;}
.Section table tr:nth-child(2n+2) {background-color:#FFFFFF;}

/*-----------------------------------------------------

商品情報

------------------------------------------------------*/

.productsInfo{
    position:relative;
    padding:12px 0;
    margin-bottom:25px;
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.productsInfo h1{
    border-bottom:none !important;
    padding:10px 25px !important;
    font-size:230% !important;
}
.productsInfo .dup1 {
    font-weight: bold;
    font-family: "游明朝";
    border-bottom: none !important;
    padding: 10px 25px !important;
    font-size: 230% !important;
}
.productsInfo .inner .info .dup2 {
    font-weight: bold;
    font-family: "游明朝";
    border-left: none;
    padding: 30px 0;
    font-size: 150%;
    margin-bottom: 0;
    line-height: 1.4;
}
.productsInfo a.btn_shop {
    color: #fff;
    font-family: "游明朝";
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
    width: 65%;
}
.productsInfo .inner .thumbArea .dup2 {
    display: none;
}
.productsInfo .saleEnd{
    position: absolute;
    top: 35px;
    right: 30px;
    color: #f00;
}
.productsInfo .inner .saleEnd2{
    position: absolute;
    top: 8px;
    right: 30px;
    color: #f00;
}
.productsInfo .inner{ padding:0 25px 40px; line-height:1.5; position:relative;}
.productsInfo .inner.lower{ padding-top:50px;}
.productsInfo .inner .thumbArea{ float:left; width:290px;}
.productsInfo .inner .thumbArea img{ width: 100%;}
.productsInfo .inner .thumbArea h2{display: none;}
.productsInfo .inner .ico_orangeLink { display: none;}
.productsInfo .inner .thumbArea .ico_orangeLink { display: block;}
.productsInfo .inner .thumbArea .ico_orangeLink li { text-align: center;}
.productsInfo .inner .info{ float:right; width:347px;}
#Cont .productsInfo .inner .info h2{
border-left: none;
padding: 30px 0;
font-size: 150%;
margin-bottom: 0;
font-weight: bold;
font-family: "游明朝";
line-height: 1.4;
}
#Cont .productsInfo .inner .info h2.type02 { margin-bottom: 0;}
#Cont .productsInfo .inner .info h2 span{ display:block; font-weight:normal; margin-top: 10px;}
#Cont .productsInfo .inner .info h2 span.gray,
#Cont .productsInfo .inner .thumbArea h2 span.gray{ color:#808080; font-size:65.0%;}

#Cont .productsInfo .inner .info .dup2 .type02 { margin-bottom: 0;}
#Cont .productsInfo .inner .info .dup2 span{ display:block; font-weight:normal; margin-top: 10px;}
#Cont .productsInfo .inner .info .dup2 span.gray,
#Cont .productsInfo .inner .thumbArea .dup2 span.gray { color: #808080; font-size: 65.0%;}

.productsInfo .inner .info .cat{ color:#808080; margin-bottom:10px;}
.productsInfo .inner .info .price{ border-top:1px solid #d9dddc; border-bottom:1px solid #d9dddc; padding:20px 0; margin-bottom:20px;}
.productsInfo .inner .info .price.type02 { padding: 5px 0;}
.productsInfo .inner .info .price span{ font-size:138.5%	;}

.productsInfo .inner .info ul.cat2{ margin-bottom:10px;}
.productsInfo .inner .info ul.cat2 li{ display:inline-block; padding-right:1em; position:relative;}
.productsInfo .inner .info ul.cat2 li:after{ content:"|"; position:absolute; height:1em; width:0.5em; top:0; right:0;}

.productsInfo .inner .info ul.component{  margin:20px 0;}
.productsInfo .inner .info ul.component li{ display:inline-block; float: left; margin-right: 5px;}
.productsInfo .inner .info ul.component li span { font-size:96%; color: #ffffff; padding: 2px 5px; margin-bottom: 5px; display: block; white-space: nowrap;}
.productsInfo .inner .info ul.component li .type01 { background: #f5b1a2;}
.productsInfo .inner .info ul.component li .type02 { background: #4cb1c9;}

.productsInfo .inner .info .orangeTtlBox.notes dd{ color:#808080; }

.production_end_title{ border: solid 1px #cccccc; padding: 7px; margin-top:-15px; margin-bottom:10px;}
.production_end_title a:link    { color:red; text-decoration:none; }
.production_end_title a:visited { color:red; text-decoration:none; }
.production_end_title a:hover   { color:red; text-decoration:underline; }
.production_end_title a:active  { color:red; text-decoration:none; }

.production_end{ border: solid 1px #cccccc; padding: 7px; margin-top:5px;}
.production_end a:link    { color:red; text-decoration:none; }
.production_end a:visited { color:red; text-decoration:none; }
.production_end a:hover   { color:red; text-decoration:underline; }
.production_end a:active  { color:red; text-decoration:none; }

.iconArea { padding: 15px; background: #ffffff; overflow: hidden; margin-bottom: 30px;}
.iconArea .inner { width: 100%;}
.iconArea .inner table { /*border-top: 1px solid #f0f0f0;*/}
.iconArea .inner table tr { /*border-bottom: 1px solid #f0f0f0;*/}
.iconArea .inner table th,
.iconArea .inner table td { vertical-align: top; font-size: 85%;}
.iconArea .inner table th { text-align: right; padding: 5px 0;}
.iconArea .inner table td { padding: 7px 10px 5px;}

/*ページ内リンク*/
.pageLinkArea{
	background: #fdefec;
	padding: 10px 20px;
	box-sizing: border-box;
	width: 80%;
	margin-left: auto;
	border-radius: 5px;
}
.pageLinkList li{
	margin-bottom: 10px;
}
.pageLinkList li:last-child{
	margin-bottom: 0;
}
.pageLinkList dl{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.pageLinkList dt{
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: calc(50% - 5px);
	margin-right: 10px;
}
.pageLinkList dd{
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: calc(50% - 5px);
}
.pageLinkList dd a{
	display: inline-block;
	width: 100%;
	background: white;
	border-radius: 5px;
	padding: 8px 16px;
	box-sizing: border-box;
}
.pageLinkList dd a:before{
content: url(/common/img/ico_arrow_under_pink.png);
margin-right: 8px;
}
.recommendedBox{
border: 1px solid #fdefec;
padding: 20px;
background-color:#fff;
}
.recommendedBox a{
font-weight: bold;
font-size: 120%;
margin-top: 5px;
display: inline-block;
}
.recommendedBox a:before{
content: url(/common/img/ico_001.png);
margin-right: 8px;
}

.recommendedBox_repairsoap{background: url(/common/img/contect_bg_repairsoap.png) right 50px bottom 15px no-repeat; padding:30px 50px 30px 50px; border: 1px solid #fdefec; background-color:#fff;}

.recommendedBox_repairsoap a{
font-weight: bold;
font-size: 120%;
margin-top: 5px;
display: inline-block;
}

.recommendedBox_repairsoap a:before{
content: url(/common/img/ico_001.png);
margin-right: 8px;
}

/*-----------------------------------------------------

コラージュ倶楽部

------------------------------------------------------*/
#Cont h1.cc {
	background:url(/common/img/logo_club01.png) right top no-repeat;
}

#Rside nav.mainNav > ul.club li a{
	display: block;
	font-weight: bold;
	padding: 15px 8px;
	border: 1px solid #D3D3D3;
	border-top:none;
	line-height: 1.0;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	background: -moz-linear-gradient(top, #FFF, #EEE);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EEEEEE',GradientType=0 );";
	background: -ms-linear-gradient(top, #FFF, #EEE);
}
#Rside nav.mainNav > ul.club li a span{
	border-left: 4px solid #ea5550;
	padding-left: 8px;
}

#Rside nav.mainNav > ul.club li.active a,
#Rside nav.mainNav > ul.club li:hover a{
	border:1px solid #D3D3D3;
	border-top:none;
	line-height: 1.0;
	color:#FFF;
	background: #df4c4c;
	background: -moz-linear-gradient(top,  #ea908d 1%, #df4c4c 100%);
	background: -webkit-linear-gradient(top,  #ea908d 1%,#df4c4c 100%);
	background: linear-gradient(to bottom,  #ea908d 1%,#df4c4c 100%);
}
#Rside nav.mainNav > ul.club li.active a span,
#Rside nav.mainNav > ul.club li:hover a span{
	border-left: 4px solid #fff;
	color:#FFF;
}
#Rside nav.mainNav > ul.club li.active a{ text-decoration:none;color:#FFFFFF;display: block; }
#Rside nav.mainNav > ul.club li a{ text-decoration:none; }
#Rside nav.mainNav > ul.club li a p{
	font-size: 85%;
	padding: 7px 0 0 14px;
}
#Rside nav.mainNav > ul.club li.bdrTop a{ border-top:1px solid #D3D3D3; }

#Cont h2.benefits {
	background:url(/imgs/club/idx_h2_bg.png) right top no-repeat;
	font-size: 150%;
	font-weight: bold;
	color:#fff;
	border-left: none;
	padding:10px 15px;
	text-align:left;
}

.bonus{ margin-bottom:50px;}
.bonus  h4{ font-weight:bold; margin-bottom:10px;}

.bonus .presentList{ margin-bottom:30px;}
.bonus .presentList .left{ width:260px; float:left;}
.bonus .presentList .right{ width:435px; float:right;}
.bonus .presentList .right .orangeCircleList li{ margin-bottom:15px;}


.present01{ margin-bottom:40px;}
.present01 h3,
.present02 h3{ margin-bottom:20px;}
.present01 .txt_left{ width:445px; float:left;}
.present01 .thumb_right{ width:180px; float:right;}
.present01 .halfList li{ width:311px; float:left;}
.present01 .halfList li.right{ float:right;}

.present02{}

.present02 .manual{ position:relative; padding-bottom:2em;}
.present02 img{ width:100%;}
.present02 .manual span.txt01{font-size:85%;position:absolute;bottom: 7px;left: 7%;}
.present02 .manual span.txt02{font-size:85%;position:absolute;bottom: 7px;left: 44%;}
.present02 .manual span.txt03{font-size:85%;position:absolute;bottom: 7px;left: 74%;}

.terms{ margin-bottom:30px;}
.terms dl{ margin-bottom:15px;}
.terms dt{ font-weight:bold;}
.terms dd{ padding-left:1em;}

div .itiran{
	clear:both;
	overflow:auto;
}

.present_list li{
	float:left;
	width:150px;
	/*background-color:#ccc;*/
	margin-right:20px;
	margin-bottom:20px;
	word-wrap:break-word;
	}

.present_list li p{
	display:block;
	width:150px;
	/*background-color:#ccc;*/
	word-break:break-all;
	line-break: strict;
	}

.present_list li .img{
	/*background-color:#9B9999;*/
	width:150px;
	height:150px;
	}

.present_flexbox{
	display:flex;
	align-content:space-between;
	margin-bottom:30px;
	}

.present_flexbox li:not(:last-child){
	flex:auto;
	margin-right:20px;
	word-wrap:break-word;
	}

.present_flexbox li p{
	display:block;
	width:150px;
	/*background-color:#ccc;*/
	word-break:break-all;
	line-break: strict;
	}

.present_flexbox li .img{
	/*background-color:#9B9999;*/
	width:150px;
	height:150px;
	}


/*-----------------------------------------------------

コラージュの特長

------------------------------------------------------*/
.block01 .fl_txt {float:left; width:350px;}
.block01 .fl_txt table td,.block01 .fl_txt table th {padding:5px;}
.block01 .fr_img {float:right; margin:0 30px 30px 0;}
.block02 .fl_txt {float:left; margin-left:30px; width:300px;}
.block02 .fr_img {float:right; margin:0 30px 30px 0;}
.Section .inner { display: flex; justify-content: space-between;}
.Section .bnCol{ flex: 1 1 50%; }


/*-----------------------------------------------------

サイトマップ

------------------------------------------------------*/
div.mapcont_inner {background-color: #f0f4f7; padding:18px; overflow:hidden;}
div.mapcont_inner div div.map_inner{width:315px; margin-bottom:20px;}
div.mapcont_inner02 {border-top:1px solid #CCCCCC; overflow:hidden;}
div.mapcont_inner02 div.cont_inner{ border-top:1px solid #FFFFFF;padding:20px 0 30px;}
ul.map_link {width:300px;display:inline-block;border-left:3px solid #CCCCCC; background-color: #FFFFFF; padding:10px;}
ul.map_link li{margin-bottom:5px;}
ul.map_link02 {width:320px;display:inline-block;border-left:3px solid #CCCCCC; background-color: #FFFFFF; padding:10px;}
ul.map_link02 li{margin-bottom:5px;}


/*-----------------------------------------------------

howto

------------------------------------------------------*/
.tablecol01 table,.tablecol01 table tr th,.tablecol01 table tr td,.tablecol02 table,.tablecol02 table tr th,.tablecol02 table tr td{text-align: center;vertical-align: middle;font-family: meiryo;font-weight: bold; padding:10px;border:1px solid #D3D3D3;}
.tablecol01 table tr th.left_col{background-color: #F4F6F9;}
.tablecol01 table tr th.bluecol{color:#FFF;background-color: #8EBEED;}
.tablecol01 table tr td.bluecol{background-color: #F8FCFF;}
.tablecol01 table tr th.yellowcol{color:#FFF;background-color: #F7AB72;}
.tablecol01 table tr td.yellowcol{background-color: #FFFBE1;}
.tablecol01 table tr th.redcol{color:#FFF; background-color: #FCA2C3;}
.tablecol01 table tr td.redcol{background-color: #FFEEF4;}
.tablecol02 table tr th.no_cell01{background-color:#D8DCDB;}
.tablecol02 table tr.odd td{background-color:#FFFFFF;}
.tablecol02 table tr.even td{background-color:#F4F6F9;}

/*-----------------------------------------------------

取り扱い店舗（医療機関）一覧

------------------------------------------------------*/
/*一覧表*/
.tenpoList table {
	border:1px solid #D3D3D3;
	width: 100%;
}
.tenpoList table th{
	text-align: center;
	font-weight: bold;
	padding:10px;
	border:1px solid #D3D3D3;
	background-color: #df4c4c;
	color: #fff;
	vertical-align: middle !important;
}
.tenpoList table td{
	vertical-align: middle !important;
}
.tenpoList table tr:nth-child(2n+1) {
    background-color: #fdefec;
}
.tenpoList table td pre {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;line-height: 22px;}

/*アコーディオン*/
.prefecturesArea.Section .inner {flex-wrap: wrap;}
.prefecturesArea.Section .bnCol{ flex: 1 1 23%; }
.prefecturesArea.Section > .inner li.bnCol {margin-right: 2%;}
.prefecturesArea.Section > .inner li.bnCol:nth-child(4n),
.prefecturesArea.Section > .inner li.bnCol:nth-child(8n) {margin-right: 0 !important;}

.prefecturesArea .accordion_dl{
	margin-bottom: 20px;
}
.prefecturesArea .accordion_dl dt{
	pointer-events: none;
	font-size: 115%;
	font-weight: bold;
	position: relative;
	padding: 10px 20px;
	background-color: #fff;
	border-bottom:2px solid #df4c4c;
	border-left:5px solid #df4c4c;
}
.prefecturesArea .accordion_dl dt:not(:first-child){
	border-top: 1px solid #d9dddc;
}
.prefecturesArea .accordion_dl dd{
	position: relative;
	padding: 20px 0 20px 20px;
	font-size: 105%;
}
.prefecturesArea .ico_orangeLink span{ background:url(/common/img/ico_nolink.png) left 0.2em no-repeat; padding-left:15px; color: #aeaeae;}


/*製品で絞り込む*/
.productionArea{
	margin-block-end: 30px;
}
.productionArea-wrap{
	display: grid;
	grid-template-columns:repeat(3, 1fr);
	gap:25px;
	margin-inline-start: 18%;
	margin-block-end: 15px;
}
.productionArea label {
	display: grid;
grid-template-columns: 23% auto;
    align-items: center;
    border: 1px solid #ea5550;
    padding: 6px 12px;
    line-height: 1.2;
    border-radius: 3px;
    background-color: white;
	gap:10px;
}
.productionArea label:has(input[type="checkbox"]:checked) {
	background-color: #fdefec;
}
.productionArea input[type="checkbox"] {
    font: inherit;
    font-family: inherit;
    font-size: 16px;
    box-sizing: border-box;
    color: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px 10px 6px;
    border: 1px solid #cccccc;;
    border-radius: 3px;
    outline: 0;
    background-color: white;
	position: relative;
    width: 16px;
    aspect-ratio: 1 / 1;
	display: none;
}
.productionArea input[type="checkbox"]:checked {
	border:1px solid #ea5550;
}
.productionArea input[type="checkbox"]:checked:before {
	position:absolute;
	margin-top: -3px;
	top:0.1em;
	left:0.4em;
	width:0.4em;
	aspect-ratio:4/8;
	content:'';
	-webkit-transform:rotate(50deg);
	transform:rotate(50deg);
	border-right:3px solid #ea5550;
	border-bottom:3px solid #ea5550;
}
.productionArea img {
    max-width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.productionArea-txt{
font-size:12px;
}
.productionArea button {
    all: unset;
	font-family: inherit;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    padding: 7px 10px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 1.0pt;
    color: #fff;
    border-radius: 3px;
    background: linear-gradient(to bottom, #ea908d 1%, #df4c4c 100%);
	margin-inline-start: auto;
    cursor: pointer;
}
@media print, screen and (min-width: 769px) {
	.productionArea button {
	min-width:180px;
	}
	.productionArea button:hover{
	opacity: 0.8;
	}
}
@media only screen and (max-width: 768px) {
	.productionArea-wrap{
	grid-template-columns:repeat(2, 1fr);
	margin-inline-start: 0;
	gap:10px;
	}
	.productionArea label {
	gap:0;
	padding: 5px;
	}
	.productionArea button {
	width:100%;
	}
}
/*製品アイコン*/
.productIcon{
padding:2px 6px;
color:white;
font-size: 11px;
border-radius: 100px;
margin-inline: 2px;
}
.productIcon_repair{
background-color: #ea5550;
}
.productIcon_whip{
background-color: #80BC05;
}
@media print, screen and (min-width: 769px) {
	.pc_wide40{width: 40%;}
	.pc_wide30{width: 30%;}
	.pc_wide20{width: 20%;}
	.pc_wide25{width: 25%;}
	.pc_wide10{width: 10%;}
	.pc_wide15{width: 15%;}
}
@media only screen and (max-width: 768px) {
	.tenpoList table tr {
	position: relative;
	}
	.tenpoList table td:nth-child(4)>.productIconWrap {
	position: absolute;
	right: 18px;
	width: auto;
	transform: translateY(-25px);
	}
	.productIcon{
	padding:3px 6px;
	font-size: 13px;
	}
}

/*テキストBOX、検索ボタン*/
.prefecturesArea input[type="text"],
.cityArea input[type="text"]{
	float: left;
	width: 80%;
	height: 30px;
	border: 1px solid #d6d8da;
	box-sizing: border-box;
	padding: 0 10px;
}
.prefecturesArea input[type="button"],
.cityArea input[type="button"]{
	float: right;
	border: 0;
	width: 20%;
	height: 30px;
	background: linear-gradient(to bottom, #ea908d 1%,#df4c4c 100%);
	color: #fff;
	border-radius: 0 5px 5px 0;
    box-sizing: border-box;
}
.prefecturesArea input[type="button"]:hover,
.cityArea input[type="button"]:hover{
	opacity: 0.8;
}

/*市区町村リスト*/
.cityArea ul.ico_orangeLink {
	margin-bottom: 40px !important;
}

.cityArea ul.ico_orangeLink li {
	display: inline-block;
	width: 155px;
	margin: 0 0 5px 0 !important;
	box-sizing: border-box;
	padding: 15px 0 15px 10px;
	background-color: #fdf6f1;
}

/* 20240920 絞り込み追記 */
button {
	cursor: pointer;
}
.productionArea .js-item_prod {
	display: grid;
	grid-template-columns: 23% auto;
	align-items: center;
	border: 1px solid #ea5550;
	padding: 6px 12px;
	line-height: 1.2;
	border-radius: 3px;
	background: white;
	gap: 10px;
	color: #6b3332;
	font-weight: normal;
}
.productionArea .js-item_prod.is-active {
	background-color: #fdefec;
}
.prefecturesArea .js-area,
.cityArea .js-area-detail {
	background-color: transparent;
	border: none;
	outline: none;
	padding: 0;
	appearance: none;
	color: #6a3331;
	background: url(/common/img/ico_001.png) left 0.2em no-repeat;
	padding-left: 15px;
}
.prefecturesArea .js-area:hover,
.cityArea .js-area-detail:hover {
	text-decoration: underline;
}
@media only screen and (max-width: 768px) {
	.productionArea .js-item_prod {
		grid-template-columns: auto;
		gap:0;
		padding: 6px 12px 14px;
	}
}
/* 20240920 絞り込み追記 end */

/*-----------------------------------------------------

コラージュリペアシリーズ サンプルお申込み

------------------------------------------------------*/

.sample_center{
	width: 85%;
}
.sample_center img{
	width: 100%;
	height: auto;
}
.position_l{
	position: relative;
}
.position_l_30{
	position: absolute;
	left: 54%;
}


/*-----------------------------------------------------

Cookie取得同意モーダル

------------------------------------------------------*/

.js-modal-cookie{
background: rgba(0, 0, 0, 0.8);
color: #ffffff;
left: 0;
bottom: 0;
position: fixed;
transition: .7s bottom;
width: 100%;
z-index: 9999;
}
.js-modal-cookie_inner{
	overflow: hidden;
	margin: 0 auto;
	line-height: 1.5em;
	box-sizing: border-box;
	width: 960px;
	padding: 25px 20px;
    display: flex;
}
.js-modal-cookie a{
color: white !important;
text-decoration: underline;
font-size:
}
.cookie-btn-close {
z-index: 4;
display: block;
box-sizing: content-box;
border: 0;
outline: 0;
width: 25px;
height: 25px;
background: transparent;
padding: 0;
text-align: center;
cursor: pointer;
position: absolute;
right: 20px;
top: 5px;
}
.cookie-btn-close span{
font-size: 0;
}
.cookie-btn-close:after, .cookie-btn-close:before {
content: "";
position: absolute;
top: 11px;
left: 2px;
display: block;
background: #fff;
width: 21px;
text-align: center;
height: 2px;
border-radius: 2px;
-webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
transition: all .6s cubic-bezier(.19,1,.22,1);
}
.cookie-btn-close:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.cookie-btn-close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cookie-btn-agree{display: inline-block;border: 0;outline: 0;background: #ea5550;padding: 5px 10px;text-align: center;cursor: pointer;color: white;min-width: 10em;margin-left: 2em;transition: all .6s cubic-bezier(.19,1,.22,1);}
.cookie-btn-agree:hover{
background: #ad2b2b;
}