/*
SITE URL: https://foudamour.jp/
PAGE Name foudamour
*/


/*Structure 
-------------------------------------------------------------- */

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body, html {
  /* important */
/*	height: 100%;
	min-height: 100%;*/
}


body {
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
    font-size: 14px;
    color: #2C1D1D;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    font-style: normal;
    font-weight: normal;
    background-color: #fff;
	 animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;	
}




@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}






/* Styling
-------------------------------------------------------------- */

.main-content {
	height: 100%;
}

.container {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}

.container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

.clearfix  {
  content: '';
  display: table;
  clear: both;
}





/* Bg
-------------------------------------------------------------- */

.back_bg {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media screen and (min-width:768px) and ( max-width:959px) {
  .back_bg {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

@media screen and (min-width:481px) and ( max-width:767px) { 
  .back_bg {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media screen and (min-width:320px) and ( max-width:480px) {
  .back_bg {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}
	



/* title
-------------------------------------------------------------- */


#care_area_menu {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
	padding-top: 80px;
	padding-bottom: 80px;
}
	

.care_tit {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
	font-size: 50px;
	font-family: 'Playfair Display', serif;
    color: #A99595;
    margin-bottom: 30px;
 }


.care_tit_sub {
	font-size: 23px;
	letter-spacing: 1px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #433737;
	margin-top: 30px;
	text-align: center;
}




/*  border-short
-------------------------------------------------------------- */	

.border-short {
	border-bottom:  1px solid #CDC4C4;
	width: 20%;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
}
	
.border-short2 {
  position: relative;
  padding-bottom: .5em;
	}


.border-short2::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
}



/*  Care Menu
-------------------------------------------------------------- */	

.sp_icon{
		display: none;
	}	

.menu{
	margin-top: 30px;
	letter-spacing: -0.4em;
	width: 100%;
	margin-right: auto;
    margin-left: auto;
}


.care_list {
     text-align: center;
}


.care_list li  {
	display: inline-block;
	letter-spacing: normal;
     margin-right: 10px;
     margin-left: 10px;
}



.care_list a {
    border-radius: 1px;
	background-color: #FFFFFF;
	border: solid 1px #C0B6A9;
    color: #705E5E;
    display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 25px;
	padding-right: 25px;
    letter-spacing: 1px;
    font-size: 16px;
  
}


.care_list a:hover {
	background-color: #D3DDDB;
	border: solid 1px transparent;

}



.care_list .active a  {
	color: #FFFFFF;
	background-color: #DAC0C0;
	border: solid 1px transparent

}





/* care index,index2
-------------------------------------------------------------- */	


.care{
	margin-bottom: 180px;
	margin-top: 0px;
}


.care_contents_first{
	width: 100%;
	max-width: 1024px;
    overflow: hidden;
	margin-bottom: 80px;
	border-bottom: 2px rgba(224,192,192,0.50) dotted;			
	margin-left: auto;
	margin-right: auto;
	padding-top: 80px;
}

.care_contents {
	width: 100%;
	max-width: 1024px;
    overflow: hidden;
	margin-bottom: 80px;
	border-bottom: 2px rgba(224,192,192,0.50) dotted;
	margin-left: auto;
	margin-right: auto;
}

.care_contents_last {
	width: 100%;
	max-width: 1024px;
    overflow: hidden;
	margin-bottom: 80px;
	margin-left: auto;
	margin-right: auto;
}

.care_left{
	width:32%;
    float: left;
	padding-top: 0%;
	padding-bottom: 8%;
	padding-left: 0%;
	padding-right: 0%;
	margin-left: auto;
	margin-right: auto;
	
}

.care_right{
	width:68%;
    float: right;
	padding-top: 0%;
	padding-left: 5%;
	padding-right: 5%;
	margin-left: auto;
	margin-right: auto;
}







/* care index,index2 
-------------------------------------------------------------- */	

.carebox_title {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	border-bottom: 1px dotted #E3E3E3;
}

.carebox_title p {
    font-weight: 600;
    letter-spacing: 1px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: left;
	padding-bottom: 10px;
	font-size: 20px;
}


.carebox {
    width: 100%;
	margin-left: auto;
	margin-right: auto;	
}

.carebox p {
	 letter-spacing: 1px;
	 text-align: left;
  
}





/* care index3
-------------------------------------------------------------- */	

.care_contents2{
  width: 100%;
  max-width: 1024px;
  overflow: hidden;	
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(229,187,133,0.11);
  padding-top:60px;
  padding-bottom: 60px;
}



/* clearfix */
.care_contents2:before,
.care_contents2:after {
    content: "";
    display: table;
}
 
.care_contents2:after {
    clear: both;
}
 


.care_left2{
	float: left;
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	padding: 0%;
}

.care_right2{
	width:60%;
    float: right;
	padding-top: 2%;
	padding-left: 0%;
	padding-right:5%;
	margin-left: auto;
	margin-right: auto;
	
}


.carebox_title2 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	border-bottom: 1px dotted #BBAEAE;
	
}

.carebox_title2 p {
    font-weight: 600;
    letter-spacing: 1px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: left;
	padding-bottom: 10px;
	font-size: 20px;
}


.carebox {
    width: 100%;
	margin-left: auto;
	margin-right: auto;	
}

.carebox p {
	 letter-spacing: 1px;
  
}







/* font-asumou
-------------------------------------------------------------- */

.i_size{
	font-size: 230px;
}

.i-color_1{
	color: rgba(250,150,152,0.55)	
}

.i-color_2{
	color: rgba(93,158,94,0.55)	
}


.i-color_3{
	color: rgba(244,70,70,0.55)	
}

.i-color_4{
	color: rgba(120,191,189,0.55)	
}


.i-color_5{
	color: rgba(215,166,70,0.55)	
}

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

                        Responsiv

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


@media screen and (max-width: 1200px) {
#top-head .logo {
	margin-left: 50px;
}
	
	
nav { 
    margin-right:  2%;		
}
	
#top-head.fixed .logo {
	float: left;
	width: 200px;
	height: 57px;
    margin-top: 10px;
	margin-left: 50px;		
}	
}	


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

/*  Care 
-------------------------------------------------------------- */	



.care_contents{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
}
	
.care_contents_first{
	width: 90%;
}
	

/* care index3
-------------------------------------------------------------- */	

/*index3*/
.care_contents2{
   width: 90%;
   margin-bottom: 60px;
}	
}




