@charset "UTF-8";


.allDetail2 {
font-family: 'Kiwi Maru', serif;
color: #1D4883;
font-size: 1rem;
line-height: 1.85;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
word-wrap: break-word;
background-color: #fff;
width: 98%;
max-width: 1160px;
margin: 0 auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.allDetail2 img {
max-width: 100%;
height: auto;
}
@media screen and (max-width: 736px) {
.allDetail2 {
max-width: 96%;
font-size: 0.85em;
}
.allDetail2 h2 {
padding: 0 !important;
margin: 0 !important;
}
}














#allDetail{ 
padding-bottom: 0; 
}
#allDetail .BBoxDetail{
max-width: 1020px;
font-size: 1.1em;
padding: 20px 40px 20px;
margin: 0 auto;
background-color: #f2f1ed;
}












#allDetail .BBoxDetail .titleDetail{
display: flex;
align-items: center;
}
#allDetail .BBoxDetail .titleDetail h3{
display: inline-block;
color: #566b66;
font-size: 3rem;
vertical-align: middle;
letter-spacing: 0.1em;
padding-right: 0.5em;
margin-top: 0;
float: left;
margin-bottom: 0;
text-align: center;
}
#allDetail .BBoxDetail .titleDetail img{
display: inline-block;
vertical-align: middle;
margin-right: 15px;
max-width: 120px;
}
.textDetail{
flex: 1;
margin-top: 10px;
font-size: 1.5rem;
}













.title_nic{
margin-top: 20px;
margin-bottom: 10px;
}
.title_nic ul{
display: inline-block;
vertical-align: 20%;
}
.title_nic ul li{
display: inline-block;
font-size: 1.3rem;
font-weight: bold;
color: #aeab27;
vertical-align: middle;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
padding: 0px 26px;
margin: 2.5px;
border: 1px solid #aeab27;
}
@media screen and (max-width: 750px){
.title_nic ul li{
font-size: 0.9em;
padding: 0px 28px;
}
}










#allDetail .BBoxDetail p strong{
color: #FF7272;
font-weight: bold;
}
.wrapDetail{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}












.boxDetail{
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
flex: 1;
}
@media screen and (max-width: 750px){
.boxDetail{
margin-top: 30px;
}
}












.wrapDetail h4{
color: #566b66;
font-size: 2.3rem;
font-weight: normal;
margin: 0.5em 0;
line-height: 1.85;
}
.wrapDetail h4 span{
display: inline-block;
font-size: 1.2rem;
font-weight: bold;
color: #FFF;
background-color: #ff8080;
vertical-align: 20%;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
padding: 5px 10px;
margin-left: 20px;
}
@media screen and (max-width: 736px){
.wrapDetail h4 span{
vertical-align: 10%;
}
}

.wrapDetail p {
text-align: center;
}
.wrapDetail p a{
color: #13b5bb;
text-decoration: underline;
font-size: 1.5rem;
}
@media screen and (max-width: 736px){
.wrapDetail p a{
font-size: 1.5rem;
}
}

.wrapDetail ul{
-moz-background-size: auto auto;
background-size: auto auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 5px 15px;
}


.wrapDetail ul li{
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
font-size: 1.3rem;
margin: 5px 0;
list-style: none;
background-color: #13b5bb;
color: #ffffff;
border-radius: 50px;
text-align: center;
padding: 5px 0px;
}
@media screen and (max-width: 736px){
.wrapDetail ul li{
font-size: 1.4rem;
}
}
.wrapDetail2 ul li{
flex-basis: 100%;
margin-top: -5px;
}
@media screen and (max-width: 736px){
.wrapDetail2 ul li{
font-size: 1.4rem;
}
}
.wrapDetail3 ul li{
flex-basis: 100%;
margin-bottom: -5px;
}
@media screen and (max-width: 736px){
.wrapDetail3 ul li{
font-size: 1.4rem;
}
}
.wrapDetail4 ul li{
flex-basis: 100%;
}
@media screen and (max-width: 736px){
.wrapDetail4 ul li{
font-size: 1.4rem;
}
}

