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

/*  HTML body関連  */

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

html {
	margin: 0;
	padding: 0;
	position: relative;
	min-height: 100%;
}

body {
	margin: 0;
	margin-bottom: 70px;
	padding: 0;
	background-color: #ffffff;
	font-family: sans-serif;
	font-size: 16px;
/*	color: #7c3e28;*/
}

img {
	text-align: center;
}

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

/*  テキスト関連  */

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


p {
	text-align: left;
	line-height: 1.8;
}


.zdo_drawer_nav > hr {
	border-top: 1px dotted #ecb0ba;
	margin: 0px auto 10px;
}

li {
	list-style: none;
}

.txt-right {
	text-align: right;
}

.txt-left {
	text-align: left;
}

.txt-center {
	text-align: center;
}

.recolor-voice_sample {
	background-color: #fff;
/*	color: #cec7dc;*/
}

.txt-180 {
	font-size: 180%;
}

.txt-80 {
	font-size: 80%;
}

.txt-50 {
	font-size: 50%;
}

.txt-col-white {
	color: #fff;
}

.color-red {
	color: #f00;
}

.require {
	color: #b01f24;
}

.txt-bottom {
	line-height: -10px;
}

.listmark {
	list-style-type: disc;
}

.italian {
	font-style: italic;
	border-bottom: 1px solid #ff601c;
}


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

/*  画像サイズなど  */

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

.img-max-size {
	max-height: 70px;
}

.img-max-width {
	max-width: 95%;
}

.img-30 {
	max-width: 30%;
}

@media screen and (min-width:768px) { 
	.img-30 {
	max-width: 20%;
	}
}
.img-50 {
	max-width: 50%;
}

.img-70 {
	max-width: 70%;
}

.img-100 {
	max-width: 100%;
}

.down_space_50 {
	margin-bottom: 30px;
}

.bg_response {
	width: 50%;
	margin: 50px 0px;
}

@media screen and (min-width:768px) { 
	.bg_response {
		width: 100%;
		max-width: 414px;
	}
}

.pic-center {
	margin: 30px auto;
	text-align: center;
}


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

/*  その他のサイズ関連  */

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

.dbl-4 {
	line-height: 4;
}

@media screen and (min-width:768px) { 
	.dbl-4 {
		line-height: 1;
		text-align: left;
	}
}

@media screen and (min-width:1200px) { 
	.dbl-4 {
		line-height: 1;
		text-align: left;
	}
}


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

/*  縦横間隔など  */

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

.icon_center {
	text-align: center;
}
.sp-up-2 {
	margin-top: 20px ;
}

.sp-up-3 {
	margin: 30px 0px 0px;
}

.sp-up-5 {
	margin: 50px 0px 0px;
}

.sp-up-8 {
	margin: 80px 0px 0px;
}

.sp-dn-2 {
	margin-bottom: 20px;
}

.sp-dn-3 {
	margin-bottom: 30px;
}

.sp-dn-5 {
	margin-bottom: 50px;
}

.sp-dn-8 {
	margin-bottom: 80px;
}

.sp-bth-2 {
	margin:20px 0px;
}

.sp-bth-3 {
	margin: 30px 0px;
}

.sp-bth-5 {
	margin: 50px 0px;
}

.sp-bth-8 {
	margin: 80px 0px;
}

.sp-bth-10 {
	margin: 100px 0px;
}

.pdg-up-100 {
	margin-top: -100px;
}

.sub_title img{
	margin-bottom: 50px;
}

.sub_title p {
	text-align: center;
}

.right-bottom {
	text-align: right;
	vertical-align: bottom;
}


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

/*  ボタン関連  */

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

.btn {
	padding: 10px;
	border: 1px solid #7c3e28;
	background-color: #7c3e28;
	color: #ffffff;
	border-radius: 0px;
	display: block;
	margin: 10px auto 50px;
}


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

/*  footer関連  */

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

/* 以下の設定が必須*/
/* htmlにpositionとmin-height*/
/* bodyにmargin-bottom*/

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 70px;
	background-color: #f5e5a9;
}
.container .text-muted {
	margin: 10px 0 10px;
	text-align: center;
	font-size: 80%;
}