@charset "euc-jp";

/********** browser default initialization **********/

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	line-height: 1.4;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}

@media print {
	body	{ display: none }
}



/* =========================================================
	basic style
========================================================= */
html{
	height:	100%;
	}

body{
	margin:	0;
	padding:	0;
	background:	#ffffff;
	color:	#000000;
	line-height: 1.4;
	font-size:	14px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ ゴシック', Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	-webkit-text-size-adjust:	100%;
	}

	.pc{
	display:	block;
	}

	.pc_tablet{
	display:	block;
	}

	.tablet_phone	{
	display:	none;
	}

	.tablet	{
	display:	none;
	}

	.phone	{
	display:	none;
	}

ul{
	margin:	0;
	padding:	0;
	}

p	{
		margin:	1.2em 0 1.2em 0;
		line-height: 1.6;
		text-align:	left;
}

a	{
	overflow: hidden;
	outline: none;
	border:	none;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

a:focus	{
	outline:none;
}

a:link	{
		color:#7da527;
		text-decoration: none;
	}

a:visited	{
		color:#7da527;
		text-decoration: none;
		}

a:hover	{
		color:#abd159;
		text-decoration: none;
		}

a:active	{
		color:#faaa11;
		text-decoration: none;
		}

img	{
		margin:	0;
		border:	0;
		}

a img	{
		margin:	0;
		border:	0;
		}

a:hover img{
	opacity:	0.7;
	-moz-opacity:	0.7;
	filter: alpha(opacity=70);
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}


/* header
--------------------------------------------------------- */
header	{
	width:	100%;
	margin:	0px auto;
}

#header_bnr_area{
	float:	left;
	width:	100%;
	height:	50px;
	margin:	0;
	text-align:	left;
}

#header_bnr_area ul {
	width:	900px;
	margin:	10px auto 0 auto;
}

#header_bnr_area li	{
	display:	inline-block;
}

#header_bnr_area li:first-child	{
	margin:	0 20px 0 0;
}

#header_bnr_area li img	{
	width:	auto;
	height:	30px;
}

#top_title_area{
	clear:	both;
	width:	100%;
	height:	290px;
	background:	#000000 url("../img/title_bg.gif") repeat-x center bottom;
	text-align:	center;
}

#top_title_area_inner{
	margin:	0 auto;
	width:	900px;
	text-align:	center;
}

#top_title_area_inner h1 img{
	margin:	30px 0 0 0;
	width:	466px;
	height:	auto;
}

#top_title_area_inner h2 img{
	margin:	20px 0 0 0 ;
	width:	466px;
	height:	auto;
}

/* ―― fade in ----- */
#fadein	{
	display:	none;
}




/* construction
--------------------------------------------------------- */
#wrapper	{
	overflow:	hidden;
	width:	900px;
	min-height:	100%;
	margin:	30px auto 150px auto;
}

#contents	{
	overflow:	hidden;
	float:	left;
	width:	600px;
}


/* contents
--------------------------------------------------------- */
.time	{
	display:	inline-block ;
	margin:	0 0 20px 0;
	padding:	5px 15px 3px 15px;
	background:	#ffe100;
	font-size:	28px;
	font-family:	'Ropa Sans', sans-serif;
}

.contents_inner	{
	overflow: 	hidden;
	margin: 0 0 60px 0;
}

.contents_inner h2	{
	font-size:	20px;
	border-bottom:	2px solid #000000;
}


/* arvhive
--------------------------------------------------------- */

ul.arvhive_list	{
	margin:	20px 0 0 0;
}

ul.arvhive_list li	{
	padding:	8px 0;
	border-bottom:	1px solid #999999;
}

ul.arvhive_list li a	{
	display:	block;
}


/* side
--------------------------------------------------------- */
aside.subContents	{
	overflow:	hidden;
	float:	right;
	width:	240px;
}

ul#bnr_side	{
	margin:	0 0 10px 0;
}


ul#bnr_side img	{
	margin:	0 0 15px 0;
	width:	240px;
	height:	auto;
}


.btn_msg{
	width:	240px;
	height:	100px;
	margin:	0 0 15px 0;
	background:	#f39800;
	-moz-border-radius:	6px;
	-webkit-border-radius:	6px;
	border-radius:	6px;
}

