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


/*ご利用ガイド　デザインcsa*/

/*--------
    PC
--------*/

#guideSection {
font-family: 'Noto Sans', sans-serif , 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
color: #343434;
width: 90%;
max-width: 990px;
letter-spacing: 0.05em;
}
#guideSection .breadcrumbs{
letter-spacing: 0.07em;
}
#guideSection .guideInner{
margin-bottom: 40px;
}
#guideSection .area_lead p,
#guideSection .guideSection p{
color: #343434;
font-size: 16px;
line-height: 1.85;
}

#guideSection .guideSection h3{
color: #343434;
font-size: 20px;
line-height: 2.4;
}

#guideSection .guideSection h4.ttl_sub{
font-family: 'Noto Sans', sans-serif , 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
color: #343434;
font-size: 16px;
line-height: 1.85;
position: relative;
margin-left: 18px;
}
#guideSection .guideSection h4.ttl_sub::before{
content: '';
position: absolute;
top: 16%;
margin-right: 10px;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #343434;
margin-left: -18px;
}

#guideSection .guideSection h5.ttl_sub{
font-family: 'Noto Sans', sans-serif , 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
color: #343434;
font-size: 16px;
line-height: 1.85;
}

#guideSection .guideSection .caution {
font-size: 12px;
line-height: 2;
}

/*----------------------------
  　送料について　テーブル 
----------------------------*/

#guideSection .guideSection table {
margin-top: 39px;
margin-bottom: 14px;
}
#guideSection .guideSection table tr {
border-top: 1px solid #4c4c4c;
padding: 10px 0;
text-align: left;
display: block;
}
#guideSection .guideSection table tr:last-of-type {
border-bottom: 1px solid #4c4c4c;
}
#guideSection .guideSection table th, #guideSection .guideSection table td {
width: 192px;
padding: 7px 0 7px 22px;
line-height: 1.85;
}
#guideSection .guideSection table th:first-child, #guideSection .guideSection table td:first-child {
border-right: 1px dashed #4c4c4c;
}
#guideSection .guideSection table th:last-child, #guideSection .guideSection table td:last-child {
width: auto;
padding-right: 22px;
}

/*-----------------------------------
  　ご注文の取り消しについて　リスト
-----------------------------------*/
#guideSection .guideSection#cancel ul{
margin-top: 30px;
}
#guideSection .guideSection#cancel ul li {
font-size: 16px;
font-weight: 600;
line-height: 2;
border-top: 1px solid #4c4c4c;
padding: 12px 0 12px 40px;
position: relative;
}
#guideSection .guideSection#cancel ul li:last-child {
border-bottom: 1px solid #4c4c4c;
}
#guideSection .guideSection#cancel ul li .cross {
color: #b0b0b0;
position: absolute;
left: 0;
top: 24px;
}
#guideSection .guideSection#cancel ul li .cross:before {
content: '';
position: absolute;
width: 25px;
height: 4px;
background-color: currentColor;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
#guideSection .guideSection#cancel ul li .cross:after {
content: '';
position: absolute;
width: 25px;
height: 4px;
background-color: currentColor;
-webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
}

/*-----------------------------------
  　お支払い方法について
-----------------------------------*/

#guideSection .guideSection#payment img {
margin-top: 19px;
}
/*-----------------------------------
  　返品・交換について
-----------------------------------*/

#guideSection .guideSection#returns .process {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
#guideSection .guideSection#returns .process dl{
max-width: 480px;
width: 48.5%;
}
#guideSection .guideSection#returns .process dt img{
width: 100%;
}
#guideSection .guideSection#returns .process dd{
font-size: 14px;
display: flex;
margin-top: 19px;
}
#guideSection .guideSection#returns .process dd p{
font-size: 14px;
width: 100%;
margin-top: 0;
}
#guideSection .guideSection#returns .process dd .num{
width: 32px;
height: 30px;
background-color: #343434;
font-weight: bold;
color: #fff;
display: block;
margin-right: 9px;
padding: 5px 0 0 11px;    
}