.wrapDetail ul li span{
display: inline-block;
background-repeat: no-repeat;
background-position: left center;
-moz-background-size: 55px auto;
background-size: 55px auto;
}











.obDetail span{ background-image: url(../service/y_img/option_icon01.svg); }

.obDetail2 span{
background-image: url(/10pack/y_img/price3_icon5.svg); 
font-size: 1.1rem;
vertical-align: text-bottom;
}
@media screen and (max-width: 736px){
.obDetail2 span{
background-image: url(/10pack/y_img/price3_icon5.svg); 
font-size: 1.1rem;
}
}










@media screen and (max-width: 736px){
#allDetail{ 
padding-bottom: 0; 
}
#allDetail .BBoxDetail{
padding: 15px 15px 20px;
margin: auto auto 0px;
}










#allDetail .BBoxDetail .titleDetail{
display: block;
}

#allDetail .BBoxDetail .titleDetail h3{
font-size: 1.8em;
float: none;
}

#allDetail .BBoxDetail .titleDetail img{
max-width: 50px;
height: auto;
margin-right: 10px;
}
.textDetail{
flex: 1;
}










.title_nic{
margin-top: 20px;
text-align: center;
}
.title_nic ul{
display: block;
margin-top: 1em;
}
.title_nic li{
font-size: 0.9em;
padding: 2px 10px;
margin: 2.5px;
}










.wrapDetail{ display: block; }
.wrapDetail h4{
font-size: 1.3em;
margin: 1em 0 0.5em;
}

.wrapDetail h4 span{ font-size: 0.7em; }

@media screen and (max-width: 736px){
.wrapDetail ul{ 
padding: 5px 0px;
}
}

.wrapDetail ul li span{
-moz-background-size: 45px auto;
background-size: 45px auto;
}
}












.boxDetail .far {
margin-right: 4px;
vertical-align: 1px;
color: #aeab27;
margin-left: 20px;
}
@media screen and (max-width: 736px){
.boxDetail .far {
margin-left: 0;
}
}









/*レスポンシブ画像隠しタグ*/
@media screen and (min-width:768px) { 
.desktopin { 
display:block;
}
.mobilein { 
display:none;
}
}

@media screen and (max-width:767px) { 
.desktopin { 
display:none;
}
.mobilein { 
display:block;
}
}














/* SimpleButton */
.btn-wrap {
margin-top: 10px;
text-align: center;
margin-bottom: 30px;
}
@media screen and (max-width:767px) { 
.btn-wrap {
margin-bottom: 50px;
}
}
.btn2 {
font-size: 1.8rem;
font-weight: 700;
line-height: 1.2;
position: relative;
display: inline-block;
padding: 1rem 8rem;
cursor: pointer;
user-select: none;
transition: all .3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: .1em;
border-radius: .5rem;
line-height: 1.8rem;
}
@media screen and (max-width:767px) { 
.btn2 {
font-size: 1.5rem;
padding: 1rem 0rem;
width: 90%;
}
}
.btn2:before {
font-family: 'Font Awesome 5 Free';
font-size: 1.2rem;
line-height: 1;
position: absolute;
top: calc(50% - .7rem);
right: .5rem;
margin: 0;
padding: 0;
content: '\f054';
}

.btnS {
font-size: 1.2rem;
color: #fff527;
}
@media screen and (max-width:767px) { 
.btnS {
font-size: .9rem;
color: #fff527;
}
}

.btn--green {
color: #fff;
background-color: #ff9999;
}
.btn--green:hover {
color: #fff;
background-color: #ffaeae;
}

.btn--color {
color: #fffc00;
font-size: 1.8rem;
}
@media screen and (max-width:767px) { 
.btn--color {
font-size: 1.5rem;
}
}








@media screen and (max-width: 750px){
.list_icon_wrap {
padding-top: 30px;
margin-bottom: 30px;
}
}