@media screen and (min-width:768px) and ( max-width:959px) {
	


/*  border-short
-------------------------------------------------------------- */	

.border-short {
	border-bottom:  1px solid #CDC4C4;
	width: 20%;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
}
	
.border-short2 {
  position: relative;
  padding-bottom: .5em;
	}


.border-short2::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
}




/*  Care 
-------------------------------------------------------------- */	
	
.care{
	margin-bottom: 80px;
}

.care_left{
	width:40%;
	padding-top: 5%;
	padding-bottom: 6%;
	padding-left: 2%;
	padding-right: 0%;
}


.care_right{
	width:60%;
	padding-top: 4%;
	padding-bottom: 5%;
	padding-left: 5%;
	padding-right: 5%;
}
}	
	

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


/*  Care NAV
-------------------------------------------------------------- */	

#care_area_menu {
	padding-top: 60px;
	padding-bottom: 60px;
}


.care_list li  {
     margin-right: 5px;
     margin-left: 5px;
}



.care_list a {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 23px;
	padding-right: 23px;
    letter-spacing: 1px;  
}





/*  Care 
-------------------------------------------------------------- */	
	
.care{
	margin-top: 50px;
	margin-bottom: 0px;
}	
	
.care_contents_first{
	margin-bottom: 30px;
	padding-top: 50px;
	padding-bottom: 50px;
	border: none;
    background-color: rgba(227,211,212,0.15);
}

.care_contents{
	margin-bottom: 30px;
	padding-top: 50px;
	padding-bottom: 50px;
	border: none;
	background-color: rgba(227,211,212,0.15);
}

