@charset "UTF-8";

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

Parts CSS

for azden.co.jp
coded by d-spica at 2017-06-20
imported to "page-type.css"

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

article.contents .topicpath {
	margin: 0 auto;
	max-width: 1000px;
}

div.box {
	margin: 0 auto;
	max-width: 1000px;
}

.u800 {
	display: none;
}

.u640 {
	display: none;
}

article.contents {
	background: #F0F0F0;
}

.home article.contents {
	background: #FFF;
}

article.contents header {
	background: #FFF;
}

article.contents header h1 {
	background: url(../img/bg-tt.png) no-repeat 50% 50%;
	background-size: 100% 100%;
	padding-top: 27px;
	height: 73px;
	text-align: center;
	font-size: 200%;
	color: #FFF;
}

article.contents .topicpath {
	background: #FFF;
	padding: 12px 15px;
	font-size: 66%;
	color: #5F5F5F;
}

article.contents .topicpath a,
article.contents .topicpath em {
	margin: 0 0.2em;
	font-size: 130%;
}

div.box {
	overflow: hidden;
	/*padding: 20px 15px;*/
}

aside.button {
	background: #FFF;
	padding: 60px 15px;
	text-align: center;
}

aside.button .buttonC {
	display: block;
	margin: 0 auto;
	box-shadow: 0 2px 0 #997F4B;
	border-radius: 8px;
	background: #BF9F5E;
	padding: 20px;
	max-width: 450px;
	width: 450px;
	font-size: 157%;
	font-weight: 600;
	color: #FFF;
}


section .button {
	text-align: center;
}

section .button .buttonA {
	display: block;
	margin: 0 auto;
	box-shadow: 0 2px 0 #1A1A1A;
	border-radius: 8px;
	background: #212121;
	padding: 20px 5px;
	max-width: 500px;
	line-height: 1.5;
	font-size: 107%;
	font-weight: 600;
	color: #FFF;
}

section .button .buttonA:before {
	content: '\25B6';
	margin-right: 0.3em;
	vertical-align: 0.1em;
	font-size: 76%;
	color: #FC1A01;
}

section .buttonE {
	display: inline-block;
	margin: 0 auto;
	box-shadow: 0 2px 0 #CC1500;
	border-radius: 8px;
	background: #FF1A00;
	padding: 20px 5px;
	width: 230px;
	line-height: 1.5;
	text-align: center;
	font-size: 107%;
	font-weight: 600;
	color: #FFF;
}

section .buttonE:before {
	content: '\25B6';
	margin-right: 0.3em;
	vertical-align: 0.1em;
	font-size: 76%;
	color: #FFF;
}

section iframe {
	width: 100%;
}

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

	div.box {
		padding: 30px 15px;
	}
	
	aside.button {
		padding: 60px 15px;
	}

	aside.button .buttonC {
		display: block;
		padding: 20px;
		max-width: 450px;
		width: 450px;
		font-size: 157%;
	}

	section .button .buttonA {
		max-width: 500px;
	}

}

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

	.u800 {
		display: inline-block;
	}

	.o800 {
		display: none;
	}

	aside.button {
		padding: 40px 15px;
	}
	
	aside.button .buttonC {
		padding: 15px;
		max-width: 300px;
		font-size: 120%;
	}

	section .button .buttonA {
		max-width: 320px;
	}

}

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

	.u640 {
		display: inline-block;
	}

	.o640 {
		display: none;
	}

	article.contents > h1 {
		background: url(../img/bg-tt-s.png) no-repeat 50% 50%;
		background-size: 100% 100%;
		padding-top: 24px;
		height: 71px;
	}
		
}

@media screen and (min-width:800px) {

	.u800 {
		display: none;
	}

	.o800 {
		display: inline-block;
	}


}