@media screen and (max-width: 750px){
article.main_visual {
margin: 0 auto 50px;
background-image: url(https://fashioncare.itembox.design/item/sub_main_menu_sp.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding-bottom: 30px;
}
}














.post {
width: 95%;
font-size: 1.3rem;
}
@media screen and (max-width: 750px){
.post {
width: 100%;
margin: auto;
margin-top: 30px;
}
}

table tr:nth-child(odd) td {
background: #effeff;
}
.post td, .post th {
padding: 8px 10px;
border: 1px solid #c6c34d;
vertical-align: middle;
background-color: #fff;
}
.post th {
text-align: center;
background: #13b5bb;
color: #fff;
}

.post th:nth-child(2) {
background: #aeab27;
}

/* 列1 */
table tr td:nth-child(1){
text-align: center;
}
/* 列2 */
table tr td:nth-child(2){
text-align: center;
}
/* 列3 */
table tr td:nth-child(3){
text-align: center;
}


.post2 {
width: 95%;
font-size: 1.3rem;
}
@media screen and (max-width: 750px){
.post2 {
width: 100%;
margin: auto;
margin-top: 30px;
}
}

.post2 tr:nth-child(odd) td {
background: #effeff;
}
.post2 td, .post2 th {
padding: 8px 10px;
border: 1px solid #c6c34d;
vertical-align: middle;
background-color: #fff;
}
.post2 th {
text-align: center;
background: #13b5bb;
color: #fff;
}

.post2 th:nth-child(2) {
background: #aeab27;
}

/* 列1 */
.post2 tr td:nth-child(1){
text-align: center;
width: 35%;
}
/* 列2 */
.post2 tr td:nth-child(2){
text-align: center;
}
/* 列3 */
.post2 tr td:nth-child(3){
text-align: center;
}


.post3 {
width: 95%;
font-size: 1.3rem;
margin-top: 10px;
}
@media screen and (max-width: 750px){
.post3 {
width: 100%;
margin: auto;
margin-top: 10px;
}
}

.post3 tr:nth-child(odd) td {
background: #effeff;
}
.post3 td, .post3 th {
padding: 8px 10px;
border: 1px solid #c6c34d;
vertical-align: middle;
background-color: #fff;
}
.post3 th {
text-align: center;
background: #aeab27;
color: #fff;
}

.post3 th:nth-child(1) {
background: #fff;
}
.post3 th:nth-child(2) {
background: #aeab27;
}

/* 列1 */
.post3 tr td:nth-child(1){
text-align: center;
width: 35%;
}
/* 列2 */
.post3 tr td:nth-child(2){
text-align: center;
}
/* 列3 */
.post3 tr td:nth-child(3){
text-align: center;
}


.post4 {
width: 95%;
font-size: 1.3rem;
margin-top: 10px;
}
@media screen and (max-width: 750px){
.post4 {
width: 100%;
margin: auto;
margin-top: 10px;
}
}

.post4 tr:nth-child(odd) td {
background: #effeff;
}
.post4 td, .post4 th {
padding: 8px 10px;
border: 1px solid #c6c34d;
vertical-align: middle;
background-color: #fff;
}
.post4 th {
text-align: center;
background: #13b5bb;
color: #fff;
}

.post4 th:nth-child(1) {
}
.post4 th:nth-child(2) {
background: #aeab27;
}

/* 列1 */
.post4 tr td:nth-child(1){
text-align: center;
width: 35%;
}
/* 列2 */
.post4 tr td:nth-child(2){
text-align: center;
}
/* 列3 */
.post4 tr td:nth-child(3){
text-align: center;
}





.miniImg {
    display: flex;
             }
             @media screen and (max-width: 767px){
             .miniImg {
             }
             }
             .miniImgIn {
                 margin: 5px;
                 }
                 @media screen and (max-width: 767px){
                 .miniImgIn {
                 }
                 }
 
                 @media screen and (max-width: 767px){
                 .textminDetail{
                 font-size: 1.2rem;
                 }
             }