.care_left{
	width:80%;
    float: none;
	padding-top: 0%;
	padding-bottom:0%;
	padding-left: 0%;
	padding-right: 0%;
	margin-left: auto;
	margin-right: auto;
}


.care_right{
	width:80%;
    float: none;
	padding-top: 4%;
	padding-bottom: 0%;
	padding-left: 0%;
	padding-right: 0%;
	margin-left: auto;
	margin-right: auto;
}

.carebox_title {
	width: 95%;
	margin-bottom: 10px;	
}

.carebox_title p {
	text-align: left;
	padding-bottom: 0px;
	font-size: 20px;
}


.carebox {
    width: 95%;
}




/*index3*/
.care_contents2{
  margin-bottom: 50px;
}


.care_left2{
	float: none;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}

.care_right2{
	float: none;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}
}	
	






@media screen and (min-width:320px) and ( max-width:480px) { 
	
body{
		font-size: 16px;
	}
	
	


/*  Care NAV
-------------------------------------------------------------- */	

.sp_icon{
		display: inline;
	}	
	
.categories{
	  width: 100%;
	  height: auto;
	  padding: 15px 0px;
	  background-color: #CAC3C5; 
	  letter-spacing: 1px;
	  margin-right: auto;
      margin-left: auto;
	  text-align: center;
      font-family: 'Lora', serif; 
	  color: #fff;
	  margin-bottom: 20px;
	  display: block;

}

.menu{
	margin-top: 50px;
	letter-spacing: -0.4em;
	width: 90%;
	margin-right: auto;
    margin-left: auto;
}


.care_list {
    text-align: left;

}


.care_list li  {
	 display: inline;
	 letter-spacing: normal;
     margin-right: 0px;
     margin-left: 0px;
}



.care_list a {
    border-radius: 0px;
	background-color:rgba(255,233,234,0.22);
    color: #402F2F;
    display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 0px;
	font-size: 16px;
	border-top: none;
	border-left: none; 
	border-right: none; 
	border-bottom: none;
	border-bottom: 1px dotted #95A19F;
}


.care_list a:hover{
    border-radius: 0px;
    background-color:#AFC9C1;
    color: #fff;
    display: block;
    padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 0px;
	font-size: 16px;
	border-top: none;
	border-left: none; 
	border-right: none; 
	border-bottom: 1px dotted #95A19F;
	}

.care_list .active a  {
	color: #FFFFFF;
	background-color: #DAC0C0;
	border: transparent;

}

.care{
	margin-top: 50px;
	margin-bottom: 0px;
}	
	
.care_contents_first{
	margin-bottom: 30px;
	padding-top: 0px;
	padding-bottom: 50px;
	border: none;
    background-color: rgba(227,211,212,0.15);
}

.care_contents{
	margin-bottom: 30px;
	padding-top: 0px;
	padding-bottom: 50px;
	border: none;
	background-color: rgba(227,211,212,0.15);
}

.care_left{
	width:100%;
    float: none;
	padding-top: 0%;
	padding-bottom:0%;
	padding-left: 0%;
	padding-right: 0%;
	margin-left: auto;
	margin-right: auto;
}


.care_right{
	width:90%;
    float: none;
	padding-top: 4%;
	padding-bottom: 0%;
	padding-left: 0%;
	padding-right: 0%;
	margin-left: auto;
	margin-right: auto;
}

.carebox_title {
	width: 100%;
	margin-bottom: 10px;	
}

.carebox_title p {
	text-align: left;
	padding-bottom: 0px;
	font-size: 20px;
}


.carebox {
    width: 100%;
}



	
/* index3
-------------------------------------------------------------- */	

.care_left2{
	float: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.care_right2{
	width:90%;
    float: none;
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	padding-right: 0%;
	margin-left: auto;
	margin-right: auto;
}



.carebox_title2 {
	width: 100%;
	margin-top: 35px;
}


.carebox2 {
	width: 100%;
}		
}