/*
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: #201616;
	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: #FEFAFA;
	 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;
}






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

.widget-title {
    text-align: left;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}
	
  
.widget-title h2 {
	font-size: 40px;
	text-transform: none;
	letter-spacing: 1px;
	font-weight: normal;
	display: inline-block;
	font-family: 'Playfair Display', serif;
	color: #7E6F6F;
}




.widget-title2 {
    text-align: center;
    margin-bottom: 50px;
    margin-right: auto;
    margin-left: auto;
	width: 100%;
}
  
  
.widget-title2 h2 {
    font-size: 40px;
    text-transform: none;
    letter-spacing: 1px;
    font-weight: normal;
    display: inline-block;
    font-family: 'Playfair Display', serif;
    color: #7E6F6F;
	
}



.widget-title3  {
  text-align: left;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}
  

.widget-title3 h2 {
	font-size: 40px;
	text-transform: none;
	letter-spacing: 1px;
	font-weight: 300;
	display: inline-block;
	font-family: 'Playfair Display', serif;
	color: #fff;
}




/* 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;
  }
}




/* Profile
-------------------------------------------------------------- */	



.profile{
    width:90%;
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;  
	overflow: hidden;
}


.profile_left{
	width: 55%;
	padding-right: 50px;
	margin-left: auto;
    margin-right: auto;
    height: auto;
	float: left;
}


.profile_right{
	width: 45%;
	margin-left: auto;
    margin-right: auto;
	height: auto;
	float: right;
}


.profile_name {
	color: #201616;
	font-size: 18px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 600;
}


.profile_subname {
	margin-top: 10px;
	font-size: 12px;
	font-weight: 600;
	color: #201616;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


.tex_box{
	margin-left: auto;
	margin-right: auto;
}


.tex_box p{
	line-height: 27px;
	font-size: 14px; 
	letter-spacing: 1px;
	
}


.profile_all{
	clear: both;
	width: 90%;
	margin-left: auto;
    margin-right: auto;
    height: auto;
	margin-top: 50px;
}


/*  History   PC
-------------------------------------------------------------- */	
#history_SP{
	display: none;
}

.history_boxFirst{
	padding-bottom: 30px;
	padding-top: 0px;
	width:70%;
	margin-left: auto;
	margin-right: auto;
	
	
}

.history_box{
	padding-bottom: 30px;
	padding-top: 50px;
	width:70%;
	margin-left: auto;
	margin-right: auto;
}

.history_box_in{
  height: 400px;
  overflow-y: scroll;
}

.history_box_in::-webkit-scrollbar {
  width: 10px;
}

.history_box_in::-webkit-scrollbar-track {
  background-color: #CCB4B5;
}

.history_box_in::-webkit-scrollbar-thumb {
  background-color: #FBDDDD;
  border-radius: 2px;
}

.tex_title {
	font-weight: 600;
	color: #9B1414;
	font-size: 14px;
    font-family: 'Arbutus Slab', serif;
	letter-spacing: 1px;
	padding-bottom: 10px;
    border-bottom: 3px double #ccc;
	margin-bottom: 10px;
	width: 100%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}