/*-----------------------------------
  　お問い合わせフォーム
-----------------------------------*/
#guideSection .guideSection#contactForm .brand__btn {
width: 100%;
max-width: 284px;
height: 40px;
margin: 40px auto 0;
border-radius: 50px;
position: relative;
background-color: #454545;
}

#guideSection .guideSection#contactForm .brand__btn a {
display: block;
font-size: 16px;
font-family: soleil, sans-serif;
font-weight: 400;
line-height: 40px;
color: #ffffff;
text-align: center;
text-decoration: none;
}
#guideSection .guideSection#contactForm .brand__btn i {
border: solid #ffffff;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 3.7px;
position: absolute;
top: 15px; 
right: 20px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/*----------------------------
  　statick_lower.css打消し   
----------------------------*/

#guideSection .guideInner{
margin-top: 0;
}
#guideSection .guideSection p {
margin-top: 0;
}

/*---------------
    タブレット
---------------*/

@media screen and (max-width: 767px) {

#guideSection {
width: 90%;
max-width: 760px;
}

}

/*--------
    SP
--------*/


@media screen and (max-width: 480px) {

/*----------------------------
  　statick_lower.css打消し   
----------------------------*/


#guideSection {
width: 92%;
margin:0 auto;
}
#Wrap_lower.onlyDefault #guideSection .area_ttl{
margin-bottom: calc(40 * 100vw / 750);
}
/* #Wrap_lower.onlyDefault #guideSection .area_ttl h2 .noto {
font-size: calc(48 * (100vw / 750));
margin: 0;} */
#guideSection.guideSection{
margin-bottom: calc(102 * 100vw / 750);
}
#guideSection.numberGuide .guideSection {
margin-bottom: calc(82 * 100vw / 750);
}
#guideSection #Contents .guideSection{
margin-bottom: calc(120 * 100vw / 750);
}
#guideSection .area_ttl h2 .fs_ttlsub{
/* font-size: calc(14 * (100vw / 750)); */
}
#guideSection .caution{
text-indent: 0;
padding-left: 0;
}

#guideSection .guideInner{
margin-bottom: calc(60 * (100vw / 750));
}
#guideSection .area_lead p,
#guideSection .guideSection p{
font-size: calc(26 * (100vw / 750));
line-height: 1.85;
}

#guideSection .guideSection h3{
color: #343434;
font-size: calc(36 * (100vw / 750));
line-height: 1.3;
margin-bottom: calc(18 * (100vw / 750));
}


#guideSection .guideSection h4.ttl_sub{
color: #343434;
font-size: calc(26 * (100vw / 750));
line-height: 1.85;
position: relative;
margin-left: calc(30 * (100vw / 750));
}
#guideSection .guideSection h4.ttl_sub::before{
content: '';
position: absolute;
top: 20%;
width: calc(26 * (100vw / 750));
height: calc(26 * (100vw / 750));
border-radius: 50%;
background-color: #343434;
margin-left: calc(-33 * (100vw / 750));
}

#guideSection .guideSection h5.ttl_sub{
color: #343434;
font-size: calc(26 * (100vw / 750));
line-height: 1.85;
}

#guideSection .guideSection .caution {
font-size: calc(18 * (100vw / 750));
margin-top: calc(6 * (100vw / 750));
line-height: 2;
}

/*----------------------------
  　送料について　テーブル 
----------------------------*/

