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


/* font */

@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');
@import url('https://fonts.googleapis.com/css?family=Arbutus+Slab');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Didact+Gothic');









/*
font-family: 'Poppins', sans-serif;
font-family: 'Josefin Sans', sans-serif;
font-family: 'Arbutus Slab', serif;
font-family: 'Libre Baskerville', serif;
font-family: 'Playfair Display', serif;
font-family: 'Lora', serif;
font-family: 'Didact Gothic', sans-serif;

*/


/* ------------------------------------------------------------------
 Reset
------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* ------------------------------------------------------------------
 HTML5 display-role reset for older browsers
------------------------------------------------------------------ */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;
}
body {
	line-height: 1;
}

p{
	line-height:1.9;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




a {
	text-decoration: none;
	outline: none;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;
}



img {
		width: 100%;
		height: auto;
	    border: 0;
        vertical-align: middle;
	}

/* ------------------------------------------------------------------
 Text&Hypertext
------------------------------------------------------------------ */




.bb{
	font-weight: 600;
}

.font_ss{
	font-size: 12px;
	color: #2E2C2C;
}



.font_s{
	font-size: 13px;
	color: #2E2C2C;
}

.font_m{
	font-size: 17px;
	color: #2E2C2C;
}

.font_big{
	font-size: 20px;
	color: #2E2C2C;
}

.font_mincho{
	 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.red{
	color: #A73738;
}

.white{
	color: #fff;
}

.white a{
	color: #fff;
}

.center{
	text-align: center;
}

.left{
	text-align: left;
}

.midashi {
	font-size: 16px;
	
}

/* ------------------------------------------------------------------
 mb mt
------------------------------------------------------------------ */

.mb-1{
	margin-bottom: 10px;
}

.mb-2{
	margin-bottom: 20px;
}


.mb-3{
	margin-bottom: 30px;
}


.mb-4{
	margin-bottom: 40px;
}


.mt{
	margin-top: 0px;
}



.mt-1{
	margin-top: 10px;
}

.mt-2{
	margin-top: 20px;
}

.mt-3{
	margin-top: 30px;
}

.mt-4{
	margin-top: 40px;
}

.mt-5{
	margin-top: 50px;
}

.ml-10{
	margin-left: 10px;
}

.ml-20{
	margin-left: 20px;
}


.pt-1{
	padding-top: 10px;
}

.pt-2{
	padding-top: 20px;
}

.pr-10{
	padding-right: 10px;
}

.pr-20{
	padding-right: 20px;
}

.pr-30{
	padding-right: 30px;
}


.pl-10{
	padding-left: 10px;
}

.pl-20{
	padding-left: 20px;
}


.last_mb{
    margin-bottom: 0px;
}


/* ------------------------------------------------------------------
 Btn
------------------------------------------------------------------ */




/*-----------------------top:welcome Best*/


.btn a {
	width: 150px;
	/*height: 40px;*/
	display: block;
	background-color: #F0B2B2; 
	color: #fff;
	letter-spacing: 1px;
	font-size: 13px;
	padding: 20px 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


.btn a:hover {
background-color: #F0C7D0;
color: #ffffff;
}


/*-----------------------1 top:Arrival*/

.btn1 a{
  display: block;
  text-decoration: none;
  width: 120px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: auto;
  margin-right: auto;	
  text-align: center;
  color: #2bb6c1;
  background-color: #fff;
  border:solid 1px #2bb6c1;
  letter-spacing: 1px;
}


.btn1 a:hover {
  color: #ffffff;
  background-color: #E29696;
  border:solid 1px #E29696;
}

/*-----------------------2 top:RECOMMEND*/

.btn2 a {
	width: 90px;
	/*height: 40px;*/
	display: block;
	background-color: #D0B6B6;
	color: #fff;
	letter-spacing: 1px;
	font-size: 13px;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


.btn2 a:hover {
background-color: #F3ADAD;
color: #ffffff;
}


/*-----------------------3 top:ABOUT ME*/
.btn3 a{
  display: block;
  text-decoration: none;
  width: 120px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: auto;
  margin-right: auto;	
  text-align: center;
  color: #B0A0A0;
  font-weight: 600;
  background-color: #fff;
  border:solid 1px #D0C3C3;
  letter-spacing: 1px;
}


.btn3 a:hover {
  color: #ffffff;
  background-color: #E29696;
  border:solid 1px #E29696;
}


/*-----------------------4 top:RECOMMEND_BIG*/
.btn4 a{
  display: block;
  text-decoration: none;
  width: 120px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: auto;
  margin-right: auto;	
  text-align: center;
  color: #B0A0A0;
  background-color: #fff;
  border:solid 1px #D0C3C3;
  letter-spacing: 1px;
}


.btn4 a:hover {
  color: #ffffff;
  background-color: #E29696;
  border:solid 1px #E29696;
}



/*-----------------------Contact*/

input[type="submit"] {
  -webkit-appearance: none;
}

input#submit_button {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	border-radius: 0;
	border: none;
	outline: none;
	display: inline-block;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	color:#fff; 
	background-color: #B68686;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}

input#submit_button:hover{
	color:#fff;
	background-color: #FFB1B1;
}



/*-----------------------NO-USE*/

.double-btn {
    width:180px;
    outline: 2px solid #fff; 
    outline-offset: -7px; 
	background-color: #DCCDA5;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.double-btn a {
	color: #fff;
	font-size: 15px;
	display: block;
	padding-bottom: 20px;
	padding-top: 20px;
}


.double-btn a:hover {
    color: #fff;
	background-color: #E8B6B6;
}



.t-btn {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	border-radius: 0;
	border: none;
	outline: none;
	display: inline-block;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
}


.t-btn-primary {
	color:#fff;
	background-color: #FF8588;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}

.t-btn-primary:hover {
	color:#333333;
	background-color: #FFB1B1;
}





/* Color
-------------------------------------------------------------- */


/*使用*/
.color-1{
    background-color: #FDF6F4;
    background-image: url(../img/bg/bg-3.gif);
    background-repeat: repeat;
}

/*使用*/
.color-2{
    background-color: #FFF;
    background-image: url(../img/bg/bg-6.gif);
    background-repeat: repeat;
}


/*使用*/
.color-3{
	background-color: #F9F3ED;
}

/*使用*/
.color-4{
	 background-color: #FEF8F7;
}



/*使用*/
.color-5{
	background-color: #f2e9e9;
}	

/*使用*/
.color-6{
    background-image: url("../img/bg/back-1.gif");
    background-repeat: repeat;
}

.color-7{
  background-color: #fff;
}



/* ------------------------------------------------------------------
Pagetop 
------------------------------------------------------------------ */

#pagetop {
	position: fixed;
	bottom: 40px;
	right: 2%;
	width: 40px;
	height: 40px;
	text-align: center;
	background-color: rgba(240,178,178,0.83);
	z-index: 999;
/*	background-image: url("../img/icon/top.png");
    background-repeat: no-repeat;
	background-position: bottom;*/
}

#pagetop a {
	display: block;
	color: #fff;
	font-size: 30px;

}



/* ------------------------------------------------------------------
clearfix
------------------------------------------------------------------ */
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}