.history{
    margin-bottom: 20px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.day {
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #1E1717;
}



.name p {
	font-size: 14px;
	letter-spacing: 1px;	
}

.name_mt {
     margin-top: 10px;
}



.name a{
	color: #201616;
	padding: 5px 5px;
}

.name a:hover{
	color: #fff;
	background-color: #E1968C;
}





/* Message Intoro
-------------------------------------------------------------- */	

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


.intro_tit {
    text-align:center;
	font-size: 40px;
	text-transform: none;
	letter-spacing: 1px;
	font-weight: normal;
	display: inline-block;
	font-family: 'Playfair Display', serif;
	color: #7E6F6F;
	width: 100%;
	margin-bottom: 15px;
}


.intro_s_tit{
    text-align:center;
	font-size: 13px;
	text-transform: none;
	letter-spacing: 6px;
	display: inline-block;
	font-family: 'Didact Gothic', sans-serif;
	color: #CD8D96;
	width: 100%;
	font-weight: bold;
}




.photo-intro{
	width: 100%;
	max-width: 980px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}








/* Message
-------------------------------------------------------------- */	

 .message_content{
   	width:100%;
	max-width: 780px;
    height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
}


.messagetex_box{
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 100px;
	padding-right: 0px;
	padding-left: 0px;
}

.messagetex_box p {
	line-height: 30px;
	font-size: 15px;
	letter-spacing: 1px;
}



.autograph { 
	background-image: url(img/maki_autograp.png);
	background-repeat: no-repeat;
	height: 54px;
	width: 150px;
	background-position:  right center;
	text-align: center;
	}






/* Border 
-------------------------------------------------------------- */

.lines-on-sides{
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
}
.lines-on-sides:before {
  content: "";
  display: block;
  border-top: solid 1px #ccc;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 1;
}
.lines-on-sides span {
  background: #FEF8F7;
  color: #2C220A;
  padding: 0px 20px;
  position: relative;
  z-index: 5;
  font-size: 20px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;

}

.lines-on-sides.sides_left{
  text-align: left;
}
.lines-on-sides.sides_left span{
  padding-left: 0;
}
.lines-on-sides.sides_right{
  text-align: right;
}
.lines-on-sides.sides_right span{
  padding-right: 0;
}









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

                        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) {
	
.main-content {
    padding-top: 80px;	
}
			
	
/* title
-------------------------------------------------------------- */

.widget-title {
    width: 80%;
}
	
		
	
	
/* Profile
-------------------------------------------------------------- */	

.profile{
    width:80%;
	padding-right: 0px;
}
	

	
/* Message Intoro
-------------------------------------------------------------- */	

.photo-intro{
	width: 80%;
	height: auto;
}




/* Message
-------------------------------------------------------------- */	

 .message_content{
   	width:60%;

}	
}	









@media screen and (min-width:960px) and ( max-width:1024px) {	
	
/*  topslider
------------------------------------*/	
	
#topslider {
	height: 500px;
	margin-top: 70px;
	width: 100%;
}
	
	
/* title
-------------------------------------------------------------- */

.widget-title {
    width: 85%;
}
	


/* Profile
-------------------------------------------------------------- */	

.profile{
    width:85%;
}
	
.profile_left{
	padding-right: 40px;
}
}		





@media screen and (min-width:768px) and ( max-width:959px) {
	
	
/*  topslider
------------------------------------*/	
	
#topslider {
	height: 400px;
}
	
	
/* title
-------------------------------------------------------------- */

.widget-title {
    width: 100%;
	text-align: center;
}
	



/* Profile
-------------------------------------------------------------- */	
	

.profile{
    width:90%;
}


.profile_left{
	width: 70%;
	padding-right: 0px;
	float: none;
}


.profile_right{
	width: 60%;
	float: none;
	margin-top: 20px;
}
}

	
	
@media screen and (min-width:481px) and ( max-width:767px) { 
	
	
/*  topslider
------------------------------------*/	
	
#topslider {
	height: 500px;
}
	
	
/* title
-------------------------------------------------------------- */

.widget-title {
    width: 100%;
	text-align: center;
}
	


/* Profile
-------------------------------------------------------------- */	
	

.profile{
    width: 85%;
}


.profile_left{
	width: 100%;
	padding-right: 0px;
	float: none;
}


.profile_right{
	width: 80%;
	float: none;
	margin-top: 20px;
}



	
/*  History  
-------------------------------------------------------------- */	
	
#history_PC{
	display: none;
}	
	
#history_SP{
	display: inline;
}

.sp_history_boxFirst{
	padding-bottom: 0px;
	padding-top: 0px;
	width:80%;
	margin-left: auto;
	margin-right: auto;	
}

	
.sp_history_box{
	padding-bottom: 30px;
	padding-top: 20px;
	width:80%;
	margin-left: auto;
	margin-right: auto;
}




.sp_tex_title {
	font-weight: 400;
	color: #9B1414;
	font-size: 14px;
    font-family: 'Arbutus Slab', serif;
	letter-spacing: 1px;
	padding-bottom: 10px;
    border-bottom: 3px double #ccc;
	margin-bottom: 20px;
	width: 100%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}