.btn_msg img	{
	width:	240px;
	height:	auto;
}

.recentArchives	{
	margin:	0 0 20px 0;
}

.recentArchives h2	{
	margin:	0 0 20px 0;
	padding:	10px 5px 6px 5px;
	border-top:	6px solid #aace37;
	border-bottom:	6px solid #aace37;
	color:	#88aa1a;
	font-size:	16px;
}

.recentArchives ul.archives	{
	margin:	0 0 20px 0;
}

.recentArchives li	{
	margin:	0 0 10px 0;
	padding:	0 0 0 15px;
	font-size:	12px;
	background:	url("../img/list_dot.png") no-repeat left;;
}

.btn_archive a{
	display:	inline-block ;
	width:	100%;
	margin:	0 0 10px 0;
	padding:	5px;
	color:	#ffffff;
	text-align:	center;
	font-size:	20px;
	xfont-weight:	bold;
	box-sizing:	border-box;
	background:	#aace37;
	-moz-border-radius:	6px;
	-webkit-border-radius:	6px;
	border-radius:	6px;
}

.btn_twitter a{
	display:	inline-block ;
	width:	100%;
	margin:	0 0 10px 0;
	padding:	10px;
	text-align:	center;
	box-sizing:	border-box;
	background:	#1da1f2;
	-moz-border-radius:	6px;
	-webkit-border-radius:	6px;
	border-radius:	6px;
}
.btn_twitter a img{
	display:	inline-block ;
	width:	40px;
	height:	auto;
}

.archives_btn_more a{
	display:	inline-block ;
	margin:	0 0 20px 0;
	padding:	5px 15px 3px 15px;
	color:	#ffffff;
	font-size:	14px;
	background:	#aace37;
}



/* footer
--------------------------------------------------------- */
footer{
	overflow:	hidden;
	bottom:	0;
	width:	100%;
	height:	90px;
	font-family:	'Ropa Sans', sans-serif;
	font-size:	18px;
	letter-spacing:	1px;
	text-align:	center;
}

#footer_inner{
	margin:	20px auto;
}




/* =========================================================
	media queries for tablet
========================================================= */
@media only screen and (max-width : 900px){

	.pc{
	display:	none;
	}

	.pc_tablet{
	display:	block;
	}

	.tablet_phone	{
	display:	block;
	}

	.tablet	{
	display:	block;
	}

	.phone	{
	display:	none;
	}

/* header
--------------------------------------------------------- */
#header_bnr_area ul {
	width:	95%;
}

#top_title_area_inner{
	margin:	0 auto;
	width:	100%;
}

/* construction
--------------------------------------------------------- */
#wrapper	{
	margin:	20px auto;
	width:	95%;
}

#contents	{
	clear:	both;
	margin:	20px auto 80px auto;
	width:	100%;
}


/* side
--------------------------------------------------------- */
aside.subContents	{
	clear:	both;
	width:	100%;
}

li#banner_side_showroom{
	margin:	0 auto 50px auto;
	text-align:	center;
	height:	60px;
	background:	#000000;
}


.btn_msg{
	width:	100%;
	height:	100px;
	margin:	0 auto 20px auto;
	text-align:	center;
}

.archives_btn_more a{
	display:	inline-block ;
	margin:	0 0 20px 0;
	padding:	5px 15px 3px 15px;
	color:	#ffffff;
	font-size:	20px;
	background:	#aace37;
}



/* footer
--------------------------------------------------------- */
footer{
	font-size:	18px;
}

}



/* =========================================================
	media queries for smartphone
========================================================= */
@media only screen and (max-width : 640px){

	.pc{
	display:	none;
	}

	.pc_tablet{
	display:	none;
	}

	.tablet_phone	{
	display:	block;
	}

	.tablet	{
	display:	none;
	}

	.phone	{
	display:	block;
	}

a:hover img{
	opacity:	1.0;
	-moz-opacity:	1.0;
	filter: alpha(opacity=100);
}



/* header
--------------------------------------------------------- */
#header_bnr_area{
	float:	left;
	width:	100%;
	height:	42px;
	margin:	0;
	text-align:	left;
}