#guideSection .guideSection table {
margin-top: calc(59 * (100vw / 750));
margin-bottom: calc(18 * (100vw / 750));
font-size: calc(26 * (100vw / 750));
}
#guideSection .guideSection table tr {
border-top: 1px solid #4c4c4c;
padding: calc(13 * (100vw / 750)) 0;
text-align: left;
display: block;
}
#guideSection .guideSection table tr:last-of-type {
border-bottom: 1px solid #4c4c4c;
}
#guideSection .guideSection table th, #guideSection .guideSection table td {
padding: calc(14 * (100vw / 750)) 0 calc(14 * (100vw / 750)) calc(30 * (100vw / 750));
line-height: 1.85;
}
#guideSection .guideSection table th:first-child, #guideSection .guideSection table td:first-child {
border-right: 1px dashed #4c4c4c;
width: calc(322 * (100vw / 750));
}
#guideSection .guideSection table th:last-child, #guideSection .guideSection table td:last-child {
padding-right: calc(30 * (100vw / 750));
}

/*-----------------------------------
  　ご注文の取り消しについて　リスト
-----------------------------------*/
#guideSection .guideSection#cancel ul{
margin-top: 30px;
}
#guideSection .guideSection#cancel ul li {
font-size: calc(26 * (100vw / 750));
font-weight: 600;
border-top: 1px solid #4c4c4c;
padding: calc(32 * (100vw / 750)) 0 calc(32 * (100vw / 750)) calc(70 * (100vw / 750));
position: relative;
line-height: 1.92;
}
#guideSection .guideSection#cancel ul li:last-child {
border-bottom: 1px solid #4c4c4c;
}
#guideSection .guideSection#cancel ul li .cross {
color: #b0b0b0;
position: absolute;
left: 0;
top: calc(52 * (100vw / 750));
}
#guideSection .guideSection#cancel ul li .cross:before {
content: '';
position: absolute;
width: calc(60 * (100vw / 750));
height: calc(10 * (100vw / 750));
background-color: currentColor;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
#guideSection .guideSection#cancel ul li .cross:after {
content: '';
position: absolute;
width: calc(60 * (100vw / 750));
height: calc(10 * (100vw / 750));
background-color: currentColor;
-webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
}

/*-----------------------------------
  　お支払い方法について
-----------------------------------*/

#guideSection .guideSection#payment img {
margin-top: calc(25 * (100vw / 750));
}

/*-----------------------------------
  　返品・交換について
-----------------------------------*/

#guideSection .guideSection#returns .process {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#guideSection .guideSection#returns .process dl{
width: 100%;
margin-bottom: calc(59 * (100vw / 750));
}
#guideSection .guideSection#returns .process dl:last-child{
margin-bottom: 0;
}
#guideSection .guideSection#returns .process dd{
font-size: calc(26 * (100vw / 750));
display: flex;
flex-wrap: wrap;
margin-top: calc(40 * (100vw / 750));
}
#guideSection .guideSection#returns .process dd p{
font-size: calc(26 * (100vw / 750));
width: 86%;
margin-top: 0;
}
#guideSection .guideSection#returns .process dd .num{
width: calc(50 * (100vw / 750));
height: calc(50 * (100vw / 750));
background-color: #343434;
font-weight: bold;
color: #fff;
display: block;
margin-right: calc(38 * (100vw / 750));
padding: calc(9 * (100vw / 750)) 0 0 calc(15 * (100vw / 750));    
}

/*-----------------------
  　お問い合わせフォーム
-------------------------*/
#guideSection .guideSection#contactForm .brand__btn {
width: 100%;
max-width: calc(481 * (100vw / 750));
margin: calc(61 * (100vw / 750)) auto 0;
border-radius: calc(55 * (100vw / 750));
position: relative;
background-color: #454545;
}

#guideSection .guideSection#contactForm .brand__btn a {
display: block;
font-size: calc(24 * (100vw / 750));
font-family: soleil, sans-serif;
font-weight: 400;
color: #ffffff;
text-align: center;
text-decoration: none;
}
#guideSection .guideSection#contactForm .brand__btn i {
border: solid #ffffff;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 3.7px;
position: absolute;
top: calc(30 * (100vw / 750)); 
right: calc(40 * (100vw / 750));
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

}

span.cRed {
    color: #ff0000;
}