.sp_history{
    margin-bottom: 20px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;	
}
	

.sp_day {
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #413535;
}



.sp_name p {
	font-size: 13px;
	letter-spacing: 1px;
    line-height: 24px;
}
	


.name_mt {
     margin-top: 0px;
}

.name_bt {
     margin-bottom: 0px;
}


.sp_name a{
	color: #201616;
	padding: 5px 0px;
}

.sp_name a:hover{
	color: #201616;
	background-color: #FADCE1;
}


	
	
/* Message Intoro
-------------------------------------------------------------- */	



.intro_tex {
	width: 80%;
}


.intro_tex p {
	font-size: 15px;
}




.photo-intro{
	width: 100%;
	height: auto;
	margin-top: 50px;
}	
	
	
	

/* Message
-------------------------------------------------------------- */	

 .message_content{
   	width:85%;
    height: auto;
	margin-left: auto;
	margin-right: auto;
}	
}	




@media screen and (min-width:320px) and ( max-width:480px) { 
	
	
/*  topslider
------------------------------------*/	
	
#topslider {
	height: 450px;
	background-position: center bottom;
}
	
	
/* title
-------------------------------------------------------------- */

.widget-title {
    width: 100%;
	text-align: center;
}
	


/* Profile
-------------------------------------------------------------- */	
	
.profile{
	width: 85%;
}
	
	

.profile_left{
	width: 100%;
	padding-right: 0px;
	float: none;
}




.profile_right{
	width: 100%;
	float: none;
	margin-top: 50px;
}
	

.tex_box p{
	line-height: 27px;
	font-size: 17px; 
	letter-spacing: 1px;
}
	


/*  History  
-------------------------------------------------------------- */	


#history_PC{
	display: none;
}	
	
#history_SP{
	display: inline;
}

.sp_history_boxFirst{
	padding-bottom: 0px;
	padding-top: 0px;
	width:80%;
	margin-left: auto;
	margin-right: auto;	
}

	
.sp_history_box{
	padding-bottom: 30px;
	padding-top: 20px;
	width:80%;
	margin-left: auto;
	margin-right: auto;
}




.sp_tex_title {
	font-weight: 400;
	color: #9B1414;
	font-size: 14px;
    font-family: 'Arbutus Slab', serif;
	letter-spacing: 1px;
	padding-bottom: 10px;
    border-bottom: 3px double #ccc;
	margin-bottom: 20px;
	width: 100%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}



.sp_history{
    margin-bottom: 20px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;	
}
	

.sp_day {
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #1E1717;
}



.sp_name p {
	font-size: 15px;
	letter-spacing: 1px;
    line-height: 21px;
}

.sp_name a{
	color: #201616;
	padding: 5px 5px;
}

.sp_name a:hover{
	color: #fff;
	background-color: #E1968C;
}	


.name_mt {
     margin-top: 0px;
}

.name_bt {
     margin-bottom: 0px;
}





	


	
/* Message Intoro
-------------------------------------------------------------- */	



.intro_tex {
	width: 80%;
}


.intro_tex p {
	font-size: 16px;
	line-height: 24px;
}




.photo-intro{
	width: 100%;
	height: auto;
	margin-top: 50px;
}	
	
	
	

/* Message
-------------------------------------------------------------- */	

 .message_content{
   	width:85%;
    height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}	
	
	
.messagetex_box{
    margin-top: 30px;
    margin-bottom: 50px;
}	
	
	
.messagetex_box2{
	padding-right: 0px;
	padding-left: 0px;
}	
	
.messagetex_box p {
	font-size: 17px;
	letter-spacing: 1px; 
}
	
.messagetex_box2 p {
	font-size: 17px;
	letter-spacing: 1px;
}	

/* Border 
-------------------------------------------------------------- */


.lines-on-sides:before {
display: none;
}
	
	
.lines-on-sides span {
  background: #FEF8F7;
  color: #2C220A;
  position: relative;
  font-size: 18px;
  line-height: 21px;
  padding-top: 	0px;
  padding-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
  border-bottom: 1px #A59191 solid;
}	
	

	
	
	
.lines-on-sides.sides_left{
  text-align: left;
}		
}