#header_bnr_area ul {
	width:	95%;
	margin:	13px auto 0 auto;
}

#header_bnr_area li:first-child	{
	margin:	0 10px 0 0;
}

#header_bnr_area li img	{
	width:	auto;
	height:	18px;
}



#top_title_area{
	clear:	both;
	padding:	20px 0;
	width:	100%;
	height:	auto;
	background:	#000000;
	text-align:	center;
}


#top_title_area h1 img{
	margin:	0;
	width:	90%;
	height:	auto;
}

#top_title_area h2 img{
	margin:	20px 0 0 0 ;
	width:	90%;
	height:	auto;
}



/* ―― dropdown menu ----- */
.dropmenu	{
	zoom:	1;
}

.dropmenu:before, .dropmenu:after{
	content: "";
	display: block;
}

.dropmenu:after{
	clear: both;
}

.dropmenu li{
	position:	static;
	margin:	0;
	padding: 0;
	width: 100%;
}

.dropmenu li a{
	display: block;
	margin: 0;
}

.dropmenu li ul{
	position:	static;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}

.dropmenu li ul li{
	width: 100%;
}

.dropmenu li ul li a{
	text-align:	left;
	color: #666666 !important;
	font-size:	16px;
}

.dropmenu li ul li a:hover{
	color: #999999 !important;
}

/* ―― fade in ----- */
#fadein	{
	display:	block;
	position:	static;
	z-index:	5;
}
#fadein li ul{
	width: 100%;
	opacity:	1.0;
	visibility:	visible;
	transition:	0s;
}
#fadein li:hover ul{
	top:	0;
	visibility:	visible;
	opacity:	1;
}


/*Toggle*/
#navToggle	{
	display:	none;
	position:	absolute;
	right:	20px;
	top:	10px;
	width:	30px;
	height:	25px;
	cursor:	pointer
}
#navToggle div	{
	position:relative
}
#navToggle span	{
	display:	block;
	position:	absolute;
	width:	100%;
	border-bottom:	solid 3px #000000;
	-webkit-transition:	.35s ease-in-out;
	-moz-transition:	.35s ease-in-out;
	transition:	.35s ease-in-out
}
#navToggle span:nth-child(1)	{
	top:	0
}
#navToggle span:nth-child(2)	{
	top:	11px
}
#navToggle span:nth-child(3)	{
	top:	22px
}

/*header menu*/
#header_phone nav {
	position:absolute;
	right:0;
	top:-434px;
	background:	#ffffff;
	width:100%;
	padding:0px;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:left
	}

#header_phone nav li{
	font-size:	18px;
	}

#header_phone ul#fadein {
	margin:0;
	border-top:solid #000000 4px;
	border-bottom:solid #000000 4px;
}

#header_phone ul#fadein li {
	display:	block;
	width:100%;
	margin:	0;
	border-bottom:	1px solid #cccccc;
	line-height:2.2
}

#header_phone ul#fadein li a	{
	display:block;padding:	0 20px;
}

#header_phone ul#fadein li::after	{
	content:''
}
#header_phone ul#fadein li:last-child	{
	border-bottom:none;
}

/* Toggle(Button) */
#navToggle {
	display:	block;
	z-index:	90;
}

/* Click Toggle(Button) */
.openNav #navToggle span:nth-child(1)	{
	top: 11px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3)	{
	top: 11px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)
}
/*header menu*/
.openNav nav {
	-moz-transform: translateY(475px);
	-webkit-transform: translateY(475px);
	transform: translateY(475px)
}



/* contents
--------------------------------------------------------- */
.time	{
	padding:	5px 15px 3px 15px;
	font-size:	18px;
}




/* side
--------------------------------------------------------- */
.recentArchives li	{
	font-size:	14px;
}

/* footer
--------------------------------------------------------- */
footer{
	height:	auto;
	font-size:	12px;
	letter-spacing:	0;
}


}


/* =========================================================
listen module
========================================================= */
#listen_module {
	clear:both;
}
#listen_module .pc>div {
	background:#ffffff !important;
}
#listen_module .tablet_phone div p {
	text-align:center;
}



#listen_module .tablet_phone section div:nth-child(2) p {
	padding:0 !important;
}