@charset "utf-8";

/* font-face for firefox */

@font-face {
  font-family: 'arial-black';
  src: local('Arial Black');
}

/* 外部リンク extLink */

a.extLink {
	padding-right: 1.2em;
	background: url(//www.joyfulhonda.com/jhdir/img/exlink.png) no-repeat right center;
	margin-right: 0.5em;
}
/* チラシページ用 */


ul#menu-chirashilist li.menu-item > a {
	display: block;
	text-decoration: none;
	padding: 0.25rem 0;
}

ul#menu-chirashilist li.current-menu-item > a:before {
	content: "\25B6";
}


ul#menu-chirashilist li.current-menu-item > a {
	font-weight: bold;
	color: #FFF;
	background-color: #21759B;
}
/* チラシお得情報ページ用 */
#chirashiOtoku div.leadWrapper {
	background: #8FC31F;
	background: url(//www.joyfulhonda.com/jhdir/img/index/bg_wood01.jpg);
}

#chirashiOtoku div.leadWrapper img {
	width: 30%;
}

#chirashiOtoku div.imgBox > img {
	display: block;
	width: 20%;
	padding: 1rem;
}

#chirashiOtoku div.imgBox2 > img {
	display: block;
	padding: 1rem;
	margin: 0 0 0 auto;
}

#chirashiOtoku p {
	margin: 0 0 1rem 0;
}

#chirashiOtoku h3 {
	color: #000;
	font-size: 1.4rem;
	font-weight: normal;
	display: flex;
	align-items: center;
	padding: 0;
	margin: 2rem 0 1rem 0;
}
#chirashiOtoku h3:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #000;
	display: block;
	margin-left: .4em;
}

#chirashiOtoku ul {
	list-style-type: none;
}

#chirashiOtoku ul li {
	width: 14em;
	margin: 0 0 12px 12px;
}

#chirashiOtoku ul li > a {
	text-decoration: none;
	display: block;
	text-align: center;
	color: #444;
	background: #F5F5F5;
	box-sizing: border-box;
	padding: 5px;
	background: #f5f5f5;
	border: 1px #ccc solid;
	border-radius: 3px;
}




/* チラシ（トクバイ）用 */
#chirashiOtoku div.tokubaiLinkWrapper > iframe {
	display: block;
	margin: 0 auto;
}
/* チラシ（トクバイ）用メニュー */
ul#menu-storelisttokubai {
}
ul#menu-storelisttokubai > li:hover, ul#menu-storelisttokubai > li:active {
	background: none;
}
ul#menu-storelisttokubai > li > a {
	color: #000;
	font-size: 1.1rem;
	font-weight: normal;
	display: flex;
	align-items: center;
	padding: 0;
	margin: 2rem 0 1rem 0;
}
ul#menu-storelisttokubai > li > a:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #000;
	display: block;
	margin-left: .4em;
}

ul#menu-storelisttokubai > li > a:hover {
	color: #000;
}
ul#menu-storelisttokubai ul.sub-menu li.current-menu-item > a:before {
	content: "\25B6";
	text-shadow: 0 1px 0 #000;
	color: #ff9900;
	padding: 0 0.3em 0 0;
}
ul#menu-storelisttokubai ul.sub-menu li.current-menu-item:hover {
	background: none;
}

ul#menu-storelisttokubai ul.sub-menu li.current-menu-item > a {
	display: block;
	font-weight: bold;
	color: #FFF;
	background-color: #5F5F5F;
	border-radius: 3px;
	padding: 0 0.5em;
}
@media screen and (max-width: 330px) {
	#chirashiOtoku div.tokubaiLinkWrapper > iframe {
		margin: 0 0 0 -20px;
	}
}
@media screen and (min-width: 960px) {
	#main section.chirashiTagList {
		float: right;
	}
	#chirashiOtoku ul li {
		float: left;
	}
	#chirashiOtoku ul li:nth-child(4n+1) {
		clear: left;
	}
}

/* ジャンプページ */

#jump {
	width: 95%;
	color: #000;
	margin: 0 auto 28px auto;
	font-size: 1rem;
	line-height: 1.5;
}

#jump article {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}

#jump h1:before {
	content: "\0021";
	text-align: center;
	text-shadow: none;
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	background: #FF5400;
	border-radius: 50%;
	margin: 0 0.5em;
}

#jump h1 {
	width: 100%;
	/* height: 40px; */
	box-sizing: border-box;
	margin: 0 auto;
	font-size: 16px;
        font-weight: bold;
	text-shadow: 1px 1px 3px #000;
	line-height: 40px;
	color: #FFF;
	background: #FF9B00;
	padding: 0;
	border-right: 1px #c3c3c3 solid;
	border-bottom: 1px #c3c3c3 solid;
}

#jump div.entry-content {
	width: 100%;
	font-size: 1rem;
	background-image: none;
	padding: 0;
	margin: 0;
}


#jump h2 {
	font-size: 16px;
	margin-top: 28px;
	margin-bottom: 0;
}

#jump p.note {
	color: #009E1E;
	font-size: 11px;
	margin-bottom: 0;
}

#jump div.pageDetail {
	word-wrap:break-word;
	border: 1px #CECECE solid;
	padding: 0.5rem;
	/* box-shadow: 3px 3px 7px #7D7D7D inset; */
}

#jump div.pageDetail dl dt {
	color: #FF0039;
	font-weight: bold;
}

#jump p.notfound {
	color: #F00;
}

/* Grid For HC GC EX */

.w960 .entry-content {
	width: auto;
}

.w960 .entry-header .entry-title {
	width: 940px;
}

.w960 .jhgrid-container {
	width: 940px;
	margin: 0 auto;
}

.w960 .jhgrid-container img {
	display: block;
	vertical-align: bottom;
}

.w960 .jhgrid-container h3, .jhgrid-container p {
	line-height: 1.5;
	margin: 0;
}

.w960 .jhgrid-container p {
	font-size: 0.9rem;
}

.w960 .jhgrid-container .jhgrid p {
	font-size: 1rem;
	margin-bottom: 10px;
}

.w960 .jhgrid {
	margin-left: 20px;
	margin-bottom: 20px;
}

.w960 .jhgrid1, .w960 .jhgrid2, .w960 .jhgrid3, .w960 .jhgrid4, .w960 .jhgrid5, .w960 .jhgrid6, .w960 .jhgrid7, .w960 .jhgrid8, .w960 .jhgrid9, .w960 .jhgrid10, .w960 .jhgrid11 {
	float: left;
	display: inline;
	line-height: 1;
	margin-left: 20px;
	margin-bottom: 20px;
}

.w960 .jhgrid1 {
	width: 60px;
}

.w960 .jhgrid2 {
	width: 140px;
}

.w960 .jhgrid3 {
	width: 220px;
}

.w960 .jhgrid4 {
	width: 300px;
}

.w960 .jhgrid5 {
	width: 380px;
}

.w960 .jhgrid6 {
	width: 460px;
}

.w960 .jhgrid7 {
	width: 540px;
}

.w960 .jhgrid8 {
	width: 620px;
}

.w960 .jhgrid9 {
	width: 700px;
}

.w960 .jhgrid10 {
	width: 780px;
}

.w960 .jhgrid11 {
	width: 860px;
}

.w960 .jh1stgrid {
	margin-left: 0;
	clear: left;
}

/* Grid For SPmode */

.sp-site.w960 .entry-content {
	width: auto;
	width: 95%;
}

.sp-site.w960 .entry-header .entry-title {
	width: auto;
}

.sp-site.w960 .jhgrid-container {
	width: auto;
}

.sp-site.w960 .jhgrid {
	margin: 0;
}

.sp-site.w960 .jhgrid1,
.sp-site.w960 .jhgrid2,
.sp-site.w960 .jhgrid3,
.sp-site.w960 .jhgrid4,
.sp-site.w960 .jhgrid5,
.sp-site.w960 .jhgrid6,
.sp-site.w960 .jhgrid7,
.sp-site.w960 .jhgrid8,
.sp-site.w960 .jhgrid9,
.sp-site.w960 .jhgrid10,
.sp-site.w960 .jhgrid11 {
	float: none;
	display: block;
	margin: 10px;
	margin: 0 0 10px 0;
}

.sp-site.w960 .jhgrid1 {
	width: auto;
}

.sp-site.w960 .jhgrid2 {
	width: auto;
}

.sp-site.w960 .jhgrid3 {
	width: auto;
}

.sp-site.w960 .jhgrid4 {
	width: auto;
}

.sp-site.w960 .jhgrid5 {
	width: auto;
}

.sp-site.w960 .jhgrid6 {
	width: auto;
}

.sp-site.w960 .jhgrid7 {
	width: auto;
}

.sp-site.w960 .jhgrid8 {
	width: auto;
}

.sp-site.w960 .jhgrid9 {
	width: auto;
}

.sp-site.w960 .jhgrid10 {
	width: auto;
}

.sp-site.w960 .jhgrid11 {
	width: auto;
}

/* For SmartPhone Template */

.sp-site {
	width: 100%;
	padding: 0;
}
.sp-site .site-content { /* added 202005 */
	float: none;
}
.sp-site div#first {
	width: 100%;
	float: none;
}

.sp-site div#second {
	display: none;
	float: none;
}

.sp-site div#third {
	display: none;
	float: none;
}

.sp-site div.jpLink {
	position: relative;
	text-align: left;
	margin-top: 7px;
	bottom: 0;
	right: 0;
}


/* for jpLink2 */
.sp-site div.header-w-area {
	height: auto;
	background: url(//www.joyfulhonda.com/img/headerBack.png) no-repeat center bottom;
}

ul.jpLink2 {
	font-size: 12px;
	padding: 7px;
}

ul.jpLink2 li {
	margin: 0 1rem 3px 0;
	/* margin-bottom: 3px; */
	float: left;
}

.sp-site nav#site-navigation {
	display: none;
}

/* スマホ用グローバルメニュー */

div.sp-navi {
	display: block;
	width: 95%;
	height: auto;
	margin: 40px auto 20px;
	padding: 5px;
	background-color: #fafaff;
}



div.sp-navi ul {
	margin-left: 20px;
}

div.sp-navi ul li {
	font-size: 16px;
	line-height: 1.5;
	_line-height: 150%;
}

div.sp-navi ul li a {
	text-decoration: underline;
}

div.sp-navi ul li a[href="#"] {
	color: #444;
	text-decoration: none;
	cursor: default;
}

div.sp-navi ul li li {
	padding-left: 20px;
}

div.sp-navi ul li li a {
	text-decoration: underline;
}

@media screen and (max-width: 512px) {
	.sp-site .jhgrid-container img {
		width: 100%;
		height: auto;
	}

}

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

	.sp-site {
		max-width: 960px;
	}

}

@media screen and (min-width: 960px) { /* PCモード用 */

	.sp-site div#first {
		width: 31%;
		float: left;
	}
	.sp-site div#second {
		display: block;
		float: left;
	}

	.sp-site div#third {
		display: block;
		float: left;
	}

	.sp-site div.jpLink {
		text-align: right;
		position: absolute;
		bottom: 10px;
		bottom: 0.714285714rem;
		right: 10px;
		right: 0.714285714rem;
		font-size: 12px;
		font-size: 0.857142857rem;
	}

	.sp-site nav#site-navigation {
		display: block;
	}

	div.sp-navi {
		display: none;
	}

	ul.jpLink2 {
		width: 240px;
		padding: 7px 0;
		margin: 0 0 0 auto;
	}
	ul.jpLink2 li {
		float: left;
		text-align: right;
		margin: 0;
	}
	ul.jpLink2 li:after {
		content: "\00ff5c";
	}
	ul.jpLink2 li:last-child:after {
		content: none;
	}

	/* Grid For Sp */

	.sp-site.w960 .entry-content {
		width: auto;
	}

	.sp-site.w960 .jhgrid-container {
		width: 940px;
		margin: 0 auto;
	}
	.sp-site.w960 .jhgrid-container img {
		display: block;
		vertical-align: bottom;
	}
	.sp-site.w960 .jhgrid-container img.sp-only {
		display: none;
	}
	.sp-site.w960 .jhgrid-container h3, .jhgrid-container p {
		line-height: 1.5;
		margin: 0;
	}

	.sp-site.w960 .jhgrid-container p {
		font-size: 0.9rem;
	}

	.sp-site.w960 .jhgrid-container .jhgrid p {
		font-size: 1rem;
		margin-bottom: 10px;
	}

	.sp-site.w960 .jhgrid {
		margin-left: 20px;
		margin-bottom: 20px;
	}

	.sp-site.w960 .jhgrid1,
	.sp-site.w960 .jhgrid2,
	.sp-site.w960 .jhgrid3,
	.sp-site.w960 .jhgrid4,
	.sp-site.w960 .jhgrid5,
	.sp-site.w960 .jhgrid6,
	.sp-site.w960 .jhgrid7,
	.sp-site.w960 .jhgrid8,
	.sp-site.w960 .jhgrid9,
	.sp-site.w960 .jhgrid10,
	.sp-site.w960 .jhgrid11 {
		float: left;
		display: inline;
		line-height: 1;
		margin: 0 0 20px 20px;
	}

	.sp-site.w960 .jhgrid1 {
		width: 60px;
	}

	.sp-site.w960 .jhgrid2 {
		width: 140px;
	}

	.sp-site.w960 .jhgrid3 {
		width: 220px;
	}

	.sp-site.w960 .jhgrid4 {
		width: 300px;
	}

	.sp-site.w960 .jhgrid5 {
		width: 380px;
	}

	.sp-site.w960 .jhgrid6 {
		width: 460px;
	}

	.sp-site.w960 .jhgrid7 {
		width: 540px;
	}

	.sp-site.w960 .jhgrid8 {
		width: 620px;
	}

	.sp-site.w960 .jhgrid9 {
		width: 700px;
	}

	.sp-site.w960 .jhgrid10 {
		width: 780px;
	}

	.sp-site.w960 .jhgrid11 {
		width: 860px;
	}

	.sp-site.w960 .jh1stgrid {
		margin-left: 0;
		clear: left;
	}

}

/*
 * for SPMODE-2 and 2col 共通部品 左側メニューページ
 *
 **************************************************************/

div#primary.sp-site2 {
	width: 100%;
}

div#primary.sp-site2col {
	width: 100%;
}

div.widget-area.sp-site2 {
	width: 100%;
}

div.widget-area.sp-site2col {
	width: 100%;
}

div.widget-area.sp-site2 h3 {
	box-sizing: border-box;
	width: 100%;
}

div.widget-area.sp-site2col h3 {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	font-weight: normal;
	font-family: "Noto Sans JP";
	line-height: 1.2;
	background: #554945;
	color: #fff;
	padding: 0.5em 0.5em 0.5em 1em;
	border-radius: 3px;
	margin: 0 0 2em 0;
}

div.sp-site2 .widget_nav_menu {
	float: none;
	width: 95%;
	margin: 0 auto;
	border: 1px solid #999;
}

.page-template-recruit div.sp-site2 .widget_nav_menu {
	border: 0;
}

div.sp-site2col .widget_nav_menu {
	float: none;
	width: 95%;
	margin: 0 auto;
	/* border: 1px solid #999; */
}

div.sp-site2col .widget_nav_menu li:not(:last-child) {
	/* border-bottom: 1px dotted #777; */
}

div.sp-site2col #nav_menu-12.widget_nav_menu {
	border: 0;
}

div.sp-site2col #nav_menu-12.widget_nav_menu li:not(:last-child) {
	border-bottom: 0;
}

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {

	/* 共通 */
	div#primary.sp-site2 {
		float: right;
		width: 750px;
	}
	div#primary.sp-site2col {
		float: right;
		width: 730px;
		margin: 14px 7px 0 0;
	}
	div#primary.sp-site2col .entry-content {
		width: 98%;
	}
	div.widget-area.sp-site2 {
		float: left;
		width: 200px;
	}
	div.widget-area.sp-site2col {
		float: left;
		width: 200px;
	}
	div.sp-site2col .widget_nav_menu {
		width: 100%;
		/* border: none; */
	}
	/* 採用 for Recruit */
	div#primary.recruit.sp-site2 {
		width: 730px;
	}

	div.widget-area.recruit.sp-site2 {
		width: 220px;
	}
}


/* 共通デザイン */

.kome-list li {
	list-style-type: none;
	text-indent: -1rem;
	padding-left: 1rem;
	margin: 0 0 0 14px;
	margin: 0 0 0 1rem;
}

ul.kome-list25 {
	margin: 14px 0;
}

.kome-list25 li {
	list-style-type: none;
	text-indent: -2.5em;
	padding-left: 2.5em;
	margin: 0;
}

.lead-img-text {
	width: 100%;
	margin-bottom: 14px;
	margin-bottom: 1rem;
}

.lead-img {
	max-width: 400px;
	float: left;
}

.lead-img img {
	display: block;
	padding :10px;
	margin-right: 28px;
	margin-right: 2rem;
	border: 1px solid #DADADA;
	box-shadow: 2px 2px 2px #DADADA;
}

.lead-text {
	max-width: 500px;
	float: left;
}

h2.simple {
	box-shadow: 0 1px 0 #C3C3C3, 0 2px 0 #ECECEC;
}

/*

dd.lead-img-text {
	float: left;
	padding :10px;
	border: 1px solid;
	margin-right: 35px;
	margin-right: 2.5rem;
	line-height: 1px;
	-webkit-box-shadow:rgba(150, 150, 150, 0.6) 2px 2px 6px 3px;
	box-shadow:rgba(150, 150, 150, 0.6) 2px 2px 6px 3px;
}

*/

dl.shop-detail dt {
	background: #e7e7e7;
	text-align: center;
	line-height: 1.4;
	width: 70px;
	padding: 7px;
	margin-top: 14px;
	float: left;
	clear: both;
	box-shadow: 1px 1px 0 #c3c3c3;
}

dl.shop-detail dd {
	margin-top: 14px;
	margin-left: 126px;
	margin-bottom: 0;
	padding: 7px;
	line-height: 1.4;
}

dl.shoplist-type1 dt {
	float: left;
	width: 100px;
}

dl.shoplist-type1 dd {
	float: left;
	padding-right: 14px;
}

dl.shoplist-type1 dd.zipcode {
	width:80px;
}

dl.shoplist-type1 dd.address {
	width:300px;
}

dl.shoplist-type1 dd.tel, dl.shoplist-type1 dd.fax {
	width:128px;
}

/* クッションページ cushionpage */

div#cushionpage {
	max-width: 640px;
	margin: 0 auto;
}

#cushionpage h2 {
	background: #FF5C8A;
	border-radius: 7px;
	text-align: center;
	color: #fff;
	box-shadow: 3px 3px 0px #FF0033;
}

/* trademarks page */

#trademarks dl {
	width: 90%;
}

#trademarks .tmlist dt {
	font-weight: bold;
	line-height: 1.714285714;
	margin-top: 14px;
	margin-top: 1rem;
	padding: 14px;
	padding: 1rem;
	border-top: 1px dashed #ccc;
}

#trademarks .tmlist dd {
	margin-bottom: 0;
	padding-left: 28px;
	padding-left: 2rem;
}

.entry-content .auto-img {
	max-width: 100%;
	height: auto;
}

/* link Policy　リンクポリシー */

#linkPolicy div.quotation {
	padding: 7px;
	border: 1px solid #868686;
}

#linkPolicy div.quotation h2 {
	font-size: 14px;
	margin: 0;
}

#linkPolicy div.quotation p {
	margin: 0;
}

@media screen and (max-width: 959px) {
	#linkPolicy br {
		display: none;
	}
}

/* news
-------------------------------------------------------------- */

#news {
	min-height: 100px;
}

#news ul {
	width: 800px;
	margin: 0 auto 0 auto;
}

#news ul li {
	margin: 0 0 14px 0;
	line-height: 1.4;
}

#news ul li.info {
	list-style-type: none;
	background: url(../../../../../img/index/infomation.png) no-repeat 0px 3px;
	padding-left: 90px;
}

#news ul li.important {
	list-style-type: none;
	background: url(../../../../../img/index/important.png) no-repeat 0px 3px;
	padding-left: 90px;
}

#news ul li div {
	display: table-cell;
}

#news ul li div.date {
	width: 100px;
	font-weight: bold;
}

#news ul li div.title {
	width: 600px;
}

#news ul li div.pdf:after {
	content: url(../../../../../pet/img/pdf/pdficon_small.png);
}



/* サービス・事業内容関連
-------------------------------------------------------------- */


/* cinema complex */

#cinemacomplex .cinecom-wrapper {
	width: 90%;
	padding: 14px;
	padding: 1rem;
	margin: 0 auto 56px auto;
	margin: 0 auto 4rem auto;
	border-radius: 5px;
	box-shadow: 1px 1px 5px #777;
}

#cinemacomplex .cinecomImg > img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}



#cinemacomplex .cinecom-detail h2 {
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px #7c7c7c;
	background: #acacac;
	margin: 0 0 14px 0;
}


#cinemacomplex dl dt {
	clear: both;
	padding-left: 5px;
	padding-left: 0.357142857rem;
	border-left: 5px #ee5603 solid;
	border-left: 0.357142857rem #ee5603 solid;
}

#cinemacomplex dl dt#toho+img.toho-img {
	background: url(img/info/cinemacomplex/toho1w225.gif) no-repeat;
	/* background-position: 10px 10px; */
	/* background-position: 0.714285714rem 0.714285714rem; */
	width: 225px;
	/* width: 21.428571428rem; */
	height: 298px;
	/* height: 14.285714285rem; */
	float: left;
	margin: 1.428571428rem 1.428571428rem 3rem;
	/* padding: 10px; */
	/* padding: 0.714285714rem; */
	box-shadow: none;
	border-radius: 0;
}

#cinemacomplex dl img.toho-img+dd {
	float: left;
	width: 500px;
	/* width: 21.428571428rem; */
	padding: 10px;
	padding: 0.714285714rem;
}

#cinemacomplex dl dt#cinemax+img.cinemax-img {
	background: url(img/info/cinemacomplex/hall322w225.gif) no-repeat;
	/* background-position: 10px 10px; */
	/* background-position: 0.714285714rem 0.714285714rem; */
	width: 225px;
	/* width: 21.428571428rem; */
	height: 155px;
	/* height: 14.285714285rem; */
	float: left;
	margin: 1.428571428rem 1.428571428rem 3rem;
	/* padding: 10px; */
	/* padding: 0.714285714rem; */
	box-shadow: none;
	border-radius: 0;
}

#cinemacomplex dl img.cinemax-img+dd {
	float: left;
	width: 500px;
	/* width: 21.428571428rem; */
	padding: 10px;
	padding: 0.714285714rem;
}

#cinemacomplex .cinecomtext {
	color: #804000;
	font-weight: bold;
}

#cinemacomplex .cinemaxlogo {
	background: url(img/info/cinemacomplex/cinemax160.jpg) no-repeat;
	width: 160px;
	height: 54px;
	padding: 14px;
	padding: 1rem;

}

#cinemacomplex .cinecomsaiyo {
	clear: both;
}


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

	#cinemacomplex div.cinecomImg {
		float: left;
		width: 225px;
	}

	#cinemacomplex .cinecom-detail {
		box-sizing: border-box;
		width: 580px;
		padding-left: 28px;
		padding-left: 2rem;
		float: left;
	}

}





/* giftcard page */


#giftcard .giftcardlist li {
	list-style-type: none;
	padding-left: 21px;
	background: url(img/info/square_dot.gif) no-repeat 3px 4px;
	margin: 0 0 0 auto;
}

#giftcard .gift-shoplist li {
	list-style-type: none;
	float: left;
	width: 140px;
	width: 10rem;
}

/* serviceguide */

#serviceguide h2 {
	width: 90%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #beff20), color-stop(0.39, #fff), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #fff 0%, #fff 39%, #beff20 100%);
	background: -moz-linear-gradient(top, #fff 0%, #fff 39%, #beff20 100%);
	background: -o-linear-gradient(top, #fff 0%, #fff 39%, #beff20 100%);
	background: -ms-linear-gradient(top, #fff 0%, #fff 39%, #beff20 100%);
	background: linear-gradient(to bottom, #fff 0%, #fff 39%, #beff20 100%);
}

#serviceguide .sguide-wrapper {
	height: auto;
}

#serviceguide .sguide-box {
	box-sizing: border-box;
	width: 200px;
	height: 200px;
	border-radius: 5px;
	border: 1px solid #808080;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#serviceguide .sguide-title {
	font-weight: bold;
	text-shadow: 1px 1px 3px #000;
	text-align: center;
	color: #fff;
	background-color: #808080;
}

#serviceguide .sguide-img {
	width: 100%;
	height: auto;
}

#serviceguide .sguide-text {
	font-size: 12px;
	padding: 7px;
}

/* radio */

#radio .radio-wrapper {
	margin: 28px auto;
}

#radio .radio-wrapper > img {
	display: block;
	max-width: 100%;
	height: auto;
	padding : 5px;
	margin-bottom: 14px;
}



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

	#radio .radio-wrapper {
		width: 680px;
	}

	#radio .radio-wrapper > img {
		float: left;
	}

}

/* メディアに紹介されました
-------------------------------------------------------------- */

#media table.articleList {
	display: block;
	font-size: 1rem;
}

#media table.articleList tr {
	display: block;
	border-bottom: 1px dotted #D4D4D4;
}

#media table.articleList th {
	display: block;
	font-weight: bold;
	background: #FFF;
	padding: 0;
	margin: 0;
}

#media table.articleList td {
	display: block;
	background: #FFF;
	border: none;
}

#media table.articleList td > a {
	text-decoration: none;
}


@media screen and (min-width: 960px) { /* PCモード用 */
	#media table.articleList {
		display: table;
	}
	#media table.articleList tr {
		display: table-row;
	}
	#media table.articleList th {
		display: table-cell;
		font-weight: bold;
	}
	#media table.articleList td {
		display: table-cell;
	}
}


/* カードなど
-------------------------------------------------------------- */

/* groudcard page */

#groupcard dl {
	margin: 0;
}

#groupcard .cardtype-right, #groupcard .cardtype-left, #corporatecard .cardtype-wrapper {
	margin-bottom: 28px;
}

#groupcard img,#corporatecard img {
	margin-bottom: 0;
	border-radius: 0;
	box-shadow: none;
}

#groupcard .hgroup01 p {
	margin: 0;
}

#groupcard .hgroup01 h2, #groupcard .hgroup01b h2, #corporatecard .hgroup01 h2 {
	margin: 0;
}

#groupcard .blue {
	color: #2c4a8a;
}

#groupcard .red {
	color: #fa2d34;
}

#groupcard .pink {
	color: #ff6666;
	font-weight: bold;
}

#groupcard .green {
	color: #273e14;
}

#groupcard .webinfo-list dl {
	background: #f5f5f5;
	border-color: #808080;
}

#groupcard .webinfo-list dt {
	font-weight: bold;
	margin-bottom: 5px;
	color: #008080;
}
#groupcard .webinfo-list dd dt {
	font-weight: bold;
	margin-bottom: 5px;
	color: #4F4F4F;
}
#groupcard .webinfo-list dd {
	margin-left: 1em;
	margin-bottom: 10px;
}

#groupcard dl .pc-environment {
	border: 1px solid rgba(0,0,0,1);
	padding: 5px;
}

#groupcard .privilege dl dt {
	display: list-item;
	list-style: none;
	counter-increment: membership;
}

#groupcard .privilege dl dt:before {
	content: counter(membership) ".";
	padding-right: 1em;
}

#groupcard .privilege dl dd {
	padding-left: 1em;
}

#groupcard ul.privilege2 li, #groupcard ul.notes li, #corporatecard ul.detail li {
	list-style-type: none;
	text-indent: -1rem;
	padding-right: 1rem;
}

#groupcard p.campeign201705 {
	width: 100%;
	box-sizing: border-box;
	border: 2px pink solid;
	padding: 14px;
	margin: 0 auto 24px;
}

#groupcard p.campeign201705 .sub{
	font-weight: bold;
}
#groupcard table.idemitsu {
	color: #000;
}
#groupcard table.idemitsu th {
	color: #FFF;
	background-color: #216c9e;
}
#groupcard table.idemitsu th, #groupcard table.idemitsu td {
	padding: 0.5rem;
	border: 1px solid #868686;
}

/* groudcard page　2015 */


/* corporatecard */

#corporatecard .pink {
	color: #ff6666;
	font-weight: bold;
}

#corporatecard ul ul {
	background-color: #f5f5f5;
	border: 1px solid #c0c0c0;
}

#corporatecard ul.detail li ul li {
	list-style-type: disc;
	text-indent: 0;
	padding : 0;
}

/* jjpoint */

#jjpoint h2 {
	margin-bottom: 0;
}

#jjpoint div.spTable {
	overflow-y: scroll;
}

#jjpoint div.wrapper {
	width: 910px;
	background: url(img/creditcard/jjp_arrow.png) no-repeat;
	background-position: 565px center;
}

#jjpoint table.jjp-table {
	width: 860px;
	border-top: 1px solid #444;
	border-left: 1px solid #444;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #fff;
}

#jjpoint .jjp-table th{
	border-right:1px solid #444;
	border-bottom:1px solid #444;
	color: #444;
	background-color: #f5f5f5;
	padding: 7px 14px;
	padding: 0.5rem 1rem;
	vertical-align: middle;
	text-align: center;
}

#jjpoint table.jjp-table.ver201505 {
	float: left;
	width: 560px;
} 

#jjpoint table.jjp-table.ver201506 {
	float: right;
	width: 290px;
}

#jjpoint .ver201505 th, #jjpoint .ver201506 th {
	font-weight: normal;
	padding: 0;
}

#jjpoint .jjp-table th.shop {
	 width: 150px;
}

#jjpoint .jjp-table th.payment {
	 width: 130px;
}

#jjpoint .jjp-table th.charge {
	 width: 140px;
}

#jjpoint .jjp-table th.point {
	 width: 100px;
}

#jjpoint .jjp-table th.percentage {
	 width: 40px;
}


#jjpoint .jjp-table td{
	color: #444;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	padding: 0.3em 1em;
	text-align: center;
	vertical-align: middle;
}

#jjpoint .info td {
	text-align: left;
}

#jjpoint .jjp-table-l {
	width: 280px;
	width: 20rem;
}

/* cards */

#cards ul.logolist {
	list-style-type: none;
}

/* payment */

#groupcardPayment table {
	width: 900px;
	font-size: 1rem;
}

#groupcardPayment tr.headerWrapper {
	background: #F5F5F5;
}

#groupcardPayment tr.headerWrapper th {
	background: none;
}

#groupcardPayment th, #groupcardPayment td {
	padding: 0;
	line-height: 1.4;
	text-align: center;
	vertical-align: middle;
	background: #FFF;
	border: 1px solid #C7C7C7;
}

#groupcardPayment table .type {
	width: 200px;
}

#groupcardPayment table .payment01 {
	width: 80px;
}

#groupcardPayment table .payment02 {
	width: 80px;
}

#groupcardPayment table .payment03 {
	width: 120px;
}

#groupcardPayment table .payment04 {
	width: 120px;
}

#groupcardPayment table .payment05 {
	width: 300px;
}

#groupcardPayment table .alignLeft {
	text-align: left;
}

#groupcardPayment table img {
	width: 120px;
	padding: 10px 0 0 0;
}

#groupcardPayment table ul {
	list-style-type: none;
	display: inline;
}

#groupcardPayment table ul li.indent {
	padding-left: 1em;
	padding-bottom: 1em;
}

#groupcardPayment ul.note2 {
	list-style-type: none;
}

#groupcardPayment ul.note2 > li > span {
	display: inline-block;
	width: 3em;
	font-weight: bold;
}

/* JACCS-JCB CP2018 */

#jaccs-jcb_cp2018 h3 {
	color: #000;
	font-weight: normal;
	text-indent: -1em;
	padding-left: 1em;
}

#jaccs-jcb_cp2018 th {
	background: #FFF;
	padding: 0.5em;
	border: 1px solid #ADADAD;
}

#jaccs-jcb_cp2018 td {
	font-size: 1rem;
	background: #FFF;
	padding: 0.5em;
	border: 1px solid #ADADAD;
}

#jaccs-jcb_cp2018 li.contact {
	list-style-type: none;
	padding-left: 1em;
}

#jaccs-jcb_cp2018 li.contact > span {
	display: block;
	margin-bottom: 0.5em;
}

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

#jaccs-jcb_cp2018 div.imgLeft {
	width: 450px;
	float: left;
}

#jaccs-jcb_cp2018 div.imgRight {
	width: 450px;
	float: right;
}

#jaccs-jcb_cp2018 table {
	width: 720px;
	margin: 1rem auto;
}
#jaccs-jcb_cp2018 th {
	vertical-align: middle;
}
#jaccs-jcb_cp2018 td {
	vertical-align: middle;
}

#jaccs-jcb_cp2018 li.contact > span {
	display: inline-block;
	margin-right: 2em;
}

}



/* Tpoint　Tポイント */

/* 全店サービスインキャンペーン */
#Tpoint div#serviceInCampaign {
	color: #000;
	background: #EBF7FF;
	background: url(//www.joyfulhonda.com/jhdir/img/t-point/service_in_dotbg.png);
	/* border: 1px solid #004098; */
	padding: 1rem;
	border-radius: 7px;
	margin: 56px auto 28px auto;
}

#Tpoint div#serviceInCampaign > img {
	display: block;
	margin: 1rem auto;
}

#Tpoint #serviceInCampaign div.arconix-toggle-wrap {
	border: 2px solid #1F4E79;
}

#Tpoint #serviceInCampaign .arconix-toggle-title {
	font-weight: bold;
	color: #1F4E79;
}

#Tpoint #serviceInCampaign .arconix-toggle-title i.fa {
	color: #1F4E79;
}

#Tpoint #serviceInCampaign .arconix-toggle-content {
	margin: 0;
	padding: 0;
}

#Tpoint #serviceInCampaign > h2 {
	font-size: 24px;
	color: #1F4E79;
}

#Tpoint #serviceInCampaign h3 {
	text-align: center;
}

#Tpoint #serviceInCampaign p.center {
	text-align: center;
}

#Tpoint #serviceInCampaign p.center em {
	display: block;
	font-size: 24px;
	font-style: normal;
}

#Tpoint #serviceInCampaign > p {
	font-weight: bold;
	font-size: 18px;
}



#Tpoint #serviceCampaign table, #Tpoint #serviceCampaign th, #Tpoint #serviceCampaign td {
	box-sizing: border-box;
}

#Tpoint #serviceInCampaign th {
	width: auto;
	text-align: center;
	color: #FFF;
	background-color: #004098;
	padding: 0;
	border: 1px solid #000;
}

#Tpoint #serviceInCampaign th.blank {
	background-color: transparent;
	border: none;
}

#Tpoint #serviceInCampaign td {
	/* font-size: 18px; */
	color: #000;
	background-color: #FFF;
	padding: 0;
	border: 1px solid #000;
}

#Tpoint #serviceInCampaign th.persons {
	text-align: center;
}

#Tpoint #serviceInCampaign .persons {
	text-align: right;
}

#Tpoint #serviceInCampaign dl {
	margin: 0;
}

#Tpoint #serviceInCampaign dd {
	display: list-item;
	list-style-type: disc;
	margin: 0 0 0 2rem;
}

/* 全店サービスインキャンペーン end */

/* 2017DIY-CONTEST01 */

#Tpoint.diyContest div.lead {
	/* background: #FFF20E; */
	padding: 1rem;
}

#Tpoint.diyContest div.button {
	box-sizing: border-box;
	margin: 0 0 1rem 0;
}

#Tpoint.diyContest div.button:hover {

}

#Tpoint.diyContest div.button > a {
	display: block;
	height: 50px;
	height: 60px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 5px #0045A5;
	background: #C9151E;
	background: #26A9E1;
	background: linear-gradient(#00b7ff, #0045a5);
	/* padding: 0 0.5rem; */
	border: 1px solid #005782;
	border-radius: 3px;
	box-shadow: 3px 3px 0 #7A7A7A;
}

#Tpoint.diyContest div.button.post > a {
	background: #26A9E1;
}

#Tpoint.diyContest.diyCon3rd div.button.post > a {
	background: #e8390d;
}

#diycon.diyCon3rd input[type="submit"] {
	background: #e8390d;
}

#Tpoint.diyContest div.button.post, #Tpoint.diyContest div.button.works {
	width: 100%;
}

#Tpoint.diyContest div.button.works > a {
	background: linear-gradient(#6FFF00, #17A500);
	border: 1px solid #328200;
}

#Tpoint.diyContest div.button.works > a {
	background: #56c500;
}

#Tpoint.diyContest div.button > a:hover {
	background: #0081B9;
	box-shadow: 1px 1px 3px #444 inset;
	/* margin: -1px 0 0 -1px; */
}

#Tpoint.diyContest.diyCon3rd div.button > a:hover {
	background: #C92B0A;
}

#Tpoint.diyContest div.button.works > a:hover {
	background: #00B93B;
}

#Tpoint.diyContest div.button > a:active {
	background: #0081B9;
}

#Tpoint.diyContest div.button > a > p {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	line-height: 1.4;
	margin: 0;
}

#Tpoint.diyContest .guideLine ul {
	list-style-type: none;
	font-size: 18px;
	color: #000;
	margin: 24px 0;
}

#Tpoint.diyContest div.guideLine {
	padding: 1rem;
	border: 1px dashed #444;
	margin: 2rem 0;
}

#Tpoint.diyContest .guideLine li {
	margin: 0;
}

/* 応募フォーム */

#diycon.diyContest.second {
	background: url(//www.joyfulhonda.com/jhdir/img/t-point/diy-contest_02_banner-b.png) no-repeat;
	padding-top: 50%;
}

#diycon.diyContest.diyCon3rd {
	background: url(//www.joyfulhonda.com/jhdir/img/t-point/diy-contest_03_banner-b.png) no-repeat;
	padding-top: 50%;
}

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

#diycon.diyContest.second {
	background-size: contain;
}

}

#Tpoint.diyContest.requirements dt {
	margin-top: 1em;
	margin-bottom: 0;
}

#Tpoint.diyContest.requirements dd {
	margin-bottom: 0;
}

#Tpoint.diyContest.requirements dt.mainCounter {
	text-indent: -1em;
	counter-increment: requirements01;
}

#Tpoint.diyContest.requirements dt.mainCounter:before {
	content: counter(requirements01) ".";
}

#Tpoint.diyContest.requirements dd.subNumber {
	text-indent: -1em;
	padding-left: 1em;
}

#Tpoint.diyContest.requirements dd.detail {
	display: list-item;
	list-style: disc;
	margin-left: 2em;
}

/* 応募作品紹介 */

#Tpoint.diycontest-works div.slideshow_slide {
	background-color: #000;
}


@media screen and (min-width: 960px) { /* PCモード用 */
	#Tpoint.diyContest div.lead {
		padding: 0 0 1rem 0;
	}
	#Tpoint.diyContest div.entryWrapper {
		/* width: 645px; */
		margin: 1rem auto;
	}
	#Tpoint.diyContest div.button {
		width: 310px;
		width: 450px;

	}
	#Tpoint.diyContest div.button > a {
		font-size: 18px;
	}
	#Tpoint.diyContest .entryWrapper div.button.alignLeft {
		float: left;
	}
	#Tpoint.diyContest .entryWrapper div.button.alignRight {
		float: right;
	}
}

/* 入賞作品紹介 */

#Tpoint.award .worksImgTxt ul {
	list-style: none;
	padding: 0 0.5rem;
}

#Tpoint.award .worksImgTxt li {
	margin: 0;
}

#Tpoint.award .worksImgTxt li.nickName > span {
	font-weight: bold;
	color: #C7161D;
}

#Tpoint.award .jhAward .worksImgTxt li.nickName > span {
	font-size: 2em;
}

#Tpoint.award .worksImgTxt li.txt1 {
	margin-bottom: 1em;
}

#Tpoint.award .worksImgTxt li.txt1 > span, #Tpoint.award .worksImgTxt li.txt2 > span {
	display: block;
	font-weight:bold;
}

@media screen and (min-width: 960px) { /* PCモード用 */

#Tpoint.award .jhAward .worksImgTxt div.wrapper {
	float: left;
	width: 450px;
	margin-left: 10px;
}

#Tpoint.award .jhAward .worksImgTxt div.wrapper:nth-child(2n+1) {
	clear: left;
	margin-left: 0;
}

#Tpoint.award .ideaAward .worksImgTxt div.wrapper, #Tpoint.award .uniqueAward .worksImgTxt div.wrapper {
	float: left;
	width: 174px;
	margin-left: 10px;
}

#Tpoint.award .ideaAward .worksImgTxt div.wrapper:nth-child(5n+1), #Tpoint.award .uniqueAward .worksImgTxt div.wrapper:nth-child(5n+1) {
	clear: left;
	margin-left: 0;
}

}


/* 2017DIY-CONTEST01 end */

#Tpoint .window p.leadTxt {
	color:#21759b;
	font-size:18px;
	font-weight:bold;
	margin: 2rem 0;
}

#Tpoint div.campaignBannerWrapper {
	margin: 5rem 0;
}

#Tpoint div.campaignBannerWrapper > p {
	max-width: 700px;
	margin: 0 auto;
}

#Tpoint p.Tlogo-w36.fix1609 {
	margin-top: 14px;
}

#Tpoint p.Tlogo-w36.fix1609:before {
	padding: 0 14px 0 0;
	content: url("//www.joyfulhonda.com/jhdir/img/t-point/tpoint_logo_w36.png");
}

#Tpoint div.txtBox {
	font-weight: bold;
	color: #004098;
}



#Tpoint div.txtBox p {
	line-height: 1.4;
	margin-bottom: 0;
}

#Tpoint div.txtBox em {
	font-size: 1.2em;
	font-style: normal;
}

#Tpoint div.txtBox div.expansion {
	width: 140px;
	height: 80px;
	transform: rotate( -14deg );
}

#Tpoint div.txtBox div.expansion > p {
	display:table-cell;
	width: inherit;
	height: inherit;
	vertical-align:middle;
	color: #004098;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	background: #FFF200;
	/* background: linear-gradient(#FF002F, #730000); */
	border-radius: 50%;
	box-shadow: 3px 3px 0 #004098;
}

#Tpoint div.window h2, #Tpoint div.miniWindow h2 {
	color: #FFF;
	background: #004098;
	padding: 1em;
}

#Tpoint div.window p {
	padding: 0.5rem;
	margin-bottom: 1rem;
}

#Tpoint #earnUse p.kome, #Tpoint #about p.kome {
	width: 95%;
	text-indent: -1em;
	padding-left: 1em;
	margin: 0 auto;
}

#Tpoint dl.TpEarnUse {
	font-size: 16px;
	padding: 1rem;
	margin: 1rem 0;
}

#Tpoint dl.TpEarnUse dt {
	/* float: left; */
	/* clear: both; */
	width: 70px;
	text-align: center;
	color: #FFF;
	background: #004098;
	margin-bottom: 10px;
}

#Tpoint dl.TpEarnUse dd {
	/* margin-left: 100px; */
	margin-bottom: 10px;
}

#Tpoint #about div.shopList {
	border: 1px solid #848484;
	margin: 1rem;
}

#Tpoint #about div.shopList h3 {
	color: #FFF;
	background: #848484;
	margin: 0;
}

#Tpoint #about div.shopList ul, #Tpoint #about div.shopList p {
	padding: 1rem;
	margin: 0;
}

#Tpoint #introduce div.schedule.fix0629 h3 {
	background: #D8E8FF;
	padding-left: 1em;
	margin: 0.5em 0;
}

#Tpoint #introduce div.schedule p {
	color: #004098;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-top: 30px;
}

#Tpoint #introduce div.schedule.fix0629 p {
	font-size: 16px;
	text-align: left;
	margin-top: 0;
}

#Tpoint .fix0802 > dl {
	color: #004098;
	padding: 0 0.5rem;
	margin:0;
}

#Tpoint .fix0802 > dl > dt {
	float: left;
	width: 80px;
}

#Tpoint .fix0802 > dl > dd {
	float: left;
	font-weight: bold;
	width: 240px;
	margin: 0;
}

#Tpoint div#entry.window {
	position: relative;
	margin-top: 100px;
}

#Tpoint div#entry img.cardImg {
	display: none;
}

#Tpoint div#entry.window div.wrapper {
	/* width: 600px; */
	margin: 28px auto;
}



#Tpoint #entry div.web, #Tpoint #entry div.shop {
	/* float: left; */
	/* width: 270px; */
	/* height: 200px; */
	border: 1px solid #848484;
	margin-bottom: 1rem;
}

#Tpoint #entry h3 {
	text-align: center;
	color: #FFF;
	background: #848484;
	margin: 0;
}

#Tpoint #entry a {
	display: block;
	width: 7rem;
	width: 10rem;
	text-align: center;
	text-decoration: none;
	color: #444;
	background: #F5F5F5;
	padding: 0.5rem;
	border: 1px solid #676767;
	border-radius: 3px;
	box-shadow: 3px 3px 0px #444;
	margin: 0 auto;
}

#Tpoint #entry a:hover {
	box-shadow: 1px 1px 0px #848484 inset;
}

#Tpoint #entry p.note {
	text-align: center;
}

#Tpoint #entry div.campaign {
	/* position: absolute; */
	/* top: 180px; */
	/* left: -80px; */
	width: 180px;
	height: 180px;
	margin: 2rem auto;
	transform: rotate( -14deg );
}

#Tpoint #entry div.campaign > p {
	display:table-cell;
	width: inherit;
	height: inherit;
	vertical-align:middle;
	color: #004098;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	background: #FFF200;
	padding: 0;
	border-radius: 50%;
	box-shadow: 3px 3px 0px #004098;
}

#Tpoint #entry div.campaign > p > span {
	font-size: 2em;
}

#Tpoint #about dl {
	padding: 1rem;
	margin: 0;
}

#Tpoint #about dl.term dt {
	width: 8em;
	font-size: 16px;
	text-align: center;
	color: #FFF;
	background: #004098;
}

#Tpoint #make h2 {
	color: #444;
	background: #FFF;
}

#Tpoint #make h2.fix1611 {
	color: #FFF;
	background: #004098;
}

#Tpoint #make h3 {
	color: #FFF;
	background: #004098;
	padding-left: 1rem;
	margin: 1rem;
}

#Tpoint #make span {
	display: block;
	text-indent: -1em;
	padding-left: 1em;
	margin-top: 0.5em;
}

#Tpoint #make ol.step {
	counter-reset: step01;
	list-style: none;
}

#Tpoint #make ol.step li {
	box-sizing: border-box;
	/* float: left; */
	/* width: 160px; */
	/* height: 150px; */
	padding: 0.2rem;
	/* margin: 0 0 0 10px; */
	margin: 1rem;
	background: #D8E8FF;
	border-radius: 10px;
}

#Tpoint #make #makeShop ol.step li {
	/* width: 128px; */
}

#Tpoint #make ol.step li:before{
	display: block;
	counter-increment: step01;
	content: counter(step01);
	font-family: "century gothic" ,futura;
	background: #004098;
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	line-height: 1.5;
	margin: 0 0 0.5em 0;
	box-shadow: 1px 1px 1px #000;
}

#Tpoint #make p.campaign {
	text-align: center;
	color: #004098;
	background: #FFF200;
	border: 1px solid #004098;
	border-radius: 2rem;
	margin: 1rem;
}

/* 過去のキャンペーン一覧 */

#Tpoint.archive h2.title {
	max-width: 700px;
	max-width: 750px;
	text-align: center;
	color: #FFF;
	background: #004098;
	padding: 1em;
	margin: 0 auto;
}

#Tpoint.archive ul.archiveTitleList {
	list-style: none;
	margin: 1em auto;
}

#Tpoint.archive .archiveTitleList li {
	margin: 0 0 1em 0;
}

#Tpoint.archive .archiveTitleList li > a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 0.5em;
	background: #F5F5F5;
	border: 1px solid #999;
}

#Tpoint.archive .archiveTitleList li a:hover {
	color: #21759B;
	border: 1px solid #21759B;
}

/* 過去のキャンペーン一覧　アーカイブページ */

#Tpoint.archive div.archiveInfo {
	margin: 3rem 0;
}

#Tpoint.archive .archiveInfo div.back {
	width: 100px;
	margin-bottom: 3rem;
}

#Tpoint.archive .archiveInfo div.back > a {
	display: block;
	box-sizing: border-box;
	text-align: center;
	text-decoration: none;
	color: #444;
	padding: 0.5em 0;
	background: #F5F5F5;
	border: 1px solid #888;
	border-radius: 3px;
	box-shadow: 1px 1px 0px #999;
}

#Tpoint.archive .archiveInfo div.back > a:hover {
	box-shadow: none;
}

#Tpoint.archive div.closed {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #F00;
}

#Tpoint.archive div.closed > p {
	margin: 0;
}

#Tpoint.archive div.logoBox {
	margin-bottom: 3rem;
}

#Tpoint.archive div.mainContents {
	max-width: 700px;
	margin: 0 auto;
}

/* Joyful2サービスインキャンペーン */

#Tpoint.archive  div#J2-201611.mainContents h3 {
	padding:20px 0 5px 0px;
	text-align:left;
	font-size:18px;
	font-weight: normal;
	line-height:1.1;
	border-bottom:solid 1px #ffa051;
	margin-bottom: 5px;
}

#Tpoint.archive  div#J2-201611.mainContents ul {
	list-style-type: disc;
	margin: 0 0 0 2em;
}

#Tpoint.archive  div#J2-201611.mainContents ul li {
	margin: 0;
}

/* Petcenter　今だけ！　キャンペーン */

#Tpoint.cam201706 div.detailWrapper {
	padding: 0.5rem;
	border: 2px solid #DCDCDC;
	border-radius: 7px;
	margin-top: 2rem;
	box-shadow: 3px 3px 3px #ADADAD;
}

#Tpoint.cam201706 div.detailWrapper ul {
	list-style-type: none;
}

#Tpoint.cam201706 div.detailWrapper ul li {
	text-indent: -1em;
	padding-left: 1em;
}

/* 202006　モバイルT関連アップデート */

#Tpoint.update2006 div.mobileTLead {
	padding: 3rem 0;
	margin: 0 auto 4rem auto;
	border-bottom: 4px solid #004098;
}

#Tpoint.update2006 img.tLogo {
	width: 15%;
}

@media screen and (min-width: 480px) and (max-width: 959px) {

	#cards .logolist li {
		float: left;
		padding-left: 28px;
		padding-left: 2rem;
		margin: 0;
	}

	#cards .logolist li:nth-child(3n+1) {
		clear: left;
	}

}


@media screen and (min-width: 960px) { /* PCモード用 */

	#cards .logolist li {
		float: left;
		padding-left: 28px;
		padding-left: 2rem;
		margin: 0;
	}
	/* 202006　モバイルT関連アップデート */
	#Tpoint.update2006 p.mobileTLead {
		width: 800px;
	}

}


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

	
	#Tpoint div.txtBox {
		margin-top: 20px;
	}

	/* for youtube */
	#Tpoint div.responsiveYoutube {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}

	#Tpoint div.responsiveYoutube iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
	/* end */

	#Tpoint div#tMenu01 img.charaL, #Tpoint div#tMenu01 img.charaR  {
		display: none;
	}
	#Tpoint div.txtBox div.expansion {
		position: relative;
		left: 260px;
		top: -120px;
	}
	#Tpoint div#earnUse {
		/* margin-top: -50px; */
	}
	#Tpoint div#earnUse img.charaL {
		display: none;
	}
	#Tpoint div#earnUse img.charaR {
		display: none;
	}
	#Tpoint div#entry.window {
		margin-top: 10px;
	}
	/* #Tpoint div#entry img.cardImg {
		display: block;
		position: relative;
		top: -270px;
		left: 95px;
		margin-top: -200px;
	} */
	#Tpoint div#introduce div.miniWindow ul li {
		list-style: none;
		display: block;
		margin: 3px auto 0;
		width: 200px;
		padding: 5px;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		color: #fff;
	}
	#Tpoint div#introduce div.miniWindow ul li:first-child {
		background-color: #2a2a2a;
	}
	#Tpoint div#introduce div.miniWindow ul li:nth-child(2) {
		background-color: #2ea7e0;
	}
	#Tpoint div#introduce div.miniWindow ul li:nth-child(3) {
		background-color: #22ac38;
	}
	#Tpoint #make img.cardChara {
		margin-left: 120px;
	}

}


/* debitcard */

#debitcard img {
	padding: 7px;
	padding: 0.5rem;
}

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

	/* groudcard page */

	#groupcard .cardtype-wrapper,#corporatecard .cardtype-wrapper {
		width: 600px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 49px;
		margin-bottom: 3.5rem;
	}

	#groupcard .cardtype-wrapper2015 {
		width: 900px;
		margin-left: auto;
		margin-right: auto;
		/* margin-bottom: 49px; */
		/* margin-bottom: 3.5rem; */
	}

	#groupcard div#customer01 {
		width: 900px;
		margin: 0 auto 49px auto;
		border: 1px #E9E9E9 solid;
		border-radius: 3px;
	}

	#groupcard div#customer01, #groupcard div#customer02 {
		margin-bottom: 49px;
	}

	#groupcard #customer01 div.hgroup01 {
		width: 100%;
		padding: 7px;
		margin: 0;
	}

	#groupcard .cardtype-wrapper2015 div.hgroup01 p {
		/* width: 90%; */
		min-height: 80px;
	}

	#groupcard .hgroup01,#corporatecard .hgroup01 {
		width: 196px;
		width: 14rem;
		margin-left: 40px;
	}

	#groupcard .cardtype-wrapper2015 .hgroup01 {
		width: 100%;
		/* padding-left: 40px; */
		margin: 0;
	}

	#groupcard .cardtype-left,#corporatecard .cardtype-left {
		width: 280px;
		float: left;
		margin-bottom: 0;
	}

	#groupcard .cardtype-wrapper2015 .cardtype-left {
		box-sizing: border-box;
		width: 440px;
		float: left;
		padding: 7px;
		border: 1px #E9E9E9 solid;
		border-radius: 3px;
		margin-right: 20px;
		margin-bottom: 0;
	}

	#groupcard .cardtype-right {
		width: 280px;
		float: left;
		margin-bottom: 0;
	}

	#groupcard .cardtype-wrapper2015 .cardtype-right {
		box-sizing: border-box;
		width: 440px;
		float: left;
		padding: 7px;
		border: 1px #E9E9E9 solid;
		border-radius: 3px;
		margin-bottom: 0;
	}

	#groupcard #customer01 .cardtype-left,
	#groupcard #customer01 .cardtype-right {
		border: none;
	}

	#groupcard div.cardtype-image img, #corporatecard div.cardtype-image img {
		display: block;
		max-widht: 100%;
		margin: 0 auto;
	}

	#groupcard .cardtype-text, #corporatecard .cardtype-text {
		text-align: center;
	}

	#groupcard .cardtype-botton form {
		text-align: center;
	}

	#groupcard dl .pc-environment {
		width: 400px;
	}

	#corporatecard .cardtype h2 {
		text-align: center;
	}

	#corporatecard ul ul {
		width: 90%;
		background-color: #f5f5f5;
		border: 1px solid #c0c0c0;
	}

	#jjpoint div.spTable {
		overflow-y: visible;
	}
	/* T-POINT */
	#Tpoint .window p.leadTxt {
		text-align: center;
	}
	#Tpoint div.logoBox {
		/* float: left; */
		/* width: 300px; */
	}
	#Tpoint div.logoBox > img {
		display: block;
		margin: 0 auto;
	}
	/* 全店サービスインキャンペーン */
	#Tpoint div#serviceInCampaign {
		width: 700px;
	}
	#Tpoint #serviceInCampaign span.Tlogo-S:before {
		padding: 0 7px;
		content: url("//www.joyfulhonda.com/jhdir/img/t-point/tlogo18.png");
	}
	#Tpoint #serviceInCampaign > h2 {
		font-size: 36px;
		text-align: center;
	}
	#Tpoint #serviceInCampaign > p {
		text-align: center;
	}
	#Tpoint #serviceInCampaign table {
		width: 450px;
		margin: 14px auto;
	}
	#Tpoint #serviceInCampaign th {
		padding: 7px;
	}
	#Tpoint #serviceInCampaign td {
		font-size: 18px;
		padding: 7px;
	}
	#Tpoint #serviceInCampaign .prize {
		width: 100px;
	}
	#Tpoint #serviceInCampaign .points {
		width: 200px;
	}
	#Tpoint #serviceInCampaign .persons {
		width: 150px;
	}
	#Tpoint h2.campaign {
		width: 700px;
		color: #004098;
		margin: 0 auto;
	}
	#Tpoint div.txtBox {
		/* float: left; */
		width: 700px;
		margin: 35px auto;
	}
	#Tpoint div.txtYoutubeWrapper {
		width: 700px;
		margin: 35px auto;
	}
	#Tpoint .txtYoutubeWrapper div.txtBox {
		/* float: left; */
		/* width: 380px; */
	}
	#Tpoint div#tMenu01 {
		position: relative;
		margin-bottom: 5rem;
	}
	#Tpoint div#tMenu01 img.charaL {
		position: absolute;
		left: -72px;
		bottom: 0;
	}
	#Tpoint div#tMenu01 img.charaR {
		position: absolute;
		right: -72px;
		bottom: 0;
	}
	#Tpoint #tMenu01 ul li {
		list-style: none;
		width: 95%;
		margin: 1em auto;
	}
	#Tpoint #tMenu01 li a {
		display: block;
		font-size: 16px;
		text-align: center;
		color: #004098;
		padding: 0.5em;
		border: 1px solid #004098;
		border-radius: 7px;
		text-decoration: none;
	}
	#Tpoint #tMenu01 li a:hover {
		color: #FFF;
		background: #004098;
	}
	#Tpoint .txtYoutubeWrapper div.cmYoutube {
		/* float: left; */
		/* width: 320px; */
		box-sizing: border-box;
		width: 700px;
		padding: 1rem;
		margin: 0 auto;
		border-radius: 1rem;
		box-shadow: 3px 3px 10px #B5B5B5 inset;
	}
	#Tpoint .txtYoutubeWrapper div.cmYoutube h3 {
		margin: auto 0;
	}
	#Tpoint .txtYoutubeWrapper div.cmYoutube iframe  {
		display: block;
		width: 512px !important;
		height: 288px !important;
		margin: 0 auto;
	}
	#Tpoint .txtYoutubeWrapper div#cmYoutube {
		/* float: left; */
		/* width: 320px; */
		box-sizing: border-box;
		width: 700px;
		padding-bottom: 1rem;
		margin: 0 auto;
		/* border-radius: 1rem; */
		/* box-shadow: 3px 3px 10px #B5B5B5 inset; */
		border: 1px #004098 solid;
	}
	#Tpoint .txtYoutubeWrapper div#cmYoutube h3 {
		margin: auto 0;
		background-color: #004098;
		padding: 0 1rem;
	}
	#Tpoint .txtYoutubeWrapper div.responsiveYoutube iframe  {
		display: block;
		width: 512px !important;
		height: 288px !important;
		margin: 1rem auto 0;
	}
	#Tpoint p.Tlogo-w36:before {
		padding: 0 14px 0 0;
		content: url("//www.joyfulhonda.com/jhdir/img/t-point/tpoint_logo_w36.png");
	}

	#Tpoint div.TpWrapper {
		padding: 2rem;
		border: 7px solid #004098;
	}
	#Tpoint div.leadWrapper {
		margin: 14px 0 56px 0;
	}
	#Tpoint div.txtBox {
		position: relative;
		font-size: 30px;
	}

	#Tpoint div.txtBox div.expansion {
		position: absolute;
		bottom: -70px;
		bottom: -20px;
		right: -50px;
		right: 70px;
	}
	#Tpoint div.txtBox div.expansion.fix0629 {
		bottom: -60px;
		right: -20px;
	}
	#Tpoint div.window {
		width: 700px;
		border: 1px solid #004098;
		margin: 28px auto;
	}

	#Tpoint div.window h2, #Tpoint div.miniWindow h2 {
		margin: 0 auto;
	}
	#Tpoint div#earnUse {
		position: relative;
	}
	#Tpoint div#earnUse img.charaL {
		position: absolute;
		left: -72px;
		bottom: 0;
	}
	#Tpoint div#earnUse img.charaR {
		position: absolute;
		right: -72px;
		bottom: 0;
	}
	#Tpoint dl.TpEarnUse dt {
		float: left;
		clear: both;
	}

	#Tpoint dl.TpEarnUse dd {
		margin-left: 100px;
	}

	#Tpoint div#entry.window {
		position: relative;
		margin-top: 100px;
	}
	#Tpoint div#entry img.onlySpMode {
		display: none;
	}

	#Tpoint div#entry.window div.wrapper {
		width: 600px;
	}


	#Tpoint div#entry img.cardImg {
		display: block;
		position: absolute;
		top: -90px;
		top: -60px;
		top: -30px;
		right: -7px;
		right: -70px;
		width: 220px;
		height: auto;
	}

	#Tpoint #entry div.web, #Tpoint #entry div.shop {
		float: left;
		width: 270px;
		height: 200px;
		margin: 0;
		margin-left: 25px;
	}

	#Tpoint #entry div.shop {
		float: right;
	}

	#Tpoint #entry div.campaign {
		position: absolute;
		bottom: 20px;
		left: -80px;
		margin: 0;
	}
	#Tpoint #about {
		position: relative;
		margin-top: 8rem;
	}
	#Tpoint #about img.okImage {
		position: absolute;
		top: -80px;
		right: -20px;
		width: 220px;
		height: auto;
	}



	#Tpoint #exclude {
		padding: 1rem;
	}
	#Tpoint div.miniWindowWrapper {
		width: 700px;
		padding: 0;
		margin: 2rem auto;
	}
	#Tpoint div.miniWindow {
		float: left;
		width: 340px;
		height: 240px;
		border: 1px solid #004098;
	}
	#Tpoint div.miniWindow p, #Tpoint div.miniWindow ul {
		padding: 0.5rem;
		margin: 0;
	}
	#Tpoint div.miniWindow.schedule {
		float: right;
	}
	#Tpoint div.miniWindow.shopList.fix0629 {
		float: right;
	}
	#Tpoint div.miniWindow.schedule.fix0629 {
		float: left;
	}
	#Tpoint div#make {
		position: relative;
	}
	#Tpoint #make img.cardImg {
		width: 220px;
		height: auto;
		position: absolute;
		top: -20px;
		right: -7px;
	}
	#Tpoint #make img.cardChara {
		width: 150px;
		height: 226px;
		position: absolute;
		top: -60px;
		right: 10px;
	}
	#Tpoint #make ol.step li {
		float: left;
		width: 160px;
		width: 218px;
		height: 150px;
		margin: 0 0 0 10px;
	}

	#Tpoint #make #makeShop ol.step li {
		width: 160px;
		height: 170px;
	}

	#Tpoint #faq_personalInfo div.miniWindow {
		height: 160px;
	}
	#Tpoint #faq_personalInfo div.miniWindow.fix1610 {
		height: 200px;
	}
	#Tpoint #faq_personalInfo div.miniWindow.fix1610 >p.kome {
		width: 90%;
		text-indent: -1em;
		padding-left: 1em;
		margin: 0 auto;
	}

	#Tpoint #faq_personalInfo div#TpersonalInfo.miniWindow {
		float: right;
		border: none;
	}
	/* 過去のキャンペーン一覧 */
	#Tpoint.archive div.window {
		width: 700px;
		border: none;
		margin: 28px auto;
	}
	/* 過去のキャンペーン一覧　アーカイブページ */
	#Tpoint.archive div.archiveInfo {
		width: 912px;
	}
	#Tpoint.archive .archiveInfo div.back {
		float: left;
		margin: 0;
	}
	#Tpoint.archive .archiveInfo div.closed {
		float: right;
		width: 800px;
	}

}

@media print { /* Tpoint Tポイント　印刷用 */
	/* T-POINT */
	#Tpoint div.logoBox > img {
		display: block;
		margin: 0 auto;
	}

	#Tpoint div.txtBox {
		width: 700px;
		margin: 35px auto;
	}

	#Tpoint div.TpWrapper {
		padding: 2rem;
		border: 7px solid #004098;
	}
	#Tpoint div.leadWrapper {
		margin: 14px 0 56px 0;
	}
	#Tpoint div.txtBox {
		position: relative;
		font-size: 30px;
	}

	#Tpoint div.txtBox div.expansion {
		position: absolute;
		bottom: -70px;
		bottom: -20px;
		right: -50px;
		right: 70px;
	}
	#Tpoint div.window {
		width: 700px;
		border: 1px solid #004098;
		margin: 28px auto;
	}

	#Tpoint div.window h2, #Tpoint div.miniWindow h2 {
		margin: 0 auto;
	}
	#Tpoint div#earnUse {
		position: relative;
	}
	#Tpoint div#earnUse img.charaL {
		position: absolute;
		left: -72px;
		bottom: 0;
	}
	#Tpoint div#earnUse img.charaR {
		position: absolute;
		right: -72px;
		bottom: 0;
	}
	#Tpoint dl.TpEarnUse dt {
		float: left;
		clear: both;
	}

	#Tpoint dl.TpEarnUse dd {
		margin-left: 100px;
	}

	#Tpoint div#entry.window {
		position: relative;
		margin-top: 100px;
	}

	#Tpoint div#entry.window div.wrapper {
		width: 600px;
	}


	#Tpoint #entry img.cardImg {
		position: absolute;
		top: -90px;
		top: -60px;
		right: -7px;
		right: -70px;
		width: 220px;
		height: auto;
	}

	#Tpoint #entry div.web, #Tpoint #entry div.shop {
		float: left;
		width: 270px;
		height: 200px;
		margin: 0;
	}

	#Tpoint #entry div.shop {
		float: right;
	}

	#Tpoint #entry div.campaign {
		position: absolute;
		top: 180px;
		left: -80px;
		margin: 0;
	}
	#Tpoint #exclude {
		padding: 1rem;
	}
	#Tpoint div.miniWindowWrapper {
		width: 700px;
		padding: 0;
		margin: 2rem auto;
	}
	#Tpoint div.miniWindow {
		float: left;
		width: 340px;
		height: 240px;
		border: 1px solid #004098;
	}
	#Tpoint div.miniWindow p, #Tpoint div.miniWindow ul {
		padding: 0.5rem;
		margin: 0;
	}
	#Tpoint div.miniWindow.schedule {
		float: right;
	}
	#Tpoint div#make {
		position: relative;
	}
	#Tpoint #make img.cardImg {
		width: 220px;
		height: auto;
		position: absolute;
		top: -20px;
		right: -7px;
	}
	#Tpoint #make img.cardChara {
		width: 150px;
		height: 226px;
		position: absolute;
		top: -60px;
		right: 10px;
	}
	#Tpoint #make ol.step li {
		float: left;
		width: 160px;
		width: 218px;
		height: 150px;
		margin: 0 0 0 10px;
	}

	#Tpoint #make #makeShop ol.step li {
		width: 160px;
		height: 170px;
	}

	#Tpoint #faq_personalInfo div.miniWindow {
		height: 160px;
	}

	#Tpoint #faq_personalInfo div#TpersonalInfo.miniWindow {
		float: right;
		border: none;
	}
}





/* Contact 店舗連絡先一覧
-------------------------------------------------------------- */



/* ContactList */

#contactList ul.area-menu li {
	display: block;
	box-sizing: border-box;
	float: left;
	list-style: none;
	width: 120px;
	padding: 5px;
	background: #f5f5f5;
	margin: 0 0 12px 12px;
	border: 1px #ccc solid;
	border-radius: 3px;
	box-shadow: 1px 1px 0px #fff inset;
}

#contactList ul.area-menu li a {
	position: relative;
	display: block;
	padding-left: 1em;  
	margin: 0;
	font-weight: bold;
	text-decoration: none;
}

#contactList ul.area-menu li a:hover {
	color: #FF4E4E;
}

#contactList ul.area-menu li a:before{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 35px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #FF4E4E;
}

#contactList ul.area-menu li a:after{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 40px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #f5f5f5;
}

#contactList h2 {
	width: 60px;
	background: #F5F5F5;
	font-size: 18px;
	text-align: center;
	line-height: 1;
	padding: 10px;
	border: 1px solid #CCC;
	border-radius: 5px;
}

#contactList h3 {
	margin-top: 7px;
	margin-bottom: 0;
	margin-left: 14px;
}

#contactList div.shopWrapper {
	border: 1px solid #CCC;
	border-radius: 5px;
	margin-bottom: 14px;
}


/* zipcode & Address */

#contactList ul.info {
	list-style: none;
}

#contactList div.address {
	margin-left: 14px;
}

#contactList ul.tel {
	list-style: none;
	margin-bottom: 7px;
}

#contactList ul.tel li {
	margin-bottom: 7px;
}

#contactList ul.tel li > span {
	display: block;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	font-size: 12px;
	line-height: 1.4;
	width: 100px;
	margin-right: 1rem;
}

#contactList ul.tel li.hc > span {
	font-size: 10px;
	color: #fff;
	background: #666;
	padding: 5px;
}

#contactList ul.tel li.gc > span {
	font-size: 10px;
	color: #fff;
	background: #6C3;
	padding: 5px;
}

#contactList ul.tel li.pc > span {
	font-size: 10px;
	color: #fff;
	background: #39C;
	padding: 5px;
}

#contactList ul.tel li.ex > span {
	font-size: 10px;
	color: #fff;
	background: #F93;
	padding: 5px;
}


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

#contactList ul.info li.zipcode {
	width: 8em;
	float: left;
	}

	#contactList ul.tel li {
		float: left;
		width: 280px;
		margin-bottom: 0;
	}

	#contactList ul.tel li span {
		display: inline-block;
	}

	#contactList ul.tel li:nth-child(2n+1) {
		clear: left;
	}

}



/* Homecenter Top
-------------------------------------------------------------- */

#hcTop dl.eigyo {
	height: 140px;
	margin: 0;
}

#hcTop dl.eigyo dt {
	color: #FFF;
	font-size: 14px;
	line-height: 1.8;
	padding-left: 1rem;
	/* background: #DDFF79; */
	background: #241F1F;
	/* border-left: 14px solid #bee057; */
	border-left: 14px solid #000;
	/* border-bottom: 1px solid #bee057; */
	margin: 0 0 1rem 0;
}

#hcTop dl.eigyo dd {
	margin: 0;
}

#hcTop dl.eigyo dd > span {
	color: #999;
	font-size: 11px;
	font-weight: bold;
}

/* event shop list */

#hcTop div#eventInfo {
	position: relative;
	margin-top: 70px;
}

#hcTop #eventInfo h2 {
	color: #FFF;
	font-size: 14px;
	line-height: 1.8;
	padding-left: 1rem;
	background: #241F1F;
	border-left: 14px solid #000;
	border-bottom: 1px solid #000;
	margin: 0;
}

#hcTop #eventInfo img.kuma {
	position: absolute;
	top: -70px;
	width: 120px;
}

#hcTop #eventInfo ul.shopList {
	box-sizing: border-box;
	padding: 6px 0;
	border: 1px solid #000;
	border-top: none;
}

#hcTop #eventInfo ul.shopList li {
	list-style: none;
	float: left;
	width: 80px;
	text-align: center;
	margin: 0 0 12px 12px;
}

#hcTop #eventInfo ul.shopList li.longName {
	font-size: 12px;
	line-height: 1;
}



#hcTop ul.shopList li a {
	display: block;
	text-decoration: none;
}

#hcTop ul.shopList li a:hover {
	color: #FFF;
	/* background: #55C231; */
	background: #D81920;
}



#hcTop #hcMainHeader {
	border-bottom: 1px dotted #444;
	margin-bottom: 20px;
}

#hcTop.update201612 div.floatHeader {
	padding-top: 20px;
	background: url(//www.joyfulhonda.com/jhdir/img/homecenter/201612_hc_index_seikatsukan_stripe.png) repeat-x;
}

#hcTop.update201612 #shizaiKan div.floatHeader {
	background: url(//www.joyfulhonda.com/jhdir/img/homecenter/201612_hc_index_shizaikan_stripe.png) repeat-x;
}

#hcTop.update201612 div#shizaiKan {
	padding-bottom: 20px;
	background: url(//www.joyfulhonda.com/jhdir/img/homecenter/201612_hc_index_shizaikan_stripe.png) repeat-x bottom;
	margin-bottom: 20px;
}

#hcTop.update201612 #seikatsuKan h3, #hcTop.update201612 #shizaiKan h3 {
	margin: 0.5rem 0;
}

#hcTop.update201612 h3:before {
	content: none;
}

#hcTop.update201612 #seikatsuKan h3 > span, #hcTop.update201612 #shizaiKan h3 > span {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	font-family: century;
	text-align: center;
	line-height: 2rem;
	color: #FFF;
	background: #F4A658;
	border: 2px solid #FFF;
	margin: 0 0.5rem 0 0;
	box-shadow: 1px 1px 1px 0px #C5C5C5;
}

#hcTop.update201612 #shizaiKan h3 > span {
	background: #F49978;
	background: #F27B15;
}

#hcTop.update201612 .hcSummary dt {
	font-size: 16px;
	color: #D22800;
}

#hcTop.update201612 .hcSummary dt:before {
	content: "\0025a0";
}



#hcTop h3:before {
	content: "\0025a0";
}

#hcTop img.logo {
	width: 140px;
	height: 140px;
}

#hcTop div#kaihatsu {
	background: #F5F5F5;
	border: 1px solid #241F1F;
}

#hcTop #kaihatsu h3 {
	color: #fff;
	text-align: center;
	background: #241F1F;
	margin-bottom: 5px;

}

#hcTop #kaihatsu h3:before {
	content: none;
}

#hcTop #kaihatsu div.Rwrapper, #hcTop #kaihatsu div.Lwrapper {
	padding: 10px;
}

#hcTop div#kaihatsu p.note {
	background: #AEAEAE;
}

#hcTop #coin p {
	padding: 1em;
}

#hcTop #coin ul.shoplist {
	/* width: 400px; */
	margin: 7px auto;
}

#hcTop #coin ul.shoplist li {
	float: left;
	color: #000;
	background: #fff;
	width: 72px;
	width: 90px;
	font-size: 12px;
	font-weight: bold;
	line-height: 2.4;
	text-align: center;
	border: 1px solid;
	border-radius: 3px;
	list-style: none;
	padding: 2px 0;
	margin: 3px;
}

#hcTop #coin ul.shoplist li.longName {
	line-height: 1.2;
}

#hcTop #coin ul.shoplist li.momi {
	background: #ffb8b8;
}

#hcTop #coin h3 {
	padding: 0 1em;
}

#hcTop #coin h3:before {
	content: none;
}

#hcTop #coin h4 {
	padding: 0 1em;
	margin: 0;
}

#hcTop div.coinLaundry, #hcTop div.coinSeimai {
	padding-bottom: 24px;
}

#hcTop div.coinLaundry {
	color: #fff;
	background: #003f8b;
}

#hcTop div.coinSeimai {
	color: #fff;
	background: #231815;
}

/* WorkRoom
-------------------------------------------------------------- */

#workroom .wr-header {
	line-height: 30px;
	padding: 0;
	margin: 0;
}

#workroom  h2.wr-header {
	color: #fff;
	text-align: center;
	background: #000a2d;
}

#workroom  p.wr-header {
	font-size: 14px;
}

#workroom ul.serviceList li {
	list-style: none;
}

#workroom ul.serviceList li:before {
	content: "\0025a0";
}

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

	#hcTop #eventInfo ul.shopList li:nth-child(2n+1) {
		clear: left;
	}
	#hcTop #coin ul.shoplist {
		width: 240px;
	}
	#hcTop #coin ul.shoplist li:nth-of-type(2n+1) {
		clear: left;
	}
}

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

	#hcTop .jhgrid6.coinLaundry, #hcTop .jhgrid6.coinSeimai {
		width: 460px;
	}
	#hcTop div.coinLaundry, #hcTop div.coinSeimai {
		height: 640px;
		height: 680px;
	}
	#hcTop #coin ul.shoplist {
		width: 400px;
	}
	#hcTop #coin ul.shoplist li:nth-of-type(4n+1) {
		clear: left;
	}
}

@media screen and (min-width: 960px) {
	#hcTop div#eventInfo {
		margin-top: 0;
	}
	#hcTop #eventInfo ul.shopList {
		height: 115px;
	}
	#hcTop #eventInfo ul.shopList li {
		margin: 0 0 0 12px;
	}
	#hcTop #eventInfo ul.shopList li:nth-child(4n+1) {
		clear: left;
	}
	#hcTop h2.areaTitle {
		height: 140px;
		line-height: 140px;
		margin: 0;
	}
	#hcTop.update201612 #seikatsuKan div.hcSummary {
		height: 400px;
		background: url(//www.joyfulhonda.com/jhdir/img/homecenter/201612_hc_index_seikatsukan_bg01.png) no-repeat right bottom;
	}
	#hcTop.update201612 #shizaiKan div.hcSummary {
		height: 400px;
		background: url(//www.joyfulhonda.com/jhdir/img/homecenter/201612_hc_index_shizaikan_bg01.png) no-repeat right bottom;
	}
	#hcTop div.floatHeader > div {
		height: 7rem;
		margin-bottom: 0;
	}
	#hcTop div.floatHeader > div > h2, #hcTop div.floatHeader > div > p {
		position: relative;
		top: 50%;
		margin: 0;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#hcTop div.floatHeader > div > h2 {
		font-size: 4rem;
		text-align: center;
		border-right: 1px solid #444;
	}
	#hcTop div.floatHeader > div > p {
		font-size: 2rem;
	}
	#hcTop #kaihatsu div.Rwrapper {
		float: left;
		width: 220px;
		padding: 0;
		margin-left: 5px;
	}
	#hcTop #kaihatsu div.Lwrapper {
		float: left;
		width: 220px;
		padding: 0;
		margin-left: 10px;
		margin-right: 5px;
	}
	#hcTop div.originalProducts {
		position: relative;
		width: 460px;
		height: 421px;
		background: url(img/homecenter/hc_index_003a.jpg) no-repeat;
	}
	#hcTop div.originalProducts-text {
		width: 280px;
		position: absolute;
		bottom: 0px;
	}
	/* workroom */
	#workroom ul.serviceList li {
		float: left;
		width: 220px;
		margin-left: 20px;
	}

	#workroom ul.serviceList li:nth-child(4n+1) {
		clear: left;
		margin-left: 0;
	}

}






/* Service Counter　サービスカウンター
-------------------------------------------------------------- */

#serviceCounter dl.serviceList {
	margin: 0;
}

#serviceCounter dl.serviceList dt {
	font-size: 16px;
	font-weight: normal;
	color: #000;
}

#serviceCounter dl.serviceList dt:nth-child(n+1) {
	margin-top: 1em;
}

#serviceCounter dl.serviceList dt:before {
	content: "\0025a0";
}

#serviceCounter dl.serviceList dd {
	margin-bottom: 0;
}

#serviceCounter dl.serviceList dd.note {
	color: #f00;
	text-indent: -1em;
	padding-left: 1em;
}

/* gcTop　ガーデンセンター　トップページ
-------------------------------------------------------------- */

#gcTop h2 {
	box-sizing: border-box;
	max-width: 940px;
	padding-left: 1em;
	margin: 0 auto 10px auto;
	color: #fff;
	font-weight: normal;
	line-height: 1.5;
	background: #8C633A;
	border-left: 14px solid #472F0E;
	border-bottom: 1px solid #472F0E;
	margin-bottom: 1em;
}

#gcTop p {
	margin-bottom: 0.5em;
}

#gcTop p.leadTxt {
	box-sizing: border-box;
	max-width: 940px;
	padding-left: 0;
	margin: 14px auto 14px auto;
	color: ##343124;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.2;
	background: #FFFFFF;
	border-left: none;
	border-bottom: none;
}

#gcTop p.leadTxt > span {
	font-size: 75%;
}

/* eventInfo */

#gcTop #eventInfo h2 {
	color: #FFF;
	background: #145A35;
	padding: 0;
	border: none;
	margin: 0;
}

#gcTop.update201612 h2 {

}

#gcTop #eventInfo h3:before {
	content: none;
}

#gcTop #eventInfo div#eventSchedule {
	position: relative;
	margin-top: 40px;
	margin-top: 80px;
}

#gcTop #eventInfo div#eventSchedule > img.kuma {
	position: absolute;
	top: -60px;
	top: -72px;
	left: 10px;
	width: 65px;
}

#gcTop #eventInfo ul.shopList {
	padding: 0;
	background: rgba(255,255,255,0.5);
	border: 1px solid #145A35;
	border-top: 0;
}

#gcTop #eventInfo ul.shopList li {
	list-style: none;
	float: left;
	width: 90px;
	text-align: center;
	margin: 0 0 0 20px;
}

#gcTop #eventInfo ul.shopList li.longName {
	font-size: 13px;
	line-height: 1;
}

#gcTop ul.shopList li:nth-child(4n+1) {
	clear: left;
}

#gcTop ul.shopList li a {
	display: block;
	text-decoration: none;
}

#gcTop ul.shopList li a:hover {
	color: #FFF;
	background: #55C231;
}

/* eventSchedule update201612 */

#gcTop.update201612 div#eventSchedule {
	position: relative;
}

#gcTop.update201612 div#eventSchedule h2 {
	background: #3A5640;
	border-left: 14px solid #04352F;
	margin: 0;
}

#gcTop.update201612 div#eventSchedule > img.kuma {
	position: absolute;
	top: -60px;
	top: -72px;
	right: 10px;
	width: 65px;
}

#gcTop.update201612 div#eventSchedule ul.shopList {
	padding: 0;
	background: rgba(255,255,255,0.5);
	border: 1px solid #145A35;
	border-top: 0;
}

#gcTop.update201612 div#eventSchedule ul.shopList li {
	list-style: none;
	float: left;
	width: 90px;
	width: 100px;
	text-align: center;
	margin: 5px 0 5px 20px;
}

#gcTop.update201612 div#eventSchedule ul.shopList li.longName {
	font-size: 13px;
	line-height: 1;
}


#gcTop.update201612 div#eventSchedule ul.shopList li a {
	display: block;
	text-decoration: none;
}

#gcTop.update201612 div#eventSchedule ul.shopList li a:hover {
	color: #FFF;
	background: #55C231;
}

/* floatHeader update201612 */

#gcTop.update201612 div.floatHeader {
	padding-top: 20px;
	background: url(//www.joyfulhonda.com/jhdir/img/garden/201612_gc_index_stripe.png) repeat-x;
}

#gcTop.update201612 div.floatHeader > div > h2 {
	color: #444;
	font-weight: bold;
	padding: 0;
	background: none;
	border: none;
}

#gcTop.update201612 div.gcSummary {
	/* height: 400px; */
	background: url(//www.joyfulhonda.com/jhdir/img/garden/201612_gc_index_bg01.png) no-repeat right bottom;
}

#gcTop.update201612 .gcSummary dt {
	font-size: 18px;
	color: #3A5640;
}

#gcTop.update201612 .gcSummary dt:before {
	content: "\0025a0";
}

#gcTop h3 {
	color: #D83636;
}

#gcTop h3.plus {
	font-size: 150%;
}

#gcTop h3:before {
	content: "\0025a0";
}

#gcTop.update201612 h3 {
	color: #444;
	margin: 0.5rem 0;
}

#gcTop.update201612 #botanic h3 {
	color: #FFF;
	background: #1E4D27;
	padding: 0.5rem 0 0.5rem 1rem;
	margin: 0;
}

#gcTop.update201612 h3:before {
	content: none;
}

#gcTop.update201612 h3 > span {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	font-family: century;
	text-align: center;
	line-height: 2rem;
	color: #FFF;
	background: #83A574;
	border: 2px solid #FFF;
	margin: 0 0.5rem 0 0;
	box-shadow: 1px 1px 1px 0px #C5C5C5;
}


#gcTop dl.profile  {
	margin: 0;
}

#gcTop dl.profile dt {
	font-weight: normal;
	background: #ddd9d1;
	padding-left: 0.5em;
}

#gcTop dl.profile dt:nth-child(1) {
	border-left: 10px solid #bd5b6a;
}

#gcTop dl.profile dt:nth-child(3) {
	border-left: 10px solid #759e49;
}

#gcTop dl.profile dt:nth-child(5) {
	border-left: 10px solid #f7941d;
}

#gcTop dl.profile dd {
	padding-left: 18px;
	margin-bottom: 7px;
}

#gcTop dl.gardening {
	margin: 1rem 0;
}

#gcTop dl.gardening dt {
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	line-height: 36px;
	text-align: center;
	width: 36px;
	height: 36px;	
}

#gcTop dl.gardening dt.spring {
	background: #ee826c;
}

#gcTop dl.gardening dt.summer {
	background: #00aeb6;
}

#gcTop dl.gardening dt.autumn {
	background: #bf9061;
}

#gcTop dl.gardening dt.winter {
	background: #807f7f;
}

#gcTop dl.gardening dd {
	line-height: 1.4;
	margin-bottom: 14px;
}

#gcTop #botanic-garden {
	color: #fff;
	background: #1e4d27;
	padding: 10px;
}

#gcTop #botanic-garden .jhgrid6:first-child {
	background: url(img/garden/botanicbg.png) no-repeat;
	margin-bottom: 0;
}

#gcTop #botanic-garden .jhgrid6 {
	margin-bottom: 0;
}

#gcTop #botanic-garden img {
	display: block;
	margin: 14px auto;
}

#gcTop #botanic-garden h2 {
	padding: 0;
	margin: 0 auto 14px auto;
	background: none;
	border: 0;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	line-height: 1.2;
}

#gcTop #botanic-garden h2 > br {
	display: none;
}

#gcTop #botanic-garden p {
	margin: 0 auto 14px auto;
}

#gcTop #botanic-garden a {
	color: #fff;
}

#gcTop #botanic-garden a:active {
	color: #444;
}

@media screen and (max-width: 600px) {
	#gcTop #eventInfo ul.shopList li:nth-child(2n+1) {
		clear: left;
	}
	#gcTop #eventInfo ul.shopList li {
		margin: 0 0 10px 20px;
	}
	#gcTop.update201612 div#eventSchedule ul.shopList li:nth-child(2n+1) {
		clear: left;
	}
}

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

	/* eventInfo */
	#gcTop #eventInfo {
		height: 620px;
		background: url(img/garden/gc_index_001e.jpg) no-repeat;
		background-position: bottom;
	}
	#gcTop #eventInfo h2 {
		text-align: center;
		text-shadow: 1px 1px 3px #000;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;		
	}
	#gcTop #eventInfo div#eventSchedule {
		margin-top: 40px;
	}
	#gcTop #eventInfo div#eventSchedule > img.kuma {
		top: -60px;
	}
	#gcTop.update201612 div#eventSchedule ul.shopList li:nth-child(4n+1) {
		clear: none;
	}
	#gcTop.update201612 div#eventSchedule ul.shopList li:nth-child(5n+1) {
		clear: left;
	}
	#gcTop.update201612 div.floatHeader > div {
		height: 7rem;
		margin-bottom: 0;
	}
	#gcTop.update201612 div.floatHeader > div > h2, #gcTop.update201612 div.floatHeader > div > p {
		position: relative;
		top: 50%;
		margin: 0;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#gcTop.update201612 div.floatHeader > div > h2 {
		font-size: 4rem;
		text-align: center;
		border-right: 1px solid #444;
	}
	#gcTop.update201612 div.floatHeader > div > p {
		font-size: 2rem;
	}
	#gcTop.update201612 div.gcSummary {
		height: 400px;
	}
	#gcTop #hanakobo {
		position: relative;
		height: 325px;
		background: url(img/garden/gc_index_002a.jpg) no-repeat;
	}
	#gcTop div.text-box {
		position: absolute;
		top: 200px;
		width: 280px;
	}
	#gcTop dl.gardening {
		background: url(img/garden/gc_index_004c.jpg) no-repeat;
		margin: 0;
	}

	#gcTop dl.gardening dt {
		float: left;
		margin: 0 10px 0 120px;
	}

	#gcTop dl.gardening dd {
		float: left;
		width: 290px;
	}

	#gcTop #botanic-garden {
		padding: 0;
	}

	#gcTop #botanic-garden h2 {
		width: 400px;
		font-size: 24px;
		line-height: 1.2;
	}

	#gcTop #botanic-garden h2 > br {
		display: inline;
	}

	#gcTop #botanic-garden p {
		width: 400px;	
	}

}





/* excTop　エクステリアセンター　トップページ
-------------------------------------------------------------- */

ol.decimalCircle >li {
	list-style: none;
	text-indent: -1em;
	padding-left: 1em;
	border: 1px solid;
}

ol.decimalCircle >li:first-child:before {
	content: "\002460";
}

ol.decimalCircle >li:first-child+li:before {
	content: "\002461";
}

ol.decimalCircle >li:first-child+li+li:before {
	content: "\002462";
}

ol.decimalCircle >li:first-child+li+li+li:before {
	content: "\002463";
}

ol.decimalCircle >li:first-child+li+li+li+li:before {
	content: "\002464";
}

ol.decimalCircle >li:first-child+li+li+li+li+li:before {
	content: "\002465";
}

ol.decimalCircle >li:first-child+li+li+li+li+li+li:before {
	content: "\002466";
}

ol.decimalCircle >li:first-child+li+li+li+li+li+li+li:before {
	content: "\002467";
}

ol.decimalCircle >li:first-child+li+li+li+li+li+li+li+li:before {
	content: "\002468";
}

ol.decimalCircle >li:first-child+li+li+li+li+li+li+li+li+li:before {
	content: "\002469";
}


#excTop h2 {
	box-sizing: border-box;
	max-width: 940px;
	padding-left: 1em;
	margin: 0 auto 10px auto;
	color: #fff;
	font-weight: normal;
	line-height: 1.5;
	background: #E08900;
	border-left: 14px solid #947513;
	border-bottom: 1px solid #947513;
	margin-bottom: 1em;
}


#excTop h2.leadTxt {
	font-weight: bold;
	color: #231815;
	background: #FFF;
	padding-left: 0;
	border-left: none;
	border-bottom: none;
}

#excTop #excTopics div.blackBoard {
	position: relative;
	min-height: 270px;
	color: #FFF;
	background: #2E4437;
	padding: 0.5em;
	border: 10px solid #6f4403;
	box-shadow: 1px 1px 7px #000 inset;
}

#excTop #excTopics div.blackBoard img.chalk {
	position: absolute;
	width: 40px;
	right: 100px;
	bottom: 0;
}

#excTop #excTopics div.blackBoard img.chalkPink {
	display: none;
}

#excTop #excTopics div.blackBoard img.chalkBlue {
	display: none;
}

#excTop #excTopics div.blackBoard img.eraser {
	position: absolute;
	width: 60px;
	right: 12px;
	bottom: 0;
}

#excTop #excTopics h3 {
	text-shadow: 1px 1px 1px #000;
	padding-left: 1em;
	background: #231815;
}

#excTop #excTopics .blackBoard h3 {
	text-shadow: none;
	background: none;
}

#excTop #excTopics .blackBoard a {
	color: #3cb6ec;
}

#excTop #excTopics h3:before {
}

#excTop #excTopics > ul { /* 暫定 */
	padding: 7px;
	background: #F5F5F5;
	border: 1px solid #231815;
	box-shadow: 3px 3px 5px #929292 inset;
}

#excTop #excTopics div.wrapper {
	width: 100%;
	background: #F5F5F5;
	border: 1px solid #231815;
	padding: 7px;
	box-shadow: 3px 3px 5px #929292 inset;
}

.sp-site #excTop div.listWrapper {
	width: 100%;
	float: none;
}

.sp-site #excTop #excTopics div > ul {
	float: left;
	float: none;
	/* width: 560px; */
	line-height: 1.4;
	margin: 0;
}

#excTop #excTopics div > ul > li {
	margin: 0 1em 0.5em 2em;
}

.sp-site #excTop div.bnrWrapper {
		width: 100%;
		float: none;
		margin-bottom: 1rem;
}

.sp-site #excTop #excTopics div > a {
	display: block;
}

.sp-site #excTop #excTopics div > a > img {
	display: block;
	float: right;
	float: none;
	width: 300px;
	background: #FFF;
	padding: 10px;
	margin: 10px;
	box-shadow: 3px 3px 10px #888;
}

/* event schedule */

#excTop.update201703 h2 {
	background: linear-gradient(#35ef3b, #01907c);
	border-left: 14px solid #00500a;
}

#excTop #eventSchedule h2 {
	text-align: center;
}

#excTop div#eventSchedule {
	margin-top: 1rem;
}

#excTop div#eventSchedule img.clipL {
	display: none;
}

#excTop div#eventSchedule img.clipR {
	display: none;
}

#excTop #eventSchedule > h2 {
	margin: 0;
}


#excTop div#eventSchedule ul.shopList {
	box-sizing: border-box;
	width: 100%;
	padding: 0;
	background: rgba(255,255,255,0.5);
	border: 1px solid #3A3A3A;
	border-top: 0;
}

#excTop div#eventSchedule ul.shopList li {
	list-style: none;
	float: left;
	width: 90px;
	width: 100px;
	text-align: center;
	margin: 5px 0 5px 20px;
}

#excTop div#eventSchedule ul.shopList li:nth-child(2n+1) {
	clear: left;
}

#excTop div#eventSchedule ul.shopList li.longName {
	font-size: 13px;
	line-height: 1;
}

#gcTop div#eventSchedule ul.shopList li:nth-child(4n+1) {
	clear: left;
}

#excTop div#eventSchedule ul.shopList li a {
	display: block;
	text-decoration: none;
}

#excTop div#eventSchedule ul.shopList li a:hover {
	color: #FFF;
	background: #55C231;
}




#excTop div#mitsumori {
	margin: 0 0 28px 0;
}

#excTop #mitsumori a.button {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff;
	/* font-size: 2rem; */
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
	background: linear-gradient(#ff0000, #af0000);
	padding: 0.5em;
	border: 1px solid #a50000;
	border-radius: 3px;
}

#excTop #excPlanner01 div.txt {
	color: #000;
	padding: 1rem;
	background: rgba(255,255,255,0.7);
	border: 1px solid #330E04;
	border-radius: 1rem;
}

#excTop #excPlanner01 h3:before {
	content: none;
}

#excTop #excPlanner02 div.step {
	float: left;
	width: 145px;
	margin: 0 0 10px 10px;
}

#excTop #excPlanner02 div.step:nth-of-type(2n+1) {
	clear: left;
	margin-left: 0;
}

#excTop #excPlanner02 div.step h4 {
	color: #FFF;
	text-align: center;
	background: #330E04;
	margin: 0 0 3px 0;
}

#excTop #excPlanner02 div.step p {
	font-size: 12px;
}

#excTop #excMainInfo dl {
	margin: 0;
}

.sp-site #excTop #excMainInfo dl.profile {
	color: #000;
	background: url(img/exterior/exc_index_bg01.jpg) no-repeat;
	height: 440px;
	height: auto;
}

#excTop #excMainInfo dl dt {
	font-size: 20px;
}

#excTop #excMainInfo #excProfile dt {
	font-size: 1rem;
}

#excTop #excMainInfo #excProfile dd {
	line-height: 1.5;
}

#excTop #excMainInfo #excProfile dd:last-child {
	margin-bottom: 0;
}

#excTop #excMainInfo dl dt:before {
	content: "\0025a0";
}

#excTop #excMainInfo div#excConsult {
	box-sizing: border-box;
	color: #FFF;
	background: #330E04;
	padding: 0.5em;
	border-radius: 7px;
}

#excTop #excMainInfo #excConsult h3 {
	font-size: 20px;
	color: #FFF;
	text-align: center;
}

#excTop #excMainInfo #excConsult h3:before {
	content: none;
}

#excTop #excMainInfo #excConsult ol {
	margin: 0;
}

#excTop #excMainInfo #excConsult ol li {
	width: 80%;
	font-weight: bold;
	text-indent: 0;
	color: #330E04;
	background: #FFF;
	border: 1px #330E04 solid;
	border-radius: 1rem;
	margin: 0.5em auto;
}

#excTop #excMainInfo #excSys {
	box-sizing: border-box;
	padding: 0.5em;
	border: 3px solid #065979;
	border-radius: 7px;
}

#excTop #excMainInfo #excSys h3:before {
	content: none;
}

#excTop #excMainInfo #excSys h3 {
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	text-shadow: 3px 3px 1px #444;
	color: #FFF;
	background: #065979;
	box-shadow: 1px 1px 1px #000;
	padding: 0.25rem;
	margin: 0.5rem 0;
}

#excTop #excMainInfo #excSys span.planner {
	display: block;
	font-size: 20px;
	font-weight: bold;
}

#excTop #excMainInfo #familyFriend {
	box-sizing: border-box;
	border: 2px solid #79C722;
	border-radius: 7px;
	padding: 0.5rem;
}

#excTop #excMainInfo #familyFriend p {
	font-weight: bold;
	color: #330E04;
}

#excTop div.excCADtext {
	position: static;
	width: 100%;
	height: auto;
	background: none;
}

#excTop div.excCADtext > dl {
	position: static;
	width: 100%;
}

#excTop div.excCADtext dl dt {
	color: #ff4444;
	font-size: 16px !important;
}

/* for excShopDetail 店舗詳細 */

#excTop #excShopDetail h2 {
	background: #FF4444;
	border-left: 14px solid #A00000;
	border-bottom: 1px solid #A00000;
}

#excTop #excShopDetail ul {
	width: 100%;
	margin: 0;
}

#excTop #excShopDetail ul li {
	float: left;
	list-style-type: none;
	margin-left: 12px;
	margin-bottom: 14px;
}

#excTop #excShopDetail ul li > a {
	display: block;
	text-align: center;
}

#excTop #excShopDetail ul li > a > img {
	display: block;
	width: 124px;
	box-shadow: 1px 2px 3px #444;
	box-shadow: none !important;
	margin-bottom: 7px;
}

#excTop #excShopDetail ul li > a:hover > img {
	box-shadow: none;
}


#excTop #excShopDetail ul li > a > span {
	display: block;
}

#excTop #excShopDetail ul li > div.tel {
	font-size: 13px;
	text-align: center;
}

#excTop #excShopDetail ul li > div.tel:before {
	content: "\0054\0045\004c\002e";
	font-size: 10px;
}


#excTop h3:before {
	content: "\0025a0";
}

#excTop h3 {
	color: #ff4444;
	font-size: 16px;
}

#excTop h3.logtxt:before {
	content: none;
}


#excTop h3.logtxt {
	color: #444;
	border-bottom: 1px dotted;
}

.sp-site #excTop div.excNote {
	width: 940px;
	width: auto;
	padding-top: 20px;
	border-top: 1px #c8c8c8 solid;
	margin: 0 auto;
}

/* excProfile */

#excTop.update201612 #excProfile h3 {
	color: #444;
	margin: 0.5rem 0;
}

#excTop.update201612 #excProfile h3:before {
	content: none;
}


#excTop.update201612 #excProfile h3 > span {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	font-family: century;
	text-align: center;
	line-height: 2rem;
	color: #FFF;
	background: #BE8F4F;
	border: 2px solid #FFF;
	margin: 0 0.5rem 0 0;
	box-shadow: 1px 1px 1px 0px #C5C5C5;
}



@media screen and (max-width: 399px) { /* excTop エクステリア under399px */
	.sp-site #excTop #excShopDetail ul li:nth-of-type(7n+1) {
		clear: none;
		float: left;
		margin-left: 12px;
	}

	.sp-site #excTop #excShopDetail ul li:nth-of-type(2n+1) {
		clear: left;
		margin-left: 0;
	}
}

@media screen and (min-width: 400px) and (max-width:959px) { /* excTop エクステリア over400px */

	.sp-site #excTop #excShopDetail ul li:nth-of-type(7n+1) {
		clear: none;
		float: left;
		margin-left: 12px;
	}
	.sp-site #excTop #excShopDetail ul li:nth-of-type(3n+1) {
		clear: left;
		margin-left: 0;
	}
}


@media screen and (min-width: 960px) { /* excTop エクステリア PCモード用 */
	#excTop div#eventSchedule {
		position: relative;
	}
	#excTop div#eventSchedule img.clipL {
		display: inline;
		position: absolute;
		top: -24px;
		left: 24px;
		width: 45px;
	}
	#excTop div#eventSchedule img.clipR {
		display: inline;
		position: absolute;
		top: -24px;
		right: 24px;
		width: 45px;
	}
	#excTop div#eventSchedule ul.shopList li:nth-child(2n+1) {
		clear: none;
	}
	#excTop div#eventSchedule ul.shopList li:nth-child(5n+1) {
		clear: left;
	}
	#excTop div#mitsumori {
		position: relative;
	}
	#excTop #mitsumori a.button {
		position: absolute;
		right: 1rem;
		bottom: 1rem;
		width: 16em;
		font-size: 2rem;
		border: 3px solid #FFF;
		border-radius: 7px;
		box-shadow: 3px 3px 7px #000;
	}
	#excTop #excChirashi201702 a.sideA {
		display: block;
		float: left;
	}

	#excTop #excChirashi201702 a.sideB {
		display: block;
		float: right;
	}
	.sp-site #excTop div.listWrapper {
		width: 630px;
		float: left;
	}
	.sp-site #excTop div.bnrWrapper {
		width: 300px;
		float: right;
		margin: 0;
	}
	#excTop #excTopics div.blackBoard img.chalkPink {
		display: inline;
		position: absolute;
		width: 40px;
		right: 160px;
		bottom: 0;
	}
	#excTop #excTopics div.blackBoard img.chalkBlue {
		display: inline;
		position: absolute;
		width: 40px;
		right: 210px;
		bottom: 0;
	}
	#excTop div#excPlanner01 {
		position: relative;
	}
	#excTop #excPlanner01 div.txt {
		position: absolute;
		bottom: 20px;
	}
	.sp-site #excTop #excMainInfo #excProfile dl.profile {
		min-height: 396px;
	}
	.sp-site #excTop #excMainInfo div#excConsult {
		min-height: 396px;
	}
	.sp-site #excTop #excMainInfo #excSys div.txt {
		float: left;
		width: 160px;
		font-size: 0.8rem;
		line-height: 1.4;
		margin-bottom: 0.5rem;
	}

	.sp-site #excTop #excMainInfo #excSys div.img {
		float: right;
		width: 120px;
	}

	.sp-site #excTop div.excCADtext {
		position: relative;
		width: 620px;
		height: 140px;
		background: url(img/exterior/exc_index_002c.jpg) no-repeat;
	}

	.sp-site #excTop div.excCADtext > dl {
		width: 400px;
		position: absolute;
		top: 20px;
		right: 10px;
	}
	#excTop #excShopDetail ul {
		width: 940px !important;
		margin: 0 auto;
	}
	.sp-site #excTop #excShopDetail ul li:nth-of-type(7n+1) {
		clear: left;
		margin-left: 0;
	}
	#excTop #excShopDetail ul li > div.tel > a[href^="tel:"] {
		text-decoration: none;
		color: #444;
		cursor: default;
		/* pointer-events: none; */
	}
	.page-id-5205 div#page {
		overflow: visible;
	}
	#excTop div#takubo201701 {
		position: relative;
		border: 3px solid #FE0000;
		margin: 100px 0;
	}
	#excTop #takubo201701 img.takubo {
		display: inline;
		position: absolute;
		width: 30%;
		transform: rotate(-14deg);
		top: -60px;
		left: -36px;
		overflow: visible;
	}
	#excTop #takubo201701 img.pop {
		position: absolute;
		width: 38%;
		transform: rotate(-6deg);
		bottom: -1px;
		left: -32px;
	}
}





/* onlineService　オンラインサービス　EC事業部
-------------------------------------------------------------- */

#onlineService div.screenShot {
	position: relative;
}

#onlineService div.screenShot > img {
	border: 1px solid #A5A5A5;
	margin-bottom: 2rem;
}

#onlineService div.screenShot > div.overLay {
	box-sizing: border-box;
	position: absolute;
	right: 7px;
	bottom: 24px;
	width: 60%;
	font-size: 12px;
	background-color: rgba( 30, 30, 30, 0.8 );
	color: #fff;
	padding: 10px;
}

#onlineService div.text h2 {
	color: #FFF;
	background: #2A2A2A;
	padding-left: 1em;
	margin: 0 0 14px 0;
}

#onlineService dl {
	margin: 0;
}

#onlineService #makeIt dt {
	width: 180px;
	font-size: 40px;
	font-weight: normal;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	background: #F00;
}

#onlineService #makeIt dt.make {
	background: #2D9351;
}

#onlineService #makeIt dt.repair {
	background: #2977B4;
}

#onlineService #makeIt dt.hint {
	background: #D7882D;
}

#onlineService #makeIt dt.grow {
	background: #C53C60;
}

#onlineService #makeIt dt.lifeStyle {
	font-size: 23px;
	line-height: 3;
	background: #844F8F;
}

@media screen and (min-width: 960px) { /* PCモード用 */

	#onlineService div.wrapper {
		margin: 0 0 56px 0;
	}

	#onlineService div.screenShot {
		float: left;
		width: 340px;
		padding: 20px 0;
		background: #F5F5F5;
		border-radius: 7px;
		box-shadow: 3px 3px 10px #ADADAD;
	}

	#onlineService div.screenShot > img {
		display: block;
		width: 300px;
		height: auto;
		margin: 0 auto;
	}

	#onlineService div.screenShot > div.overLay > h2 {
		font-size: 14px;
		margin: 0;
	}

	#onlineService div.screenShot > div.overLay > p {
		margin: 0;
	}

	#onlineService div.text {
		float: right;
		width: 540px;
	}

	#onlineService div.text h3 {
		line-height: 2.5;
		margin: 0;
	}

	#onlineService p.URL > a {
		font-size: 18px;
		font-weight: bold;
		color: #2A2A2A;
		text-decoration: none;
	}

	#onlineService div.wrap2 > div.image {
		width: 160px;
		float: left;
	}

	#onlineService div.wrap2 > dl {
		width: 360px;
		float: right;
		margin: 0;
	}

	#onlineService #makeIt h3 {
		font-size: 24px;
		font-weight: normal;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}

	#onlineService #makeIt dl {
		display: table;
		margin: 0 0 14px 0;
	}

	#onlineService #makeIt dt {
		display: table-cell;
		clear: both;
		height: 80px;
	}

	#onlineService #makeIt dd {
		display: table-cell;
		padding-left: 0.5em;
	}

}

/* テナント募集
-------------------------------------------------------------- */

#tenant {
	background: url(img/corp/tenant_bg.jpg) no-repeat;
	background-position: right top;
}

#tenant dl.detail {
	padding-left: 28px;
}

#tenant dl.detail dt {
	float:left;
	width: 96px;
	display: list-item;
	list-style-type: disc;
	clear: both;
}

#tenant dl.detail dd {
	margin: 0 0 0 140px;
	width: 500px;
}

#tenant dl.detail ul li {
	list-style-type: none;
	margin: 0;
}

#tenant p.contact {
	margin-left:56px;
}


/* Tire Center
-------------------------------------------------------------- */

#tirecenter em {
	background: linear-gradient(transparent 40%, #E8FF25 40%);
}

#tirecenter {
	color: #000;
}

#tirecenter p.leadTxt {
	font-size: 18px;
	font-weight: bold;
	text-align: right;
}

#tirecenter div.tableWrapper {
	margin-bottom: 28px;
}

/* mainMenu */

#tirecenter ul.mainMenu {
	margin-bottom: 28px;
}

#tirecenter ul.mainMenu li {
	float: left;
	list-style-type: none;
	width: 140px;
	margin: 0 0 0 7px;
}

#tirecenter ul.mainMenu li > a > img {
	width: 140px;
	border-radius: 14px;
	box-shadow: 3px 3px 3px #999;
}

#tirecenter ul.mainMenu li > a:hover > img {
	opacity: 0.6;
	box-shadow: none;
}

#tirecenter h3.tc01 {
	color: #f76000;
	font-size: 24px;
	font-weight: bold;
	background: #F5F5F5;
	border-bottom: 1px dotted #BABABA;
}

#tirecenter h3.tc01:before {
	content: "\0025a0";
}

/* header */

#tirecenter h3.priceImgHeader,
#tirecenter h3.mailImg {
	box-sizing: border-box;
	height: 60px;
	font-size: 20px;
	line-height: 60px;
	padding-left: 60px;
	border-radius: 7px;
	margin-top: 0;
}

#tirecenter #contentsTire h3 {
	background: url(//www.joyfulhonda.com/jhdir/img/tc/tc_icon_tire_header.png) no-repeat, #ddd8c2;
}

#tirecenter #contentsOil h3 {
	background: url(//www.joyfulhonda.com/jhdir/img/tc/tc_icon_oil_header.png) no-repeat, #ddd8c2;
}

#tirecenter #contentsInspection h3 {
	background: url(//www.joyfulhonda.com/jhdir/img/tc/tc_icon_inspection_header.png) no-repeat, #ddd8c2;
}

#tirecenter #contentsBattery h3 {
	background: url(//www.joyfulhonda.com/jhdir/img/tc/tc_icon_battery_header.png) no-repeat, #ddd8c2;
}

#tirecenter #mailForm h3.mailImg {
	background: url(//www.joyfulhonda.com/jhdir/img/tc/tc_icon_inspection_form.png) no-repeat, #ddd8c2;
}

#tirecenter h4.tableHeader {
	box-sizing: border-box;
	color: #FFF;
	text-align: center;
	background: #231816;
	border: 1px solid #000;
	margin: 0;
}

#tirecenter .tcFlow h5 {
	margin: 0;
}

/* 流れ共通 */

#tirecenter .tcFlow {
	background: #F5F5F5;
	margin-bottom: 28px;
}

#tirecenter .tcFlow div.priceBoxLeft, #tirecenter .tcFlow div.priceBoxRight {
	padding: 14px;
}

#tirecenter .tcFlow img {
	display: block;
	border: 7px #FFF solid;
	margin: 0 auto;
	box-shadow: 3px 3px 10px #999;
}


#tirecenter #pitPrice #contentsInspection p.head {
	text-align: center;
	padding-top: 14px;
	font-size: 16px;
	font-weight: bold;
}

/* 料金表共通 ※一部はTireとOilのみ */

#tirecenter #pitPrice > div.wrapper {
	margin-bottom: 35px;
}

#tirecenter #pitPrice h3.priceTable {
	box-sizing: border-box;
	font-size: 18px;
	text-align: center;
	color: #FFF;
	background: #C11A20;
}

#tirecenter #pitPrice table {
	table-layout: fixed;
}

#tirecenter #pitPrice table th, #tirecenter #pitPrice table td {
	box-sizing: border-box;
}


#tirecenter #pitPrice table td div.price, #tirecenter #pitPrice #priceInspection td.price {
	font-family: "century gothic" ,futura;
	font-size: 250%;
	font-weight: bold;
	color: #EB6101;
	line-height: 1;
	letter-spacing: -1px;
}

#tirecenter #pitPrice table td div.price:after, #tirecenter #pitPrice #priceInspection td.price:after, #tirecenter #pitPrice #priceInspection2 td.price:after {
	font-size: 1rem;
	padding-left: 0.2em;
	content: "\005186";
}

#tirecenter #pitPrice table th div.note {
	font-size: 11px;
}

#tirecenter #pitPrice div.priceBoxRight dt {
	margin-top: 2em;
}

#tirecenter #pitPrice div.priceBoxRight dt:first-child {
	margin-top: 0;
}

#tirecenter #pitPrice div.priceBoxRight dd {
	line-height: 1.4;
	margin-bottom: 0.5em;
}


/* 料金表 for Tire */

#tirecenter #pitPrice table th div.biggest {
	font-size: 24px;
	line-height: 1.2;
}

/* 料金表 for OilType */

#tirecenter #pitPrice table#priceOilType {
	width: 910px;
	margin-top: 14px;
}

#tirecenter table#priceOilType tr.header {
	background: #231816;
}

#tirecenter table#priceOilType tr.oilTypeBg01 {
	background: #FFF5B0;
}

#tirecenter table#priceOilType tr.oilTypeBg02 {
	background: #FDE1A2;
}

#tirecenter table#priceOilType tr.oilTypeBg03 {
	background: #FCD59C;
}

#tirecenter table#priceOilType tr.oilTypeBg04 {
	background: #F9C385;
}

#tirecenter table#priceOilType th {
	border: 1px solid #000;
}

#tirecenter table#priceOilType td {
	font-weight: bold;
	line-height: 1;
	border: 1px solid #000;
	vertical-align: middle !important;
}

#tirecenter table#priceOilType td > img {
	display: block;
	height: 80px;
	margin: 0 auto;
}



#tirecenter table#priceOilType td.kei {
	vertical-align: top !important;
	position: relative;
	background: #E4540E;
}

#tirecenter table#priceOilType td > div {
	color: #231816;
	text-align: left;
}

#tirecenter table#priceOilType td.kei div.banner01 {
	position: absolute;
	top: -6px;
	left: 12px;
	box-sizing: border-box;
	width: 200px;
	line-height: 1.2;
	font-size: 20px;
	text-align: center;
	color: #FAF58D;
	background: #231816;
	padding: 0.5rem;
	transform: rotate(-3deg);
}

#tirecenter table#priceOilType td div.carType {
	font-size: 10px;
}

#tirecenter table#priceOilType td.kei div.carType {
	font-size: 12px;
	margin-top: 90px;
}

#tirecenter table#priceOilType div.oilType01 {
	font-size: 14px;
	margin: 7px 0 0 0;
}

#tirecenter table#priceOilType div.oilSpec {
	font-size: 12px;
}

#tirecenter table#priceOilType td div.price, #tirecenter table#priceBattery td div.price {
	display: block;
	width: 180px;
	font-size: 48px;
	font-family: "Arial Black", arial-black, "century gothic", futura;
	text-align: center;
	text-shadow:
		1px 1px 1px #000,
		-1px 7px 1px #000,
		1px -1px 1px #000,
		-1px -1px 1px #000;
	color: #f9c000;
	background: #CD0005;
	border-radius: 50%;
	border: 3px solid #FFF;
	margin: 0 auto;
}

#tirecenter table#priceOilType td.kei div.price {
	font-size: 60px;
	transform: rotate(-7deg);
}

#tirecenter table#priceOilType td div.price:after {
	font-size: 24px;
	padding-left: 0.2em;
	content: "\005186";
}

#tirecenter table#priceOilType td.oil {
	position: relative;
}

#tirecenter table#priceOilType td.oil div.banner02 {
	z-index: 7;
	position: absolute;
	top: -6px;
	left: 12px;
	box-sizing: border-box;
	width: 200px;
	line-height: 1.2;
	font-size: 36px;
	text-align: center;
	color: #131816;
	background: #F9BE00;
	padding: 0.5rem;
	border: 3px solid #131816;
	transform: rotate(-3deg);
}

#tirecenter table#priceOilType div.carSegment {
	font-size: 16px;
	text-align: center;
	line-height: 1.4;
	color: #FAF58D;
}

#tirecenter table#priceOilType div.amount {
	font-size: 14px;
	text-align: center;
	line-height: 1.4;
	color: #FFF;
}

#tirecenter table#priceOilType div.OilPrice {
	box-sizing: border-box;
	width: 100px;
	font-size: 14px;
	text-align: center;
	line-height: 1.4;
	color: #FFF;
	background: #231816;
	border-radius: 50%;
}


/* 料金表 for OIL */

#tirecenter #pitPrice .priceOilBox h3.priceTable {
	background: #EB6101;
}



/* 料金表 for Battery */

#tirecenter #pitPrice table#priceBattery th {
	font-size: 18px;
	text-align: center;
	color: #FFF;
	background: #F39800;
}

#tirecenter #pitPrice table#priceBattery td div.carType {
	color: #000;
	font-size: 14px;
	text-align: left;
	line-height: 1.4;
}

/* 料金表 for Inspection */

#tirecenter #pitPrice h3.priceTable.inspection {
	color: #FCC800;
	background: #373434;
}

#tirecenter #pitPrice #priceInspection td.type > img {
	display: block;
	margin: 14px auto;
}

#tirecenter #pitPrice #priceInspection td.price {
	color: #C7000C;
}

#tirecenter #pitPrice #priceInspection div.carCat {
	font-size: 14px;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	color: #FFF;
	background: #084C94;
	border-radius: 1rem;
	box-shadow: 1px 1px 1px #000;
}



/* 車検コンテンツ（表以外） */

#tirecenter ul.advantage li {
	list-style: none;
	position: relative;
	padding: 0 15px;
	width: 240px;
	color: #FFD600;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-shadow:
		1px 1px 1px #000,
		-1px 1px 1px #000,
		1px -1px 1px #000,
		-1px -1px 1px #000;
	border: 3px solid #E0E0E0;
	border-radius: 30px;
	margin: 0 0 14px 14px;
	z-index: 0;
}

#tirecenter ul.advantage li:before {
	content: "";
	position: absolute;
	bottom: -8px; left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #FFF transparent transparent transparent;
	z-index: 0;
}
#tirecenter ul.advantage li:after {
	content: "";
	position: absolute;
	bottom: -12px; left: 50%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #E0E0E0 transparent transparent transparent;
	z-index: -1;
}


#tirecenter ul#inspectionReason {
	list-style: none;
}


#tirecenter ul#inspectionReason li.reason {
	counter-increment: reason01;
	text-indent: -1em;
	padding-left: 1em;
	margin-left: 0;
}

#tirecenter ul#inspectionReason li.reason:before {
	content:counter(reason01) ".";
}

#tirecenter ul#inspectionReason li.note {
	text-indent: -1em;
	padding-left: 2em;
	margin-left: 0;
}

/* 料金表 for inspection2 */

#tirecenter table#priceInspection2 {
	display: block;
	width: 100% !important;
}

#tirecenter table#priceInspection2 > tbody {
	display: block;
}

#tirecenter table#priceInspection2 th, #tirecenter table#priceInspection2 td {
	width: 100%;
	height: auto;
	display: list-item;
	list-style-type: none;
	line-height: 1;
	font-weight: bold;
	border: none;
}

#tirecenter #pitPrice #priceInspection2 td.price {
	font-family: "Arial Black", arial-black, "century gothic", futura;
	font-size: 250%;
	font-weight: bold;
	color: #C7000C;
	letter-spacing: -1px;
}

#tirecenter table#priceInspection2 td div.price {
	display: block;
	width: 140px;
	font-family: "Arial Black", arial-black, "century gothic", futura;
	font-size: 30px;
	text-align: center;
	text-shadow:
		1px 1px 1px #000,
		-1px 4px 1px #000,
		1px -1px 1px #000,
		-1px -1px 1px #000;
	line-height: 1.2;
	color: #F8B21F;
	background: #CD0005;
	border-radius: 50%;
	border: 3px solid #FFF;
	transform: rotate(-5deg);
}

#tirecenter table#priceInspection2 tr:nth-of-type(n+2) {
	box-sizing: border-box;
}

#tirecenter table#priceInspection2 .type > img {
	display: block;
	margin: 0 auto;
}

#tirecenter table#priceInspection2 div.carCat {
	font-size: 1rem;
	text-align: center;
	line-height: 1.4;
	color: #FFF;
	background: #231816;
	margin: 0.2rem 0;
}

#tirecenter table#priceInspection2 div.carWeight {
	font-size: 1rem;
	line-height: 1.4;
}


#tirecenter table#priceInspection2 td.price:last-child {
	font-size: 350%;
}

#tirecenter table#priceInspection2 td:nth-of-type(n+2):before {
	display: block;
	text-align: left;
	line-height: 30px;
}


/* 車検こだわり */

#tirecenter dl.kodawari dt {
	font-size: 50px;
	letter-spacing: -0.1em;
}

#tirecenter dl.kodawari dt {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 115px;
	color: #FFD600;
	text-shadow:
		1px 1px 1px #000,
		-1px 1px 1px #000,
		1px -1px 1px #000,
		-1px -1px 1px #000;
	border: 3px solid #E0E0E0;
	border-radius: 30px;
	margin-bottom: 14px;
	z-index: 0;
}

#tirecenter dl.kodawari dt:nth-of-type(2n+1) {
	color: #FF9000;
}


#tirecenter dl.kodawari dt:before {
	content: "";
	position: absolute;
	bottom: -8px; left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #FFF transparent transparent transparent;
	z-index: 0;
}
#tirecenter dl.kodawari dt:after {
	content: "";
	position: absolute;
	bottom: -12px; left: 50%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #E0E0E0 transparent transparent transparent;
	z-index: -1;
}

#tirecenter dl.kodawari dt > span {
	display: inline-block;
	transform: rotate(24deg);
	position: absolute;
	top: -5px;
	left: 85px;
	font-size: 120%;
	font-family:
		"ヒラギノ明朝 ProN W6",
		"HiraMinProN-W6",
		"HG明朝E",
		"ＭＳ Ｐ明朝",
		"MS PMincho",
		"MS 明朝",
		serif;
}

#tirecenter dl.kodawari dd > span {
	font-size: 16px;
	font-weight: bold;
	color: #ec5415;
	border-bottom: 2px solid;
}

/* 店舗一覧 */

#tirecenter #TCshopList dl {
	padding: 7px;
	border: 1px dotted #D3D3D3;
	margin: 0 0 14px 0;
}

#tirecenter #TCshopList dt {
	font-size: 18px;
}

#tirecenter #TCshopList dd {
	padding-left: 1rem;
	margin: 0;
}

#tirecenter #TCshopList .icon li {
	float: left;
	list-style: none;
	box-sizing: border-box;
	width: 80px;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	border: 2px solid #14AB00;
	border-radius: 3px;
	background: linear-gradient(to bottom, #97eb00 0%, #4ce661 50%, #10934c 100%);
	font-size: 12px;
	margin: 0 7px 7px 0;
}

#tirecenter #TCshopList dd.access a {
	text-decoration: none;
	text-align: center;
	display: block;
	position: relative;
	width: 10rem;
	background: #221715;
	color: #FFF;
	border-radius: 7px;
}

#tirecenter #TCshopList dd.access a:hover {
	background: #F00;
}

#tirecenter #TCshopList dd.access a:before{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 10px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #FFF;
	}

#tirecenter #TCshopList dd.access a:after{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 15px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #221715;
}

#tirecenter #TCshopList dd.access a:hover:after {
	background: #F00;
}

/* タイヤセンター用メディアクエリ　スマホモード時のみに適用 */


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

	#tirecenter p.leadTxt {
		font-size: 16px;
	}

	#tirecenter h2.imgHeader {
		font-size: 24px;
		background-image: url(img/tc/joyfulman_mini.png);
		background-repeat: no-repeat;
		background-position: 0% 50%;
		padding-left: 50px;
	}

	#tirecenter div.tableWrapper {
		overflow-x: scroll;
	}

	/* MainMenu */
	#tirecenter ul.mainMenu li:nth-child(2n+1) {
		clear: left;
		margin-left: 0;
	}

	/* 料金表をリスト化表示 */

	#tirecenter #pitPrice table.responsive {
		display: block;
	}

	#tirecenter #pitPrice table.responsive > tbody {
		display: block;
	}

	#tirecenter #pitPrice table.responsive tr {
		display: block;
		width: 100%;
	}


	#tirecenter #pitPrice table.responsive th, #tirecenter #pitPrice table.responsive td {
		width: 100%;
		height: auto;
		display: list-item;
		list-style-type: none;
		font-weight: bold;
		border: none;
		padding: 0 0 0 1em;
		margin: 0 0 14px 0;
	}



	/* 料金表 for Inspection */

	#tirecenter #pitPrice table#priceInspection tr.subHeader {
		display: none;
	}

	#tirecenter #pitPrice table#priceInspection tr:nth-of-type(n+2) {
		box-sizing: border-box;
		padding: 1rem;
		border: 1px solid #444;
		margin-bottom: 1rem;
	}


	#tirecenter #pitPrice table#priceInspection td.price {
		text-align: right;
		padding: 7px;
		border: 1px solid #DADADA;
		margin: 0 0 7px 0;
	}

	#tirecenter #pitPrice table#priceInspection td.price:last-child {
		font-size: 350%;
	}

	#tirecenter #pitPrice table#priceInspection td:nth-of-type(n+2):before {
		display: block;
		text-align: left;
		line-height: 30px;
	}

	#tirecenter #pitPrice table#priceInspection td:nth-of-type(2):before {
		content: "\0091cd\0091cf\007a0e" ;
		color: #000;
		font-size:14px;
	}

	#tirecenter #pitPrice table#priceInspection td:nth-of-type(3):before {
		content: "\0081ea\008ce0\008cac\004fdd\00967a\00ff08\0032\0034\0030f6\006708\00ff09" ;
		color: #000;
		font-size:14px;
	}

	#tirecenter #pitPrice table#priceInspection td:nth-of-type(4):before {
		content: "\00691c\0067fb\005370\007d19\004ee3" ;
		color: #000;
		font-size:14px;
	}

	#tirecenter #pitPrice table#priceInspection td:nth-of-type(5):before {
		content: "\0057fa\00672c\0070b9\00691c\006599" ;
		color: #000;
		font-size:14px;
	}

	#tirecenter #pitPrice table#priceInspection td:nth-of-type(6):before {
		content: "\005408\008a08\0091d1\00984d" ;
		color: #000;
		font-size:14px;
	}

	/* inspection2 for SP */

	#tirecenter table#priceInspection2 tr.subHeader {
		display: none;
	}

	#tirecenter table#priceInspection2 tr:nth-of-type(n+2) {
		padding: 1rem;
		border: 1px solid #444;
		margin-bottom: 1rem;
	}

	#tirecenter table#priceInspection2 td:before {
		text-shadow: none;
	}

	#tirecenter table#priceInspection2 td:nth-of-type(2):before {
		content: "\0091cd\0091cf\007a0e" ;
		color: #000;
		font-size:14px;
	}

	#tirecenter table#priceInspection2 td:nth-of-type(3):before {
		content: "\0081ea\008ce0\008cac\004fdd\00967a\00ff08\0032\0034\0030f6\006708\00ff09" ;
		color: #000;
		font-size:14px;
	}

	#tirecenter table#priceInspection2 td:nth-of-type(4):before {
		content: "\00691c\0067fb\005370\007d19\004ee3" ;
		color: #000;
		font-size:14px;
	}

	#tirecenter table#priceInspection2 td:nth-of-type(5):before {
		content: "\0057fa\00672c\0070b9\00691c\006599" ;
		color: #000;
		font-size:14px;
	}

	#tirecenter table#priceInspection2 td:nth-of-type(6):before {
		content: "\005408\008a08\0091d1\00984d" ;
		color: #000;
		font-size:14px;
	}

	/* for 差し替えVer */

	#tirecenter .mainImg {
		background: url(//www.joyfulhonda.com/jhdir/img/tc/tc_main_banner02.jpg) no-repeat;
		background: url(//www.joyfulhonda.com/jhdir/img/tc/tc_main_banner201705.jpg) no-repeat;
		height: 0;
		width: auto;
		padding-top: 39.56%;
		background-size: contain;
	}

	#tirecenter h4.tableHeader {
		margin-bottom: 28px;
	}


	.posi-rel {
		position: relative;
	}

	.posi-abs {
		position: absolute;
		right: 14px;
		font-size: 14px;
		text-align: center;
		line-height: 1.0;
		top: 20%;
		border: 1px #fff solid;
		padding: 10px;
	}


}


/* タイヤセンター用メディアクエリ　PCモード時のみに適用 */

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

	/* mainMenu */

	#tirecenter ul.mainMenu {
		width: 590px;
		margin: 0 0 0 auto;
	}


	#tirecenter ul.mainMenu li:first-child {
		margin-left: 0;
	}

	/* header */

	#tirecenter h2.imgHeader {
		font-size: 36px;
		color: #000;
		text-shadow: 1px 2px 3px #969696;
		line-height: 120px;
		height: 120px;
		padding-left: 240px;
		background-repeat: no-repeat, no-repeat;
		background-position: 18% 50%, bottom left;
		border-radius: 7px;
		border: 1px solid #D3D3D3;
		box-shadow: 0px 3px 0px #949494; 
	}

	#tirecenter h2.price01 {
		background-image: url(img/tc/joyfulman.png), url(img/tc/tc_header_bg01.jpg);
	}

	#tirecenter h2.price02 {
		background-image: url(img/tc/joyfulman2.png), url(img/tc/tc_header_bg02.jpg);
	}

	#tirecenter h2.shopListTitle {
		background-image: url(img/tc/joyfulman2.png), url(img/tc/tc_header_bg03.jpg);
	}

	#tirecenter h2.price01 > span, #tirecenter h2.price02 > span {
		font-size: 50%;
	}

	#tirecenter h3.priceImgHeader,
	#tirecenter h3.mailImg {
		font-size: 36px;
	}

	.posi-rel {
		position: relative;
	}

	.posi-abs {
		position: absolute;
		right: 14px;
		font-size: 16px;
		text-align: center;
		line-height: 1.2;
		top: 18%;
		border: 2px #fff solid;
		padding: 8px;
	}

	/* 料金表共通 ※一部はTireとOilのみ */

	#tirecenter #pitPrice h3.priceTable {
		width: 450px;
		border: 1px solid #000;
		border-bottom: 0;
		margin-bottom: 0;
	}

	#tirecenter #pitPrice div.priceTireBox, #tirecenter #pitPrice div.priceBoxLeft {
		box-sizing: border-box;
		width: 450px;
		float: left;
	}

	#tirecenter #pitPrice div.priceOilBox, #tirecenter #pitPrice div.priceBoxRight {
		box-sizing: border-box;
		width: 450px;
		float: right;
	}

	#tirecenter #pitPrice table#priceTire, #tirecenter #pitPrice table#priceOil {
		width: 450px;
		height: 600px;
		line-height: 1;
	}

	#tirecenter #pitPrice table > tbody > tr > th, #tirecenter #pitPrice table > tbody > tr > td {
		padding: 0 3px;
	}


	#tirecenter #pitPrice table th {
		color: #000;
		line-height: 1.2;
		vertical-align: middle;
		background: #FFF;
		border: 1px solid #000;
	}

	#tirecenter #pitPrice table tr.line1 th {
		width: 249px;
	}

	#tirecenter #pitPrice table tr.line1 td {
		width: 100px;
	}

	#tirecenter #pitPrice table td {
		font-size: 10px;
		font-weight: bold;
		text-align: right;
		vertical-align: bottom;
		padding-bottom: 0.5em !important;
		border: 1px solid #000;
	}

	#tirecenter #pitPrice div.biggest {
		font-size: 28px;
	}

	#tirecenter #pitPrice div.bigger {
		font-size: 18px;
	}

	#tirecenter #pitPrice div.note {
		font-size: 10px;
	}

	/* 料金表 for Tire */

	#tirecenter #pitPrice table#priceTire {
	}

	/* 料金表 for Oil */

	#tirecenter #pitPrice table#priceOil {
	}

	/* 料金表 for Battery */

	#tirecenter #pitPrice table#priceBattery {
		width: 100%;
	}

	#tirecenter #pitPrice table#priceBattery th, #tirecenter #pitPrice table#priceBattery td {
		width: auto;
	}

	/* 車検こだわり */
	#tirecenter dl.kodawari dt {
		float: left;
		clear: both;
	}

	#tirecenter dl.kodawari dd {
		float: left;
		width: 680px;
		height: 90px;
		line-height: 90px;
		margin-left: 20px;
	}

	/* 料金表 for Inspection */

	#tirecenter #pitPrice h3.priceTable.inspection {
		width: 100%;
	}

	#tirecenter #pitPrice table#priceInspection tr {
		background: #F5F5F5;
	}

	#tirecenter #pitPrice table#priceInspection tr:nth-child(even) {
		background: #DDF4FF;
	}

	#tirecenter #pitPrice table#priceInspection th {
		text-align: center;
		background: #FFCE9E;
	}

	#tirecenter #pitPrice table#priceInspection th.type {
		width: 30%;
	}

	#tirecenter #pitPrice table#priceInspection th.legal {
		width: 42%;
		color: #FFF;
		background: #F00;
	}

	#tirecenter #pitPrice table#priceInspection th.juryo, #tirecenter #pitPrice table#priceInspection th.jibaiseki, #tirecenter #pitPrice table#priceInspection th.inshi {
		background: #FF9E9E;
	}

	#tirecenter #pitPrice table#priceInspection th.basic {
		width: 14%;
	}

	#tirecenter #pitPrice table#priceInspection th.total {
		width: 14%;
	}


	#tirecenter #pitPrice table#priceInspection tr.subHeader div.basic {
		font-size: 11px;
		text-align: center;
		background: #000;
		color: #FCC800;
	}

	#tirecenter #pitPrice table#priceInspection td {
		vertical-align: middle;
		border-bottom: 3px solid #000;
	}

	/*　車検表コンテンツ 料金表以外 */

	#tirecenter ul.advantage li {
		float: left;
	}

	/* inspection2 for PC mode */

	#tirecenter #contentsInspection h4.tableHeader {
		width: 911px;
		width: 910px;
		font-size: 18px;
		text-align: center;
		color: #FFF;
		text-shadow: 1px 1px 3px #000;
		/* background: #00C735; */
		/* background: linear-gradient(to bottom, #0cf 0%, #0052c2 51%, #004eff 100%); */
		border: 1px solid #000;
		border-bottom: 0;
		margin: 0;
	}

	#tirecenter table#priceInspection2 tr.subHeader {
		width: 15%;
		width: 135px;
	}

	#tirecenter table#priceInspection2 tr {
		float: left;
		display: block;
		width: 17%;
		width: 155px;
	}

	#tirecenter table#priceInspection2 tr:last-child > td {
		border-right: 1px solid #000;
	}

	#tirecenter table#priceInspection2 th, #tirecenter table#priceInspection2 td {
		height: 60px;
		line-height: 60px;
		margin: 0;
		border: 1px solid #000;
		border-right: 0;
		border-bottom: 0;
	}

	#tirecenter table#priceInspection2 th.type {
		line-height: 110px;
	}

	#tirecenter table#priceInspection2 .type {
		height: 110px;
	}

	#tirecenter table#priceInspection2 .type > img {
		width: auto;
		height: 65px;
	}

	#tirecenter table#priceInspection2 .price {
		font-size: 18px;
	}

	#tirecenter table#priceInspection2 td div.price {
		margin: 7px auto;
	}

	#tirecenter table#priceInspection2 th {
		text-align: center;
	}

	#tirecenter table#priceInspection2 th.jibaiseki, #tirecenter table#priceInspection2 th.basic, #tirecenter table#priceInspection2 th.total {
		line-height: 1.4;
		padding-top: 0.7rem;
	}

	#tirecenter #pitPrice #priceInspection2 .basic {
		background: #f8b21f;
	}

	#tirecenter #pitPrice #priceInspection2 .total {
		color: #FFF;
		background: #C7000C;
		border-bottom: 1px solid #000;
	}

	/* お持ちいただくもの */

	#tirecenter #pitPrice ol.require {
		counter-reset: pit01;
		list-style: none;
		font-size: 16px;
	}

	#tirecenter #pitPrice ol.require li {
		padding: 0;
		margin: 0;
	}

	#tirecenter #pitPrice ol.require li:before{
		display: inline-block;
		counter-increment: pit01;
		content: counter(pit01);
		font-family: "century gothic" ,futura;
		background: #FF7800;
		width: 1.5em;
		height: 1.5em;
		border-radius: 50%;
		color: #fff;
		font-weight: bold;
		text-align: center;
		line-height: 1.5;
		margin-right: 1em;
	}

	/* 店舗一覧 */

	#tirecenter #TCshopList br {
		display: none;
	}

}



@media print {

	header.site-header {
		margin-bottom: 1rem;
	}

	#tirecenter ul.mainMenu {
		display: none;
	}

	#tirecenter div#contentsTire, #tirecenter div#contentsOil, #tirecenter div#contentsInspection, #tirecenter div#contentsBattery {
		page-break-after: always;
	}

	#tirecenter table#priceInspection2 {
		page-break-inside: avoid;
	}

	/* pitPrice Table */

	#tirecenter #pitPrice table.responsive th, #tirecenter #pitPrice table.responsive td {
		line-height: 1.2;
		border: 1px solid #000;
	}

	#tirecenter #pitPrice div.priceBoxLeft {
		float: left;
		box-sizing: border-box;
		width: 50%;
	}

	#tirecenter #pitPrice div.priceBoxRight {
		float: right;
		box-sizing: border-box;
		width: 50%;
		font-size: 12px;
	}

	#tirecenter #pitPrice table th div.biggest {
		font-size: 1.2rem;
		line-height: 1.2;
	}

	#tirecenter #pitPrice table th span {
		font-size: 0.8rem;
	}

	#tirecenter #pitPrice table.responsive td {
		font-size: 0.3rem;
		font-size: 10px;
	}

	#tirecenter #pitPrice table.responsive td div.price {
		font-size: 1.2rem;
	}

	/* flow */

	#tirecenter .tcFlow img {
		box-sizing: border-box;
		max-width: 100%;
	}

	/* OilType */

	#tirecenter #pitPrice table#priceOilType {
		width: 100%;
		margin-top: 14px;
		page-break-inside: avoid;
	}

	#tirecenter table#priceOilType td > img {
		height: auto;
	}

	#tirecenter table#priceOilType td.kei div.banner01, #tirecenter table#priceOilType td.oil div.banner02 {
		width: 85%;
		font-size: 1.4rem;
	}

	#tirecenter table#priceOilType td.kei div.banner01 {
		position: relative;
	}

	#tirecenter table#priceOilType div.carSegment {
		font-size: 14px;
	}

	#tirecenter table#priceOilType td.kei div.price {
		font-size: 24px;
	}

	#tirecenter table#priceOilType div.OilPrice {
		width: 95%;
		line-height: 1.5;
	}

	#tirecenter table#priceOilType div.OilPrice > br {
		display: none;
	}

	#tirecenter table#priceOilType td div.price, #tirecenter table#priceBattery td div.price {
		display: block;
		width: 95%;
		font-size: 24px;
		line-height: 1.5;
		margin: 0 auto;
	}

	/* inspection2 */
	#tirecenter ul.advantage li {
		float: left;
		width: auto;
	}
	#tirecenter table#priceInspection2 {
		width: 100%;
		margin: 0;
	}

	#tirecenter table#priceInspection2 tr {
		float: left;
		width: 17%;
	}

	#tirecenter table#priceInspection2 tr.subHeader {
		width: 15%;
	}

	#tirecenter table#priceInspection2 tr:last-child > td {
		border-right: 1px solid #000;
	}

	#tirecenter table#priceInspection2 th, #tirecenter table#priceInspection2 td {
		height: 60px;
		text-align: right;
		line-height: 60px;
		padding: 0 7px;
		margin: 0;
		border: 1px solid #000;
		border-right: 0;
		border-bottom: 0;
	}

	#tirecenter table#priceInspection2 th {
		text-align: center;
		padding: 0;
	}

	#tirecenter table#priceInspection2 th.type {
		line-height: 110px;
	}

	#tirecenter table#priceInspection2 .type {
		height: 110px;
	}

	#tirecenter table#priceInspection2 .type > img {
		max-height: 60px;
		width: auto;
	}

	#tirecenter table#priceInspection2 th > div, #tirecenter table#priceInspection2 div.carWeight {
		font-size: 75%;
	}

	#tirecenter table#priceInspection2 th.jibaiseki, #tirecenter table#priceInspection2 th.basic, #tirecenter table#priceInspection2 th.total {
		line-height: 1.4;
		padding-top: 0.7rem;
	}

	#tirecenter table#priceInspection2 td {
		vertical-align: middle;
	}

	#tirecenter #pitPrice #priceInspection2 td.price {
		font-size: 12pt;
	}

	#tirecenter #pitPrice #priceInspection2 .total {
		color: #FFF;
		background: #C7000C;
		border-bottom: 1px solid #000;
	}

	#tirecenter table#priceInspection2 td div.price {
		width: 96%;
		font-size: 12pt;
		margin: 15px 0;
	}
	/* Battery */
	#tirecenter #pitPrice table#priceBattery td div.carType {
		font-size: 10px;
		height: 2.5em;
	}

}









/* JSS Joyful Speed Station New page
-------------------------------------------------------------- */

#jss dl.shop-detail dt {
	float: none;
	background: #e7e7e7;
	text-align: center;
	line-height: 1.4;
	width: 70px;
	padding: 7px;
	margin-top: 14px;
	box-shadow: 1px 1px 0 #c3c3c3;
}

#jss dl.shop-detail dd {
	margin: 0;
	padding: 7px;
	line-height: 1.4;
}


#jss div.jhgrid-container {
	border-bottom: 1px dotted;
}

#jss div.jhgrid-container:last-child {
	border-bottom: none;
}

#jss .jhgrid-container dl {
	margin-left: 0;
}

#jss p.note {
	text-indent: -1em;
	padding-left: 1em;
}


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

#jss dl.shop-detail dt {
	float: left;
	clear: both;
}

#jss dl.shop-detail dd {
	margin-top: 14px;
	margin-left: 126px;
}

}




/* lens frame
-------------------------------------------------------------- */


#lens_frame h2 {
	color: #231816;
}

#lens_frame h2.lead {
	margin: 0;
}

#lens_frame h3 {
	color: #231816;
}


#lens_frame h3:before {
	content: "\0025a0";
}

#lens_frame em {
	font-style: normal;
	color: #f00;
	font-weight: bold;
}

#lens_frame div.leadBox {
}

#lens_frame div.leadBox div.renew {
}

#lens_frame div.leadBox div.renew > p {
	color: #FFBE00;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 1px #000,    -1px 1px 1px #000,    1px -1px 1px #000,    -1px -1px 1px #000;
	background: #A9FF05;
	background: linear-gradient(#FF002F, #730000);
	box-shadow: 3px 3px 3px #000;
}

#lens_frame .lf-wrapper {
	margin: 14px 0 14px 0;
}

#lens_frame .lf-innerbox {
	max-width: 430px;
	height: auto;
	margin: 0 14px 14px 0;
	float: left;
}

#lens_frame .lf-caption span {
	color: #f30;
	font-weight: bold;
}

#lens_frame .lf-img {
	position: relative;
	line-height: 1;
}

#lens_frame .lf-price-caption {
	position: absolute;
	z-index: 3;
	top: 112px;
	top: 8rem;
}

#lens_frame ul.lf-price-list {
	text-align: right;
}

#lens_frame .lf-price-list li {
	color: #000;
	list-style-type: none;
	font-family: "century gothic" ,futura;
	font-size: 250%;
	font-weight: bold;
	line-height: 1;
	letter-spacing: -1px;
}

#lens_frame .lf-price-list li:after {
	content: "\5186";
	font-size: 14px;
	font-size: 1rem;
}

#lens_frame .lf-price-list li:first-child {
	color: #fb8501;
	font-size: 300%;
	text-shadow: 2px 2px 1px #000;
}

#lens_frame .lf-making li {
	list-style-type: none;
	font-weight: bold;
	color: #398400;
	background: #FFF;
	margin: 1rem 0;
}

#lens_frame .lf-making li > span {
	display: block;
	width: 70px;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	color: #FFF;
	background: #398400;
	border-radius: 7px;
}

#lens_frame .lf-making li > br {
	display: none;
}

#lens_frame div.imgTxtWrapper h3 {
	margin: 0;
}

#lens_frame div.imgTxtWrapper p {
	font-size: 0.9rem;
	line-heigth: 1.5;
}

#lens_frame dl.lf-kodawari {
	margin: 0;
}

#lens_frame .lf-kodawari dt {
	display: block;
	width: 140px;
	padding-left: 14px;
	padding-left: 1rem;
	background: #fb8501;
	border: 1px #444 solid;
}

#lens_frame ul.merit {
	counter-reset: merit01;
	list-style: none;
	font-size: 16px;
}

#lens_frame ul.merit li {
	margin-left: 1rem;
}

#lens_frame ul.merit li:before{
	display: inline-block;
	counter-increment: merit01;
	content: counter(merit01);
	font-weight: bold;
	font-family: "century gothic" ,futura;
	background: #FFF;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	color: #444;
	text-align: center;
	line-height: 1;
	padding: 2px;
	margin-right: 0.5em;
	border: 2px solid #444;
	box-shadow: 1px 1px 3px #777;
}

.sp-site #lens_frame ul.merit li:before {
	display: block;
	float: left;
	position: relative;
	left: -1rem;
}

.sp-site #lens_frame ul.merit li > span {
	display: block;
	width: 92%;
	text-indent: -1rem;
	padding-left: 1rem;
}

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

	#lens_frame div.leadBox {
		position: relative;
		width: 940px;
		margin: 0 auto;
	}

	#lens_frame div.leadBox div.renew {
		position: absolute;
		width: 320px;
		height: 120px;
		top: 10px;
		left: -10px;
		transform: rotate( -15deg );
	}

	#lens_frame div.leadBox div.renew > p {
		display:table-cell;
		width: inherit;
		height: inherit;
		vertical-align:middle;
		color: #f5f5f5;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		text-shadow: 1px 1px 1px #000,    -1px 1px 1px #000,    1px -1px 1px #000,    -1px -1px 1px #000;
		background: #A9FF05;
		background: linear-gradient(#fff700, #c3bd00);
		border-radius: 50%;
		box-shadow: 1px 1px 1px #3a391c;
	}


	#lens_frame ul.lf-making {
		display: table;
		border-collapse: separate;
		border-spacing: 10px 0;
	}

	#lens_frame .lf-making li {
		position: relative;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		font-size: 16px;
		line-height: 1.4;
		width: 126px;
		height: 126px;
		border: 3px solid #398400;
		border-radius: 50%;
		box-sizing: border-box;
	}

	#lens_frame .lf-making li > span {
		position: absolute;
		top: 3px;
		left: 3px;
	}

	#lens_frame .lf-making li > br {
		display: inline;
	}

	#lens_frame div.imgTxtWrapper {
		width: 280px;
		float: left;
	}

	#lens_frame div.imgTxtWrapper:nth-of-type(n+2) {
		margin-left: 20px;
	}

}


/* 庭木庭園センター
-------------------------------------------------------------- */

/* トップ及び庭木庭園共通 */

#nav_menu-7 {
	float: left;
}

.sp-site2col #nav_menu-7 {
	float: none;
}

.widget-area #nav_menu-7.widget h3 {
	height: 28px;
	height: 2rem;
	color: #fff;
	text-align: center;
	background-color: #5d7e31;
	padding: 0;
}

#menu-niwaki-center li {
	padding: 0;
}

#menu-niwaki-center li a {
	display: block;
	color: #888;
	padding: 7px;
	padding: 0.5rem;
	/* border-left: 7px solid #c0c0c0; */
	text-decoration: none;
}

#menu-niwaki-center li a:hover, ul#menu-niwaki-center li.current-menu-item a {
	color: #000;
	background-color: #e7ff63;
	/* border-left: 7px solid #5d7e31; */
}

#niwaki h2 {
	color: #5d7e31;
	text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, 3px 3px 4px #999;
}

#niwaki h3 {
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.714285714;
	padding-left: 14px;
	padding-left: 1rem;
	background-color: #f5f5f5;
	border: 3px solid #c0c0c0;
	border-radius: 3px;
	width: 95%;
}

#niwaki ul.niwaki-wish {
	list-style-type: none;
}

#niwaki ul.niwaki-wish li {
	color: #5d7e31;
	font-weight: bold;
	float: left;
	margin: 0 0 0 14px;
	margin: 0 0 0 1rem;
}

#niwaki .niwaki-about-wrapper {
	margin: 0 auto;
}

#niwaki .niwaki-about-box {
	width: 350px;
	float: left;
}

#niwaki .niwaki-about-box h4 {
	width: 90%;
	text-align: center;
	margin: 0 auto;
	color: #fff;
	text-shadow: 1px 1px 3px #000;
	background-color: #31952F;
	border-radius: 5px;
	box-shadow: 3px 3px 3px #999;
}

#niwaki .niwaki-shoplist-wrapper {
	box-sizing: border-box;
	width: 95%;
	height: auto;
	padding: 14px;
	padding: 1rem;
	background-color: #f5f5f5;
	box-shadow: inset 3px 3px 6px #777;
	border: 1px #cfcfcf solid;
	border-radius: 14px;
}

#niwaki .niwaki-shoplist-wrapper h4 {
	margin: 14px 0;
	margin: 1rem 0;
}

#niwaki ul.niwaki-shoplist {
	list-style-type: none;
	margin: 14px 0;
	margin: 1rem 0;
}

#niwaki ul.niwaki-shoplist li {
	width: 280px;
	widht: 20rem;
	float: left;
}


/* 庭木各店用 */

#niwaki .niwaki-lead-img {
	max-width: 330px;
	float: left;
}

#niwaki .niwaki-lead-img > img {
	display: block;
	padding :10px;
	margin-right: 28px;
	margin-right: 2rem;
	border: 1px #c3c3c3 solid;
	box-shadow: 1px 1px 1px #555;
}

#niwaki .niwaki-lead-txt {
	max-width: 370px;
	float: left;
}

#niwaki .niwaki-shop-list > dt {
	width: 154px;
	width: 11rem;
	padding-left: 14px;
	padding-left: 1rem;
	margin: 0 0 14px 0;
	margin: 0 0 1rem 0;
	color: #fff;
	text-shadow: 1px 1px 3px #000;
	background-color: #31952F;
	border-radius: 10px;
	box-shadow: 3px 3px 3px #5C5C5C;
}

#niwaki div.shopDetailWrapper {
	box-sizing: border-box;
	width: 710px;
	background: #BBCE86;
	padding: 10px;
	margin: 28px 0;
	border: 1px solid #ADB8AE;
	box-shadow: 1px 1px 1px #555;
}

#niwaki div.shopDetailWrapper > h4 {
	box-sizing: border-box;
	width: 180px;
	padding-left: 14px;
	margin: 0 0 14px 0;
	margin: 0 0 1rem 0;
	color: #fff;
	text-shadow: 1px 1px 3px #000;
	background-color: #2D623F;
	border-radius: 10px;
}

#niwaki div.shopDetailWrapper ul {
	list-style: none;
	margin: 0;
}

#niwaki div.shopDetailWrapper ul li {
	float: left;
	width: 180px;
	margin: 0 5px 0 0;
}

#niwaki div.shopDetailWrapper ul li:nth-child(2) {
	width: 300px;
}

#niwaki div.shopDetailWrapper ul li:nth-child(3) {
	margin: 0;
}

#niwaki div.shopDetailWrapper > p {
	color: #000;
}


#niwaki .niwaki-shopdetail-wrapper {
	width: 650px;
	margin: 0 auto 0 auto;
}

#niwaki .niwaki-shopdetail {
	width: 320px;
	height: 210px;
	margin: 0 5px 14px 0;
	position: relative;
	float: left;
}

#niwaki .niwaki-shopdetail2 {
	width: 650px;
	height: auto;
	margin-bottom: 14px;
	margin-bottom: 1rem;
	clear: both;
}

#niwaki .niwaki-shopdetail-cap {
	position: absolute;
	left: 1rem;
	bottom: 2rem;
	color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 1px #000;
}

#niwaki dl.niwaki-kurimoto dt {
	color: #0392cd;
	width: 70px;
	width: 5rem;
	margin-right: 14px;
	margin-right: 1rem;
	float: left;
}

#niwaki dl.niwaki-kurimoto dd {
	margin-bottom: 0;
}

#niwaki .contact {
	width: 600px;
	font-size: 200%;
	line-height: 1.2;
	margin: 0 auto;
}

#niwaki .niwaki-tell {
	color: #CC0000;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
}

#niwaki dl.niwaki-shopinfo {
	padding: 14px;
	padding: 1rem;
	background-color: #f5f5f5;
	box-shadow: inset 3px 3px 6px #777;
	border: 1px #cfcfcf solid;
	border-radius: 14px;
}

#niwaki dl.niwaki-shopinfo dt {
	width: 70px;
	width: 5rem;
	margin-right: 14px;
	margin-right: 1rem;
	float: left;
}

#niwaki dl.niwaki-shopinfo dd {
	margin-bottom: 0;
}

@media screen and (min-width: 731px) {
	#nav_menu-7 h3 {
		/* margin-bottom: 14px; */
	}
}

/* Support関連
-------------------------------------------------------------- */

#support.taxi {
	color: #000;
}

#support.taxi div.txtWrapper > p.note {
	text-indent: -1rem;
	padding-left: 1rem
}

@media screen and (min-width: 960px) {
	#support.taxi div.txtWrapper {
		box-sizing: border-box;
		width: 640px;
		float: left;
		font-size: 2.5rem;
		padding: 3rem 2rem 0 2rem;
	}
	#support.taxi.bus div.txtWrapper {
		width: 100%;
		float: none;
	}
	#support.taxi div.txtWrapper > p {
		line-height: 1.4;
	}
	#support.taxi div.txtWrapper > p.note {
		font-size: 1.5rem;
	}
	#support.taxi div.imgWrapper {
		width: 250px;
		float: right;
	}
	#support.taxi div.linkBox {
		font-size: 2rem;
		text-align: center;
	}
}


/* 開発部関連
-------------------------------------------------------------- */

/*　用地募集 */

div#development {
	color: #000;
}

#development img.develoImg {
	display: block;
	margin: 2rem auto;
	border-radius: 3px;
}

#development table.youchi {
	width: 910px;
	box-sizing: border-box;
	font-size: 1rem;
	color: #000;
}

#development table.youchi th {
	width: 260px;
	box-sizing: border-box;
	color: #000;
	background: #FFF;
}

#development table.youchi td {
	width: 650px;
	box-sizing: border-box;
	padding: 0 0 24px 0;
	border: none;
}

#development table.youchi td ul.detail {
	list-style-type: none;
}

#development table.youchi td ul.detail li {
	margin: 0;
}

#development table.youchi td ul.detail li span {
	display: inline-block;
	width: 6em;
	margin-right: 1em;
}


/* お問い合わせいただく前に
-------------------------------------------------------------- */

#beforeContact div#faqRss {
	box-sizing:border-box;
	padding: 14px;
	border: 1px solid #CCC;
	margin-bottom: 28px;
}

#beforeContact #faqRss h2, #beforeContact #faqRss h3 {
	margin: 0;
}

#beforeContact #faqRss h3 {
	padding-left: 1em;
}

#beforeContact #faqRss li {
	list-style-type: none;
	background-image: url(img/question1616.png);
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-right: 10px;
	background-position:left 0.5em;
	padding:5px 0 5px 22px;
	line-height:1.5;
}


#beforeContact ul.contactMenu,
#beforeContact ul.policyMenu {
	margin-top: 28px;
}

#beforeContact h2.catTitle {
	height: auto;
	margin: 56px 0 14px 0;
	padding: 5px;
	background-color: #d5e9ff;
	font-weight: bold;
}

#beforeContact dl.jaccs {
	background: #f5f5f5;
	padding: 14px;
	box-shadow: 1px 1px 5px #525252 inset;
}

#beforeContact dl.jaccs dt {
	margin-bottom: 18px;
}

#beforeContact dl.jaccs dt > span {
	font-weight: normal;
}

#beforeContact dl.jaccs dd {
	margin-bottom: 0;
}
#beforeContact dl.supportCenter {
	background: #f5f5f5;
	padding: 14px;
	border: 1px solid #dadada;
	box-shadow: 1px 1px 1px #c7c7c7 inset;
}

#beforeContact dl.supportCenter dt {
	margin-bottom: 18px;
}

#beforeContact dl.supportCenter dt > span {
	font-weight: normal;
}

#beforeContact dl.supportCenter dd {
	margin-bottom: 0;
}
#beforeContact dl.groupCorp {
	margin: 0;
}

#beforeContact table.group tr {
	display: block;
	font-size: 14px;
	line-height: 1.5;
}

#beforeContact table.group th {
	display: none;
}

#beforeContact table.group td {
	display: list-item;
	list-style: none;
	padding: 0;
	border: none;
}

#beforeContact table.group td.address:before {
	font-weight: bold;
	content: "\006240\005728\005730\00ff08\00672c\00793e\00ff09\00ff1a";
}

#beforeContact table.group td.tel:before {
	font-weight: bold;
	content: "\009023\007d61\005148\00ff1a";
}


#beforeContact table.group td.url:before {
	font-weight: bold;
	content: "\00516c\005f0f\0030b5\0030a4\0030c8\00ff1a";
}

#beforeContact p.attention {
	width:95%;
	padding: 7px;
	border: 1px dashed #F00;
	margin: 14px auto;
}

#beforeContact div.notice {
	background: #F5F5F5;
	padding: 14px;
}


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

	#beforeContact br {
		display: none
	}

}

@media screen and (min-width: 960px) {
	#beforeContact #faqRss ul {
		margin: 0 0 28px 28px;
	}

	#beforeContact ul.contactMenu,
	#beforeContact ul.policyMenu {
		margin: 14px 0 14px 0;
	}

	#beforeContact ul.contactMenu li,
	#beforeContact ul.policyMenu li {
		float: left;
		list-style: none;
		width: 190px;
		height: 50px;
		border: 1px #ccc solid;
		/* padding: 5px 10px; */
		padding: 5px 5px;
		/* margin-left: 10px; */
		margin-left: 5px;
	}

	#beforeContact ul.contactMenu li > a,
	#beforeContact ul.policyMenu li > a {
		display: block;
		text-decoration: none;

	}


	#beforeContact dl.groupCorp dt {
		float: left;
		width: 220px;
	}

	#beforeContact dl.groupCorp dd {
		float: left;
		width: 400px;
		margin: 0;
	}

	#beforeContact table.group td.address:before {
		content: none;
	}

	#beforeContact table.group td.tel:before {
		content: none;
	}


	#beforeContact table.group td.url:before {
		content: none;
	}


	#beforeContact table.group {
		border-collapse: collapse;
		border: 1px #ccc solid;
	}

	#beforeContact table.group tr {
		display: table-row;
		line-height: 2.181818182;
	}

	#beforeContact table.group th {
		display: table-cell;
		border-left: 1px #ccc solid;
		background-color: #e5fd74;
	}

	#beforeContact table.group th.address {
		width: 310px;
	}

	#beforeContact table.group th.tel, #beforeContact .catBody .groupCorp table.group th.url {
		width: 280px;
	}

	#beforeContact table.group td {
		display: table-cell;
		border-left: 1px #ccc solid;
		padding-left: 10px;
	}

	#beforeContact table.group td.address {
		width: 310px;
	}

	#beforeContact table.group td.tel, #beforeContact table.group td.url {
		width: 280px;
	}

	#beforeContact ul.contactMenu li.cat01 {
		width:160px;
	}
	#beforeContact ul.contactMenu li.cat02 {
		width:190px;
	}
	#beforeContact ul.contactMenu li.cat03 {
		width:150px;
	}
	#beforeContact ul.contactMenu li.cat04 {
		width:160px;
	}
	#beforeContact ul.contactMenu li.cat05 {
		width:160px;
	}


}

/* MontlyFeature　特集記事用
-------------------------------------------------------------- */

/* Top */

.monthlyFeature div.miniBannersArea > div.imgUnit {
	width: 100%;
}

.monthlyFeature div.miniBannersArea > div.imgUnit > a > img {
	display: block;
	width: 100%;
}

/* Pages */

.monthlyFeature img.forPc {
	display: none;
}

.monthlyFeature div.miniBannersArea > div.imgUnit {
	box-sizing: border-box;
	padding: 1rem;
}

.monthlyFeature img.subTitle {
	margin-top: 3rem;
}

.monthlyFeature img.items {
	border: 1px solid #666;
}

.monthlyFeature p.lead01 {
	font-size: 1.2rem;
}

.monthlyFeature p.attentionPlease {
	border: 1px solid #444;
	width: 90%;
	padding: 1rem;
	margin: 0 auto;
}

.monthlyFeature .itemTxt h2 {
	margin: 3rem 0 0 0;
}

/* 1DAY RECIPE */

#oneDay-recipe201810 div.recipe {
	margin-top: 6rem;
}

#oneDay-recipe201810 p.attentionPlease {
	border: none;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	width: 90%;
	padding: 1rem;
	margin: 0 auto;
}

#oneDay-recipe201810 p.recipeTxt {
	width: 85%;
	font-size: 1.2rem;
	margin: 2rem auto;
}

#oneDay-recipe201810 .tool div.txt > p {
	margin-bottom: 3rem;
}

#oneDay-recipe201810 img.subTitle, #oneDay-recipe201810 a.linkButton {
	margin-top: 8rem;
}

#oneDay-recipe201810 a.linkButton {
	display: block;
	margin-top: 8rem;
}

/* interior plants */

#interiorPlants201811 div.imgTxt.ranking {
	border-top: 1px solid #6D6D6D;
	margin-top: 60px;
}

#interiorPlants201811 a.button {
	display: block;
	margin: 2rem 0;
}

#interiorPlants201811 ul.number {
	list-style-type: none;
}

#interiorPlants201811 ul.number li {
	text-indent: -2.5em;
	padding-left: 2.5em;
}

#interiorPlants201811 ul.airplantsList {
	list-style-type: none;
	margin-bottom: 0;
}

/* DIY 201904 */

#diy201904 ul.fMenu {
	list-style-type: none;
}

#diy201904 ul.fMenu li {
	float: left;
	background: #F5F5F5;
	margin: 0 0 0 10px;
}

#diy201904 ul.fMenu a {
	display: block;
}

#diy201904 ul.fMenu li img {
	display: block;
	width: 170px;
}

#diy201904 img.scrollButton {
	margin: 4rem auto;
}

#diy201904 div.imgUnderTxt {
	max-width: 820px;
	font-size: 1.2rem;
	margin: 1rem auto;
}

#diy201904 ul.underMenu {
	list-style-type: none;
	border-top: 1px solid #000;
	margin-top: 4rem;
}

#diy201904 ul.underMenu li {
	margin: 0;
	border-bottom: 1px solid #000;
}

#diy201904 ul.underMenu li img {
	display: block;
	max-width: 640px;
	margin: 2rem auto;
}

@media screen and (min-width: 965px) {
	#diy201904 ul.fMenu {
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	#diy201904 ul.fMenuSp {
		display: none;
	}
	#diy201904 img.pcOnly {
		display: block;
	}
	#diy201904 img.spOnly {
		display: none;
	}
}

@media screen and (max-width: 964px) {
	#post-23546 div.entry-content, #post-23554 div.entry-content, #post-23616 div.entry-content, #post-23692 div.entry-content, #post-23700 div entry-content  {
		width:98%;
	}
	#diy201904 img.scrollButton {
		width: 6rem;
	}
	#diy201904 p {
		font-size: 1rem !important;
	}
	#diy201904 ul.fMenuSp {
		list-style-type: none;
	}
	#diy201904 ul.fMenuSp li {
		float: left;
		display: block;
	margin: 0 0 0.5rem 0.5rem;
	}
	#diy201904 ul.fMenuSp li.top {
		background: #FFF;
	}
	#diy201904 ul.fMenuSp li.oStyle > a {
		background: #c1ba9e;
	}
	#diy201904 ul.fMenuSp li.cStyle > a {
		background: #cbd8eb;
	}
	#diy201904 ul.fMenuSp li.oLiving > a {
		background: #cdd29c;
	}
	#diy201904 ul.fMenuSp li.vGarden > a {
		background: #bbda9f;
	}
	#diy201904 ul.fMenuSp a {
		display: block;
		width: 160px;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		line-height: 2;
		color: #444;
		border: 1px solid #999;
	}
	#diy201904 ul.fMenu {
		display: none;
	}
	#diy201904 ul.underMenu li img {
		max-width: 100%;
	}
	#diy201904 img.pcOnly {
		display: none;
	}
	#diy201904 img.spOnly {
		display: block;
	}
}

/* 201905害虫 */

.page-id-23812 header.entry-header {
	display: none;
}

.page-id-23812 div.entry-content {
	width: 100%;
	background: url(//www.joyfulhonda.com/jhdir/img/feature/201905/bg.jpg);
}

#zubakore1905 {
	color: #000;
}

#zubakore1905 div.contentsWrapper {
	width: 85%;
	background: #FFF;
	padding: 2rem 0;
	margin: 0 auto;
}

#zubakore1905 div.leadTxt > p {
	width:90%;
	margin: 0 auto;
	/* font-size: 1.2rem; */
}

#zubakore1905.page00 img.aligncenter {
	margin: 0 auto;
}

#zubakore1905 .linkButtonList a.left {
	float: left;
}

#zubakore1905 .linkButtonList a.right {
	float: right;
}

#zubakore1905 .linkButtonList a.center {
	display: block;
	margin: 0 auto;
}

#zubakore1905 img.noteImg {
	margin: 3rem 0;
}

#zubakore1905 img.qaIcon {
	margin: 4rem 0 0 0;
}

#zubakore1905 ul.qa {
	list-style-type: none;
	font-weight: bold;
}

#zubakore1905 ul.qa li {
	margin: 0;
}

#zubakore1905 ul.qa li.question {
	padding-bottom: 1rem;
	border-bottom: 1px dashed #000;
	margin-bottom: 1rem;
}

@media screen and (min-width: 965px) {
	#zubakore1905 div.linkButtonList {
		width: 640px;
		margin: 0 auto 40px auto;
	}
	#zubakore1905 .linkButtonList a {
		width: 300px;
	}
	#zubakore1905 div.leadTxt > p {
		font-size: 1.2rem;
	}
	#zubakore1905 div.contentsWrapper {
		padding: 5rem 0;
	}
	#zubakore1905 ul.qa {
		width: 800px;
		font-size: 1.2rem;
		margin: 2rem auto;
	}
}

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

	body.page-id-23809 .sp-site {
		max-width: 960px;
		padding: 0 10px !important;
	}

}

@media screen and (max-width: 964px) {
	.page-id-23812 h1.entry-title, .page-id-23849 h1.entry-title, .page-id-23871 h1.entry-title,
	.page-id-23882 h1.entry-title, .page-id-23890 h1.entry-title, .page-id-23899 h1.entry-title,
	.page-id-23904 h1.entry-title, .page-id-23910 h1.entry-title, .page-id-23922 h1.entry-title,
	.page-id-23926 h1.entry-title, .page-id-23933 h1.entry-title, .page-id-23939 h1.entry-title,
	.page-id-23947 h1.entry-title, .page-id-23952 h1.entry-title, .page-id-23956 h1.entry-title,
	.page-id-23960 h1.entry-title, .page-id-23966 h1.entry-title, .page-id-23969 h1.entry-title,
	.page-id-23974 h1.entry-title, .page-id-23979 h1.entry-title, .page-id-23983 h1.entry-title,
	.page-id-23990 h1.entry-title {
		font-size: 1.2rem;
	}
	#zubakore1905 img.noteImg {
	margin: 1rem 0;
	}
	#zubakore1905 img.qaIcon {
		margin: 2rem 0 0 0;
	}
	#zubakore1905 div.linkButtonList {
		width: 90%;
		margin: 0 auto 40px auto;
	}
	#zubakore1905 .linkButtonList a {
		width: 45%;
	}
}

/* 規格外201907 */

#kc201907 div.txtBox {
	margin: 1rem 0 3rem 0;
}

#kc201907 div.txtBox > p {
	line-height: 1.4;
}

#kc201907.ik201910 div.txtBox > p {
	padding: 0 2em;
}

#kc201907.mfTop div.txtBox {
	max-width: 800px;
	line-height: 1.4;
	color: #FFF;
	margin: 3rem auto;
	margin: 1.5rem auto 3rem auto;
}


#kc201907 div.txtBox.link {
	margin-bottom: 10rem;
}

@media screen and (min-width: 965px) {
	#kc201907 div.txtBox {
		font-size: 1.4em;
	}
	#kc201907.ik201910 div.txtBox > p {
		padding: 0em;
	}
	#kc201907 img.linkBanner {
		width: 800px;
	}
}

/* ワークウェア　workwear201910 */

#workwear201910 div.txt {
	margin-bottom: 5rem;
}

/* One&Only　202001 */

#oao202001 div.txtBox00_01 {
	color: #000;
	background: #D2C2A0;
	margin: 0 auto;
}

#oao202001 div.txtBox00_01 > p {
	padding: 1rem 2rem 3rem 2rem;
	margin: 0 auto;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1.6;
}

#oao202001 a.linkButton {
	display: block;
	margin: 3rem 0;
}
#oao202001.kimamani202002 div.txtBox {
	width: 90%;
	color: #000;
	margin: 1rem auto;
}
@media screen and (min-width: 768px) {
	#oao202001 div.txtBox00_01 > p {
		font-size: 1.2em;
	}
}

@media screen and (min-width: 960px) {
	#oao202001 div.txtBox00_01 {
		max-width: 910px;
	}
	#oao202001 div.txtBox00_01 > p {
		max-width: 800px;
		font-size: 1.4em;
		font-weight: normal;
		padding: 1rem 0 3rem 0;
	}
	#oao202001.kimamani202002 div.txtBox {
		font-size: 1.4em;
	}
}

/* update */

.monthlyFeature.update {
	color: #000;
}

.monthlyFeature.update div.txt {
	font-size: 1.2rem;
}

.monthlyFeature.update div.txt2 {
	max-width: 854px;
	font-size: 1.2rem;
	margin: 0 auto;
}

.monthlyFeature.update div.txt br {
	display: none;
}

.monthlyFeature.update p.attentionPlease {
	border: none;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	width: 90%;
	padding: 1rem;
	margin: 0 auto;
}

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

	.monthlyFeature img.forPc {
		display: block;
		width: 50%;
	}

	.monthlyFeature div.miniBannersArea > div.imgUnit {
		float: left;
		box-sizing: content-box;
		width: 298px;
		padding: 0 0 8px 8px;
	}

	.monthlyFeature div.miniBannersArea > div.imgUnit:nth-child(3n+1) {
		clear: left;
		padding-left: 0;
	}


	.monthlyFeature div.miniBannersArea > div.imgUnit > p {
		font-size: 0.8rem;
	}
	#oneDay-recipe201810 h2.lead01{
		font-size: 2rem;
		font-weight: normal;
		text-align: center;
	}
	#oneDay-recipe201810 p.lead01{
		width: 90%;
		margin: 3rem auto;
	}
	.monthlyFeature.update div.txt br {
		display: inline;
	}
	#interiorPlants201811 ul.airplantsList.left {
		width: 50%;
		float: left;
	}
	#interiorPlants201811 ul.airplantsList.right {
		width: 50%;
		float: right;
	}
	.monthlyFeature div.jhEc {
		width: 900px;
		margin: 0 auto;
	}
	.monthlyFeature div.jhEc div.banner {
		width: 300px;
		float: left;
	}
	.monthlyFeature div.jhEc div.banner > a {
		display: block;
	}
	.monthlyFeature div.jhEc div.banner > a > img {
		display: block;
		margin: 0 auto;
	}
	.monthlyFeature div.jhEc div.txt {
		width: 600px;
		float: left;
	}
	.monthlyFeature div.jhEc div.txt > p {
		line-height: 60px;
	}
/* mask */
#mask-201901.monthlyFeature .imgBlock > a {
	width:450px;
	display:block;
	float: left;
}
}

/* ジョイフル本田マガジン　モニター募集
-------------------------------------------------------------- */

#jhMagSupport div.leadTxt > p.txt1 {
	font-size: 1.2rem;
	text-align: center;
}

#jhMagSupport div.leadTxt > h2 {
	width: 95%;
	text-align: center;
	background: #F5F4E6;
	margin: 1rem auto;
}

#jhMagSupport div.leadTxt ul {
	width: 80%;
	margin: 1rem auto;
}

#jhMagSupport ul.list1 {
	font-size: 1.2rem;
}

#jhMagSupport ul.list2 {
	list-style-type: none;
	text-indent: -1em;
	padding-left: 1em;
}

#jhMagSupport div.agreement {
	padding: 2rem;
	border: 1px solid #444;
	border-radius: 1rem;
	margin: 3rem 0 3rem 0;
}

#jhMagSupport div.agreement h2 {
	font-size: 2rem;
}

#jhMagSupport div.agreement h3 {
	font-weight: normal;
	margin-bottom: 0;
}

#jhMagSupport div.agreement li.sub, #jhMagSupport div.agreement li.note {
	list-style-type: none;
	text-indent: -1em;
	padding-left: 1em;
}

#jhMagSupport div.agreement li.note {
	list-style-type: none;
	text-indent: -1em;
	padding-left: 1em;
	margin: 1em 0 1em 0;
}

#jhMagSupport div.chkBoxWrapper {
	padding: 0.5em;
	background: #F5F4E6;
	margin-bottom: 3em;
}

#jhMagSupport div.formRow {
	margin-bottom: 3em;
}

#jhMagSupport div.thCell {
	background: #c1d7eb;
	margin-bottom: 1em;
}

#jhMagSupport div.tdCell {
	box-sizing: border-box;
	padding: 0 1em;
}

#jhMagSupport div.tdCell input, #jhMagSupport div.tdCell textarea {
	width: 100%;
}

#jhMagSupport div.inquiryWrapper ul.note {
	list-style-type: none;
}

#jhMagSupport div.inquiryWrapper input[type="submit"], #jhMagSupport div.inquiryWrapper input[type="button"] {
	font-size: 1.5em;
	width: 100%;
}

@media screen and (min-width: 960px) {
	#jhMagSupport div.thCell {
		float: left;
		box-sizing: border-box;
		width: 450px;
		text-indent: 1em;
		padding: 0.5em;
		background: #c1d7eb;
		margin-bottom: 0;
	}
	#jhMagSupport div.tdCell {
		float: right;
		width: 450px;
	}

}



/* line関連
-------------------------------------------------------------- */

#lineAt h3 {
	margin-bottom: 0.5em;
}

#lineAt ul.lineShopList > li {
	float: left;
	list-style-type: none;
	width: 150px;
	color: #000;
	background: #DEDEDE;
	border-radius: 14px;
	margin: 0 0 1rem 1rem;
}

#lineAt ul.lineShopList > li > h4 {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.4;
	text-align: center;
	padding: 1rem 0 0.5rem 0;
	margin: 0;
}

#lineAt ul.lineShopList > li > h4 > span.longName {
	font-size: 0.8em;
}

#lineAt ul.lineShopList div.imgWrapper > a > img {
	display: block;
	padding: 0 0 1rem 0;
	margin: 0 auto;
}

@media screen and (min-width: 360px) and (max-width: 960px) {
	#lineAt ul.lineShopList {
		width: 320px;
		margin: 0 auto;
	}
	#lineAt ul.lineShopList > li:nth-child(2n+1) {
		clear: left;
		margin: 0 0 1rem 0;
	}
}

/* B2B　商材募集
-------------------------------------------------------------- */

.page-id-14640 h1.entry-title {
	font-size: 2.3rem;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px #797979;
	width: 99%;
	margin: auto;
	font-weight: bold;
	/* background: none; */
	/* padding: 0; */
	/* border: none; */
	/* line-height: 2.5em; */
	background: linear-gradient(to bottom, #87e0fd 0%,#45d2ff 40%,#4cbfe4 100%);
	border-radius: 0.5rem;
}

.page-id-14640 h1.entry-title {
	display: none;
}

#businessPartner {
	color: #000;
}

#businessPartner h1.entry-title2 {
	font-size: 2.5rem;
	text-align: center;
	border: none;
}


#businessPartner table.flow {
	font-size: 1rem;
	color: #444;
}

#businessPartner table.flow th {
	width: 5rem;
	background: none;
}

#businessPartner table.flow td {
	border: none;
}

/* qrCodePaymentStart 　QRコード決済開始
-------------------------------------------------------------- */

#qrCodePaymentStart table {
	color: #000;
	background: #FFF;
}

#qrCodePaymentStart table tr:nth-of-type(2n+1) {
	background: #FEF7ED;
}

#qrCodePaymentStart table.shopList th {
	text-align:center;
	vertical-align: middle;
	color: #000;
	background: none;
	border: 1px solid #000;
}

#qrCodePaymentStart table.shopList td {
	padding: 1rem;
	background: none;
	border: 1px solid #000;
}

#qrCodePaymentStart div.shopList {
	text-align: center;
	font-weight: bold;
	line-height: 3rem;
	border: 1px solid #000;
	margin-bottom: 24px;
}

#qrCodePaymentStart div.shopList.bgColor {
	background: #FEF7ED;
}

#qrCodePaymentStart ul {
	list-style-type: none;
}

#qrCodePaymentStart ul li {
	text-indent: -1em;
	padding-left: 1em;
}

/* jhMag 　ジョイフル本田マガジン関連
-------------------------------------------------------------- */

.jhMag div.pWrapper {
	margin: 3rem 0;
}

.jhMag p {
	color: #000;
	font-size: 16px;
}

.jhMag img.aligncenter {
	padding: 1rem 0;
}

/* okaidoku 　お買い得情報関連
-------------------------------------------------------------- */

#okaidoku ul.menu {
	list-style-type: none;
	margin: 1rem 0;
}

#okaidoku ul.menu li {
	float: left;
	width: 33.3%;
	margin: 0;
}

#okaidoku ul.menu li > a {
	display: block;
	color: #833702;
	background: #FFDE03;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 3rem;
	border-radius: 0.5rem;
	margin: 0 0.5rem 0 0;
}

#okaidoku ul.menu li > a.lastOne {
	margin: 0;
}

#okaidoku h2 {
	color: #7B2E00;
	margin: 3rem 0 0 0;
}

#okaidoku img.aligncenter.items {
	padding: 2rem 0;
	border-bottom: 1px solid #7C7C7C;
}

@media screen and (max-width: 360px) {
	#okaidoku ul.menu li > a {
		font-size: 0.8rem;
	}
}

/* discava
-------------------------------------------------------------- */

#discava.y2020m02 div.txtBox {
	background-color: #FFFADC;
	padding: 1rem 10%;
	margin: 0 auto;
}

#discava.y2020m02 div.imgBox {
	padding: 2rem 0;
	background-color: #FFFADC;
}

#discava.y2020m02 div.txtBox > p.bullet {
	font-size: 0.8rem;
}

@media screen and (min-width: 960px) {
	#discavaUtsunomiya p {
		font-size: 1.2rem;
		margin: 1rem 6rem;
	}
	#discava.y2020m02 div.txtBox > p {
		font-size: 1.5rem;
	}
}

/* ショッピングローン shopping-loan
-------------------------------------------------------------- */

#shoppingLoan {
	color: #231815;
}
#shoppingLoan br {
	display: none;
}
#shoppingLoan ul {
	list-style-type: none;
	padding: 0 0 3rem 0;
}
#shoppingLoan ul li {
	margin: 0;
}
#shoppingLoan div.point {
	color: #FFF;
	background: #d6670b;
}
#shoppingLoan .orange {
	color: #d6680c;
}
#shoppingLoan ul.QA {
	padding: 2rem 0;
	border-bottom: 1px dashed #444;
	margin: 2rem 0;
}

#shoppingLoan ul.QA li {
	list-style-type: none;
	margin: 0 0 1rem 0;
}
/* Question */
#shoppingLoan ul.QA li.qArea {
	min-height: 80px;
	background: url(//www.joyfulhonda.com/jhdir/img/loan/bg_q.png) no-repeat;
	background-position: 0.5rem 0.5rem;
}
#shoppingLoan ul.QA li.qArea > div {
	font-weight: bold;
	position: relative;
	padding: 20px;
	color: #d6680c;
	background-color: #f0d2b4;
	margin-left: 90px; 
}
#shoppingLoan ul.QA li.qArea > div::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -15px;
	top: 20px;
	border-right: 15px solid #f0d2b4;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
/* Answer */
#shoppingLoan ul.QA li.aArea {
	/* min-height: 80px; */
	background: url(//www.joyfulhonda.com/jhdir/img/loan/bg_a.png) no-repeat;
	background-position: 0.5rem 0.5rem;
	border: 2px solid #d6680c;
	border-radius: 1rem;
	padding-bottom: 1rem;
	box-shadow: 3px 3px 7px #a9a9a9;
}
#shoppingLoan ul.QA li.aArea > div {
	font-weight: bold;
	padding: 1rem 1rem 1rem 6rem;

}
#shoppingLoan ul.QA li.aArea > div > p {
	line-height: 1.4;
}
#shoppingLoan ul.QA li.aArea > div p:last-child {
	margin-bottom: 0;
}
#shoppingLoan .note {
	font-size: 0.8em;
	text-indent: -1em;
	padding-left: 1em;
	margin: 0 1rem;
}
#shoppingLoan .leadTxt h2 {
	font-size: 1.6rem;
	line-height: 1.2;
}
#shoppingLoan .leadTxt p {
	font-size: 1.2rem;
	font-weight: bold;
}
#shoppingLoan ul.QA li.qArea > div {
	font-size: 1.2rem;
}
#shoppingLoan ul.QA li.aArea > div {
	font-size: 1.2rem;
}
#shoppingLoan ul.QA .note {
	font-size: 1.2rem;
}
#shoppingLoan .endTxt h2 {
	font-size: 1.4rem;
	text-align: center;
}
#shoppingLoan .endTxt p {
	font-size: 1.2rem;
	font-weight: bold;
}
@media screen and (min-width: 960px) {
	#shoppingLoan br {
		display: inline;
	}
	#shoppingLoan .leadTxt {
		text-align: center;
	}
	#shoppingLoan .leadTxt h2 {
		font-size: 3rem;
		line-height: 1.2;
	}
	#shoppingLoan .leadTxt p {
		font-size: 1.5rem;
		font-weight: bold;
	}
	#shoppingLoan img.table {
		width: 512px;
	}
	#shoppingLoan ul.QA li.qArea > div {
		font-size: 1.8rem;
	}
	#shoppingLoan ul.QA li.aArea > div {
		font-size: 1.5rem;
	}
	#shoppingLoan .note {
		font-size: 1rem;
		margin: 0;
	}
	#shoppingLoan ul.QA .note {
		font-size: 1.5rem;
	}
	#shoppingLoan div.others {
		width: 800px;
		margin: 0 auto;
	}
	#shoppingLoan .endTxt h2 {
		font-size: 2rem;
		text-align: center;
	}
	#shoppingLoan .endTxt p {
		font-size: 1.5rem;
		font-weight: bold;
		text-align: center;
	}
}

/* オリコ法人カード jhNewProCard
-------------------------------------------------------------- */

#jhNewProCard {
	color: #000;
}

#jhNewProCard br {
	display: none;
}

#jhNewProCard div.entryButtonWrapper {
	max-width: 910px;
	background: #D9D5D4;
	padding: 3rem 0;
	margin: 0 auto;
}

#jhNewProCard div.entryButtonWrapper > p {
	/* font-size: 1.5rem; */
	font-weight: bold;
	text-align: center;
	margin: 1rem 0 0 0;
}

#jhNewProCard div.requiredDocWrapper {
	max-width: 910px;
	background: #EFEFEF;
	margin: 0 auto;
}

#jhNewProCard div.requiredDocWrapper > dl {
	max-width: 689px;
	padding: 2rem 0;
	margin: 0 auto;
}

#jhNewProCard div.requiredDocWrapper > dl dd {
	display:list-item;
	list-style-type: disc;
	margin: 0 0 0 2em;
}

#jhNewProCard div.entryForm {
	/* background: #D8D5D2; */
	padding: 1rem;
	border-radius: 1em;
	border: 1px solid #D8D5D2;
}

#jhNewProCard div.entryForm > form > select {
	box-shadow: 1px 1px 1px inset #9E9E9E;
}

#jhNewProCard div.entryForm > form > button {
	color: #FFF;
	background: #D8000F;
	border-radius: 0;
	border: 0;
}

#jhNewProCard div.entryForm > form > button:hover {
	background: #D8000F;
}

#jhNewProCard div.entryForm > p.note {
	margin-top: 1rem;
}

#jhNewProCard div.wpcf7-mail-sent-ok {
	display: none !important;
}

@media screen and (min-width: 640px) {
	#jhNewProCard br {
		display: inline;
	}
	#jhNewProCard div.entryButtonWrapper > p {
		font-size: 1.5rem;
	}
	#jhNewProCard div.entryForm {
		max-width: 910px;
		text-align: center;
		padding: 2rem 0;
		margin: 0 auto;
	}
	#jhNewProCard div.entryForm h2 {
		font-size: 2rem;
	}
}

/* LINE関係
-------------------------------------------------------------- */

.mspd01 img.gapless {
	margin: 0 auto;
}

#lineAccounts div.lineAccountsBox {
	margin: 0 auto 3rem auto;
}

#lineAccounts .lineAccountsBox div.wrapper {
	box-sizing: border-box;
	width: 240px;
	text-align: center;
	padding: 1rem 0;
	border: 1px solid #e4e4e4;
	margin:0 auto 1rem auto;
}

#lineAccounts .lineAccountsBox div.wrapper h3 {
	color: #000;
	font-size: 1rem;
	font-weight: normal;
	text-align: center;
	margin: 0;
}
#lineAccounts .linkButton h3 {
	margin-bottom: 0;
}
#lineAccounts .linkButton img {
	border: 1px solid #777;
	border-radius: 1.5rem;
}
#lineSticker202004 .youtubeWrapper {
	background: #9fd8eb;
}

#lineSticker202004 .youtubeWrapper > iframe {
	display: block;
	padding: 3rem 0;
	margin: 0 auto;
}

#lineSticker3rd ul.aniImg {
	list-style: none;
	background: #F6EDDE;
	padding-bottom: 3rem;
	margin: 0;
}

#lineSticker3rd ul.aniImg li {
	margin: 0;
}

#lineSticker3rd ul.aniImg li img {
	max-width: 50%;
	margin-bottom: 20px;
}

#linePayCoupon h2 {
	margin-bottom: 0;
}

#linePayCoupon p.stores {
	font-size: 18px;
}

#linePayCoupon p.note {
	padding-top: 2rem;
	border-top: 1px solid #000;
}

@media screen and (min-width: 640px) {
	#lineAccounts .lineAccountsBox div.wrapper {
		float: left;
		box-sizing: border-box;
		width: 290px;
		margin: 0 0 10px 10px;
	}
}

@media screen and (min-width: 640px) and (max-width: 959px) {
	#lineAccounts .lineAccountsBox div.wrapper:nth-child(2n+1) {
		clear: left;
		margin-left: 0;
	}
}

@media screen and (min-width: 960px) {
	#lineAccounts .lineAccountsBox div.wrapper:nth-child(3n+1) {
		clear: left;
		margin-left: 0;
	}
	#lineAccounts div.wrapperL {
		width: 48%;
		float: left;
	}
	#lineAccounts div.wrapperR {
		width: 48%;
		float: right;
	}
	#lineSticker3rd ul.aniImg li {
		float: left;
		width: 240px;
		margin: 0 0 0 50px;
	}
	#lineSticker3rd ul.aniImg li img {
		max-width: 100%;
	}
	#linePayCoupon p.howTo {
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
	}
}

/* 新メールフォーム
-------------------------------------------------------------- */
div#inquiry.update201912 {
	box-sizing: border-box;
	padding: 0 0.5rem;
}
#inquiry.update201912 ul.aboutReply {
	font-weight: bold;
}
#inquiry.update201912 .formWrapper .notice {
	width: 100%;
	box-sizing: border-box;
	padding: 2rem;
	background-color: #FFF;
	border: 1px solid #a7a7a7;
	border-radius: 3px;
	margin: 0;
}
#inquiry.update201912 .formWrapper .notice h2 {
	font-size: 1rem;
}
#inquiry table.mailFormWrapper {
	font-size: 1rem;
	color: #000;
	margin-top: 3rem;
}
#inquiry table.mailFormWrapper tr {
	margin-bottom: 2rem;
}
#inquiry table.mailFormWrapper th span {
	font-weight: normal;
}
#inquiry table.mailFormWrapper th span.required, #inquiry table.mailFormWrapper th span.optional {
	display: inline-block;
	width: 3rem;
	line-height: 1.5;
	text-align: center;
	/* background: #B1B1B1; */
	background: #FF6D6D;
	color: #FFF;
	border-radius: 0.5rem;
	margin-left: 0.5rem;
}
#inquiry table.mailFormWrapper th span.optional {
	background: #B1B1B1;
}
#inquiry table.mailFormWrapper span.wpcf7-list-item {
	display: block;
}

#inquiry table.mailFormWrapper p.reply {
	font-size: 1.2rem;
	font-weight: bold;
	color:#ee0342;
	margin: 1rem 0 0 0;
}

#inquiry table.mailFormWrapper textarea {
	width: 98%;
}
#inquiry table.mailFormWrapper input[name="address"] {
	display: inline-block;
	width: 100px !important;
	margin-left: 0.5rem;
}
@media screen and (max-width: 959px) {
	#inquiry table.mailFormWrapper input[type="text"],#inquiry table.mailFormWrapper input[type="tel"],#inquiry table.mailFormWrapper input[type="email"] {
		width: 98%;
	}
}
@media screen and (min-width: 960px) {
	#inquiry table.mailFormWrapper {
		table-layout: fixed;
	}
	#inquiry table.mailFormWrapper th {
		width: 300px;
		vertical-align: top;
		padding-top:0.5rem;
	}
	#inquiry.update202001 table.mailFormWrapper th {
		background: #F1F1F1;
		border-bottom: 1px solid #DADADA;
	}
	#inquiry.update202001 table.mailFormWrapper tr:nth-last-of-type(3) th {
		border-bottom: none;
	}
	#inquiry table.mailFormWrapper td {
		vertical-align: top;
	}
	#inquiry.update202001 table.mailFormWrapper td {
		padding-left: 1rem;
	}
	#inquiry table.mailFormWrapper textarea {
		max-width: 560px;
	}
}

/* JHMag16連動
-------------------------------------------------------------- */
div#jhMag16Menu {
	color: #FFF;
	background: #857C6D;
	padding: 2rem;
}
#jhMag16Menu div.menuTitle {
	padding: 1rem 1rem 0 1rem;
}
#jhMag16Menu div.menuTitle h2 {
	font-size: 2rem;
	margin: 0;
}
#jhMag16Menu div.menuTitle p.arrow {
	text-align: center;
}
#jhMag16Menu div.menuTitle p.arrow > span {
	padding-right: 1em;
}
#jhMag16Menu div.menuTitle p.arrow > span:last-of-type {
	padding-right: 0;
}
#jhMag16Menu .slider-x{
	scroll-snap-type: x mandatory;
	width: 100%;
	overflow-x: scroll;
	display: flex;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	padding-bottom: 3rem;
}
#jhMag16Menu .slider-x > div.menuItem {
	box-sizing: border-box;
	color: #FFF;
	scroll-snap-align: center;
	width: 50%;
	flex: none;
	padding: 1rem;
	background: #857C6D;
}
#jhMag16Menu .slider-x > div.menuItem > .imgBox {
	padding: 0 1rem;
}
#jhMag16Menu .slider-x > div.menuItem > .txtBox h3 {
	font-weight: normal;
	line-height: 1.4;
	margin-top: 0;
}
#jhMag16Menu .slider-x > div.menuItem > .txtBox p {
	line-height: 1.4;
	min-height: 60px;
}
#jhMag16Menu .slider-x > div.menuItem > .txtBox a {
	font-size: 0.8rem;
	background: #000;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	width: 8em;
	display: block;
	margin: 0 auto;
	border-radius: 3em;
	line-height: 3;
}
#jhMag16Menu .slider-x > div.menuItem > .txtBox a:before {
	content: "\003e";
}
#jh-magazine-16 .newSlide__ttl {
	font-size: 12px !important;
}

#jh-magazine-16 .newSlide__desc {
	min-height: 100px !important;
	font-size: 12px !important;
}
@media screen and (max-width: 640px) {
	div#jhMag16Menu {
		padding: 0;
	}
	#jhMag16Menu .slider-x > div.menuItem > .txtBox h3 {
		min-height: 48px;
	}
	#jhMag16Menu .slider-x > div.menuItem > .txtBox p {
		min-height: 140px;
	}
}
@media screen and (min-width: 960px) {
	#jhMag16Menu .slider-x > div.menuItem {
		width: 33%;
	}
	#jhMag16Menu .slider-x > div.menuItem > .txtBox a {
		width: 14em;
	}
}

/* JHMagバックナンバー
-------------------------------------------------------------- */

#jhMagBn {
	color: #000;
}

#jhMagBn div.note {
	position: relative;
	padding: 1rem;
	background: #E1D7BF;
	margin: 3rem 0;
}
#jhMagBn div.note > img {
	position: absolute;
	width: 80px;
	bottom: 0px;
	left: 0px;
}
#jhMagBn div.note ul {
	list-style-type: none;
	font-size: 0.8rem;
	margin: 0 0 0 30px;
}
#jhMagBn div.note ul li {
	text-indent: -1em;
	padding-left: 1em;
}

#jhMagBn ul.backNumber {
	list-style-type: none;
}
#jhMagBn ul.backNumber li {
	width: 85%;
	margin: 3rem auto;
}
#jhMagBn ul.backNumber li > h3 {
	text-align: center;
	margin: 0.5rem 0;
}
#jhMagBn ul.backNumber li > img {
	display: block;
}
#jhMagBn ul.backNumber li > a, #jhMagBn .latest a {
	display: block;
	width: 10em;
	line-height: 3em;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background-color: #342E2B;
	margin: 0 auto;
	border-radius: 2em;
}
#jhMagBn ul.backNumber li > a:after, #jhMagBn .latest a:after {
	content: "\0025b6";
}
#jhMagBn .latest .txtWrapper h3 {
	margin: 0;
}
#jhMagBn .latest .txtWrapper h3 > div {
	display: inline-block;
	font-size: 1.4em;
}
#jhMagBn div.accountWrapper {
	width: 180px;
	margin: 0 auto;
}
#jhMagBn img.snsWrapperHeader {
	width: 100%;
	max-width: 512px;
	margin: 5rem auto 3rem auto;
}
#jhMagBn .accountWrapper a {
	display: block;
	width: 80px;
}
#jhMagBn .accountWrapper a.twitter {
	float: left;
}
#jhMagBn .accountWrapper a.line {
	float: right;
}
@media screen and (min-width: 960px) {
	#jhMagBn h2 {
		font-size: 1.8rem;
		text-align: center;
	}
	#jhMagBn div.note > img {
		width: 100px;
		left: 32px;
	}
	#jhMagBn div.note ul {
		margin: 0 0 0 120px;
	}
	#jhMagBn ul.backNumber li {
		float: left;
		width:270px;
	margin: 0 0 50px 50px;
	}
	#jhMagBn ul.backNumber li:nth-child(3n+1) {
		clear: left;
		margin: 0;
	}
	#jhMagBn .latest .coverWrapper {
		width: 870px;
		margin: 2rem auto;
	}
	#jhMagBn .latest .coverWrapper img {
		width: 270px;
		float: left;
	}
	#jhMagBn .latest div.movie {
		width: 585px;
		float: right;
	}
}
/* 連載マンガ　おうちDIY
-------------------------------------------------------------- */

#cartoon div.mainContentWrapper {
	padding: 3rem 1rem;
	background: url("//www.joyfulhonda.com/jhdir/img/cartoon/cartoon_bg.jpg");
	background-size: 100%;
	background-repeat: repeat-y;
}

#cartoon div.lead {
	max-width: 800px;
	padding: 1rem 0;
	margin: 0 auto;
}
#cartoon div.lead > p {
	font-size: 1.2rem;
	margin-top: 2rem;
}
#cartoon div.cartoonWrapper {
	max-width: 800px;
	border-bottom: 1px solid #444;
	margin: 0 auto;
}
#cartoon div.tweetWrapper {
	max-width: 550px;
	margin: 0 auto;
}
/* #cartoon twitter-widget {
	margin: 0 auto 3rem auto !important;
} */

#cartoon a.twitterLink, #cartoon a.lineLink {
	width: 90%;
}

#cartoon ul.pagination {
	list-style-type: none;
	font-size: 1rem;
	width: 18em;
	margin: 1em auto;
}

#cartoon ul.pagination li.back, #cartoon ul.pagination li.next {
	float: left;
	width: 3em;
	text-align: center;
	margin: 0;
}

#cartoon ul.pagination li.back > a:before {
	content: "\0025c0";
}

#cartoon ul.pagination li.next > a:after {
	content: "\0025b6";
}

#cartoon ul.pagination li > a {
	display: inline-block;
	text-decoration: none;
	color: #000;
}

#cartoon ul.pagination li.pageNumber {
	float: left;
	width: 12em;
	text-align: center;
	margin: 0;
}

#cartoon ul.pagination li.pageNumber > a {
	display: inline-block;
	font-weight: bold;
	font-family: "century gothic" ,futura;
	background: #FFF;
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	color: #FFF;
	text-align: center;
	line-height: 1.5;
	background: #949494;
	margin-right: 0.5em;
}

#cartoon ul.pagination li.pageNumber > a.now {
	background: #444;
}

@media screen and (min-width: 960px) {
	#cartoon ul.pagination {
		font-size: 1.5rem;
	}
}

/* JH Story
-------------------------------------------------------------- */

#jyokin202007 {
	color: #393939;
}

#jyokin202007 br {
	display: none;
}

@media screen and (min-width: 960px) {
	#jyokin202007 br {
		display: inline;
	}
	#jyokin202007 h2 {
		font-size: 1.8rem;
		text-align: center;
	}
	#jyokin202007 p {
		font-size: 1.2rem;
		text-align: center;
	}
	#jyokin202007 ul {
		font-size: 1.2rem;
		width: 70%;
		margin: 0 auto;
	}
}

/* 譲渡会
-------------------------------------------------------------- */

#jotokaiSchedule dl {
	margin-bottom: 5rem;
}

#jotokaiSchedule dl > dt {
	font-size: 2rem;
	font-weight: bold;
	border-bottom: 1px solid #000;
	margin-bottom: 2rem;
}

#jotokaiSchedule dl > dd {
	margin-bottom: 0.5rem;
}

#jotokaiSchedule dl > dd > div.hour {
	padding-left: 1em;
}

#jotokaiSchedule dl > dd > div.storeName {
	padding-left: 1em;
	border-bottom: 1px dashed #000;
	margin-bottom: 2rem;
}

#jotokaiSchedule dl > dd > div.date {
	width: 6em;
	text-align: right;
}

#jotokaiSchedule dl > dd > div.hour {
	width: 10em;
}

@media screen and (min-width: 960px) {
#jotokaiSchedule dl > dd {
	padding-left: 2rem;
}
	#jotokaiSchedule dl > dd > div {
		float: left;
	}
#jotokaiSchedule dl > dd > div.storeName {
	border-bottom: 0;
	margin-bottom: 0;
}

}




/* 共通部品
-------------------------------------------------------------- */

#content .entry-header h1.entry-title, #syakoku .entry-header h1.entry-title {
	font-size: 16px;
	font-family: "Noto Sans JP";
	color: #444;
	background: #fafafa;
	width: 98%;
	padding: 10px 0px 7px 10px;
	padding: 0.5rem;
	margin-bottom: 16px;
	border: none;
	box-shadow: 0px -2px 0px #FFF,
                    0px -3px 0px #DADADA,
                    -2px 0px 0px #E4E4E4,
                     2px 0px 0px #E6E6E6,
                     0px 2px 0px #C3C3C3;
}

.jhParts img.gapless {
	margin: 0 auto;
}
.jhParts {
	color:#000;
}
.jhParts h2.slash {
	font-size: 1rem;
	text-align: center;
	margin-bottom: 0.5rem;
}
.jhParts h2.slash:before, .jhParts h2.slash:after {
	display: inline-block;
	content: "\00ff5c";
	transform: rotate(-45deg);
	margin: 0 0.5rem;
}
.jhParts h2.slash:after {
	transform: rotate(45deg);
}
.jhParts p {
	line-height: 1.5;
}
.jhParts p.newLineCentering br {
	display: none;
}
.jhParts div.captionTxt {
	margin: 2rem 0;
}
.jhParts div.captionTxt.narrow {
	margin: 1rem 2rem;
}
.jhParts div.captionTxt br {
	display: none;
}
.jhParts img.linkButton {
	margin-bottom: 2rem;
}
.jhParts .bullet {
	text-indent: -1em;
	padding-left: 1em;
}
.jhParts ul.komeNote li:before {
	content: "\00203b";
}
.jhParts ul.komeNote li {
	list-style: none;
	text-indent: -1em;
	padding-left: 1em;
	margin: 0;
}
/* table default-design */
.jhParts table.dd01 {
	font-size: 1rem;
	color: #000;
	border: 0;
}
.jhParts table.dd01 th {
	line-height: 1;
	background-color: transparent;
	padding: 0;
}
.jhParts table.dd01 td {
	line-height: 1;
	border: 0;
	padding: 0;
}
/* mailFormWrapper */
.jhParts table.spMode {
	display: block;
}
.jhParts table.spMode tbody {
	display: block;
}
.jhParts table.spMode tr {
	display: block;
	width: 100%;
}
.jhParts table.spMode th {
	display: block;
	width: 100%;
	height: auto;
	background: none;
}
.jhParts table.spMode td {
	display: block;
	width: 100%;
	border: 0;
}
/* JHArchives アーカイブス */

div.jhArchives {
	padding: 0.5rem;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	margin-bottom: 2rem;
}

.jhArchives h2 {
	width: 14em;
	font-size: 1rem;
	font-weight: normal;
	line-height: 2;
	text-align: center;
	color: #FFF;
	background: #808080;
	border-radius: 1rem;
	margin: 0.5rem 0;
}

.jhArchives h2:after {
	padding-left: 0.5em;
	content: "\00516c\00958b";
}

.jhArchives ul {
	list-style-type: none;
	color: #000;
	margin: 0.5rem;
}

.jhArchives ul li {
	font-size: 0.8em;
	text-indent: -1em;
	padding-left: 1em;
	margin: 0;
}

.jhArchives ul li:before {
	content: "\00203b";
}

/* twitter cp */
.jhParts a.twitterLink {
	display: block;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background: #009BDE;
	padding: 2em 0;
	margin: 1rem auto 5rem auto;
	box-shadow: 0.5rem 0.5rem 0 #127DB3;
}
/* line cp */
.jhParts a.lineLink {
	display: block;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background: #39AD36;
	padding: 2em 0;
	margin: 1rem auto 5rem auto;
	box-shadow: 0.5rem 0.5rem 0 #297C25;
}
/* img */
.jhParts a.imgLink > img {
	display: block;
	padding: 0;
	margin: 1rem auto 5rem auto;
	box-shadow: 0.5rem 0.5rem 0 #606060;
}
@media screen and (min-width: 960px) {
	.jhParts h2.slash {
		font-size: 2rem;
	}
	.jhParts p.newLineCentering {
		font-size: 1.4rem;
		text-align: center;
		margin-bottom: 3rem;
	}
	.jhParts p.newLineCentering br {
		display: inline;
	}
	.jhParts div.captionTxt {
		font-size: 1.6rem;
		padding: 0 3rem;
	}
	.jhParts div.captionTxt br {
		display: inline;
	}
	.jhParts div.captionTxt.pcCenter {
		text-align: center;
	}
	.jhParts table.spMode {
		display: table;
	}
	.jhParts table.spMode tbody {
		display: table-row-group;
		width: auto;
	}
	.jhParts table.spMode tr {
		display: table-row;
		width: auto;
	}
	.jhParts table.spMode th {
		display: table-cell;
		width: auto;
	}
	.jhParts table.spMode td {
		display: table-cell;
		width: auto;
	}
	.jhParts a.twitterLink, .jhParts a.lineLink {
		font-size: 3rem;
	}
}

/* 黒フェス用メニュー非表示 */

.page-id-29747 #masthead {
	display: none;
}

.page-id-29747 div.sp-navi {
	display: none;
}

/* 印刷用 */

@media print {
	.sp-site div.header-w-area {
	background: none;
	}
	.sp-site ul.jpLink2 {
		display: none;
	}
	/* sp用メニュー非表示化 */
	div.sp-navi {
		display: none;
	}
	/* 印刷時左メニュー非表示 */
	.widget-area {
		display: none;
	}
	.site-content {
		width: 100%;
	}
	/* Grid For Sp */

	.sp-site.w960 .jhgrid-container {
		width: 940px;
		margin: 0 auto;
	}
	.sp-site.w960 .jhgrid-container img {
		display: block;
		vertical-align: bottom;
	}

	.sp-site.w960 .jhgrid-container img.sp-only {
		display: none;
	}

	.sp-site.w960 .jhgrid-container h3, .jhgrid-container p {
		line-height: 1.5;
		margin: 0;
	}

	.sp-site.w960 .jhgrid-container p {
		font-size: 0.9rem;
	}

	.sp-site.w960 .jhgrid-container .jhgrid p {
		font-size: 1rem;
		margin-bottom: 10px;
	}

	.sp-site.w960 .jhgrid {
		margin-left: 20px;
		margin-bottom: 20px;
	}

	.sp-site.w960 .jhgrid1,
	.sp-site.w960 .jhgrid2,
	.sp-site.w960 .jhgrid3,
	.sp-site.w960 .jhgrid4,
	.sp-site.w960 .jhgrid5,
	.sp-site.w960 .jhgrid6,
	.sp-site.w960 .jhgrid7,
	.sp-site.w960 .jhgrid8,
	.sp-site.w960 .jhgrid9,
	.sp-site.w960 .jhgrid10,
	.sp-site.w960 .jhgrid11 {
		float: left;
		display: inline;
		line-height: 1;
		margin: 0 0 20px 20px;
	}

	.sp-site.w960 .jhgrid1 {
		width: 60px;
	}

	.sp-site.w960 .jhgrid2 {
		width: 140px;
	}

	.sp-site.w960 .jhgrid3 {
		width: 220px;
	}

	.sp-site.w960 .jhgrid4 {
		width: 300px;
	}

	.sp-site.w960 .jhgrid5 {
		width: 380px;
	}

	.sp-site.w960 .jhgrid6 {
		width: 460px;
	}

	.sp-site.w960 .jhgrid7 {
		width: 540px;
	}

	.sp-site.w960 .jhgrid8 {
		width: 620px;
	}

	.sp-site.w960 .jhgrid9 {
		width: 700px;
	}

	.sp-site.w960 .jhgrid10 {
		width: 780px;
	}

	.sp-site.w960 .jhgrid11 {
		width: 860px;
	}

	.sp-site.w960 .jh1stgrid {
		margin-left: 0;
		clear: left;
	}
	/* Homecenter Top page */

	#hcTop div#eventInfo {
		margin-top: 0;
	}
	#hcTop #eventInfo ul.shopList {
		height: 115px;
	}
	#hcTop #eventInfo ul.shopList li:nth-child(4n+1) {
		clear: left;
	}
	#hcTop h2.areaTitle {
		height: 140px;
		line-height: 140px;
		margin: 0;
	}
	#hcTop div.originalProducts {
		position: relative;
		width: 460px;
		height: 421px;
		background: url(img/homecenter/hc_index_003a.jpg) no-repeat;
	}
	#hcTop div.originalProducts > img {
		display: none;
	}
	#hcTop div.originalProducts-text {
		width: 280px;
		position: absolute;
		bottom: 0px;
	}
	#hcTop .jhgrid6.coinLaundry, #hcTop .jhgrid6.coinSeimai {
		width: 460px;
	}
	#hcTop div.coinLaundry, #hcTop div.coinSeimai {
		height: 560px;
	}
	#hcTop #coin ul.shoplist {
		width: 400px;
	}
	#hcTop #coin ul.shoplist li:nth-of-type(5n+1) {
		clear: left;
	}
	/* lens frame */
	#lens_frame div.leadBox {
		position: relative;
	}
	#lens_frame div.leadBox div.renew {
		position: absolute;
		width: 320px;
		height: 120px;
		top: 10px;
		left: -10px;
		transform: rotate( -15deg );
	}
	#lens_frame div.leadBox div.renew > p {
		display:table-cell;
		width: inherit;
		height: inherit;
		vertical-align:middle;
		color: #FFBE00;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		text-shadow: 1px 1px 1px #000,    -1px 1px 1px #000,    1px -1px 1px #000,    -1px -1px 1px #000;
		background: #A9FF05;
		background: linear-gradient(#FF002F, #730000);
		border-radius: 50%;
		box-shadow: 3px 3px 3px #000;
	}
	#lens_frame ul.lf-making {
		display: table;
		border-collapse: separate;
		border-spacing: 10px 0;
	}
	#lens_frame .lf-making li {
		position: relative;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		font-size: 16px;
		line-height: 1.4;
		width: 126px;
		height: 126px;
		border: 3px solid #398400;
		border-radius: 50%;
		box-sizing: border-box;
	}
	#lens_frame .lf-making li > span {
		position: absolute;
		top: 3px;
		left: 3px;
	}
	#lens_frame .lf-making li > br {
		display: inline;
	}
	#lens_frame div.imgTxtWrapper {
		width: 280px;
		width: 30%;
		float: left;
	}
	#lens_frame div.imgTxtWrapper:nth-of-type(n+2) {
		margin-left: 20px;
	}
	/* Gardencenter top page */

	#gcTop h2 {
		box-sizing: border-box;
		max-width: 940px;
		padding-left: 1em;
		margin: 0 auto 10px auto;
		color: #fff;
		font-weight: normal;
		line-height: 1.5;
		background: #8C633A;
		border-left: 14px solid #472F0E;
		border-bottom: 1px solid #472F0E;
		margin-bottom: 1em;
	}
	#gcTop p {
		margin-bottom: 0.5em;
	}
	#gcTop p.leadTxt {
		box-sizing: border-box;
		max-width: 940px;
		padding-left: 0;
		margin: 14px auto 14px auto;
		color: #343124;
		font-size: 22px;
		font-weight: normal;
		line-height: 1.2;
		background: #FFFFFF;
		border-left: none;
		border-bottom: none;
	}
	#gcTop p.leadTxt > span {
		font-size: 75%;
	}

	/* Gardencenter Top eventInfo */
	#gcTop #eventInfo {
		height: 620px;
		background: url(img/garden/gc_index_001e.jpg) no-repeat;
		background-position: bottom;
	}
	#gcTop #eventInfo h2 {
		color: #FFF;
		text-align: center;
		text-shadow: 1px 1px 3px #000;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		background: #145A35;
		padding: 0;
		border: none;
		margin: 0;
	}
	#gcTop #eventInfo h3:before {
		content: none;
	}
	#gcTop #eventInfo div#eventSchedule {
		position: relative;
		margin-top: 40px;
	}
	#gcTop #eventInfo div#eventSchedule > img.kuma {
		position: absolute;
		top: -60px;
		left: 10px;
	}
	#gcTop #eventInfo ul.shopList {
		padding: 0;
		background: rgba(255,255,255,0.5);
		border: 1px solid #145A35;
		border-top: 0;
	}
	#gcTop #eventInfo ul.shopList li {
		list-style: none;
		float: left;
		width: 90px;
		text-align: center;
		margin: 0 0 0 20px;
	}
	#gcTop ul.shopList li:nth-child(4n+1) {
		clear: left;
	}
	#gcTop ul.shopList li a {
		display: block;
		text-decoration: none;
	}
	#gcTop ul.shopList li a:hover {
		color: #FFF;
		background: #55C231;
	}
	#gcTop #hanakobo {
		position: relative;
		height: 325px;
		background: url(img/garden/gc_index_002a.jpg) no-repeat;
	}
	#gcTop div.text-box {
		position: absolute;
		top: 200px;
		width: 280px;
	}
	#gcTop dl.gardening {
		background: url(img/garden/gc_index_004c.jpg) no-repeat;
		margin: 0;
	}
	#gcTop dl.gardening dt {
		float: left;
		margin: 0 10px 0 120px;
	}
	#gcTop dl.gardening dd {
		float: left;
		width: 290px;
	}
	#gcTop #botanic-garden {
		padding: 0;
	}
	#gcTop #botanic-garden h2 {
		width: 400px;
		font-size: 24px;
		line-height: 1.2;
	}
	#gcTop #botanic-garden h2 > br {
		display: inline;
	}
	#gcTop #botanic-garden p {
		width: 400px;	
	}

}

@media print {

	/* T-POINT */
	#Tpoint div.logoBox {
		float: left;
		width: 300px;
	}
	#Tpoint div.logoBox > img {
		display: block;
		margin: 0 auto;
	}

	#Tpoint div.txtBox {
		float: left;
		width: 500px;
	}

	#Tpoint div.TpWrapper {
		padding: 2rem;
		border: 7px solid #004098;
	}
	#Tpoint div.leadWrapper {
		margin: 14px 0 56px 0;
	}
	#Tpoint div.txtBox {
		position: relative;
		font-size: 30px;
	}

	#Tpoint div.txtBox div.expansion {
		position: absolute;
		bottom: -70px;
		right: -50px;
	}
	#Tpoint div.window {
		width: 700px;
		border: 1px solid #004098;
		margin: 28px auto;
	}

	#Tpoint div.window h2, #Tpoint div.miniWindow h2 {
		margin: 0 auto;
		padding: 0.5rem;
	}
	#Tpoint div#earnUse {
		position: relative;
	}
	#Tpoint div#earnUse img.charaL {
		position: absolute;
		left: -72px;
		bottom: 0;
	}
	#Tpoint div#earnUse img.charaR {
		position: absolute;
		right: -72px;
		bottom: 0;
	}
	#Tpoint dl.TpEarnUse dt {
		float: left;
		clear: both;
	}

	#Tpoint dl.TpEarnUse dd {
		margin-left: 100px;
	}

	#Tpoint div#entry.window {
		position: relative;
		margin-top: 100px;
	}

	#Tpoint div#entry.window div.wrapper {
		width: 600px;
	}


	#Tpoint #entry img.cardImg {
		position: absolute;
		top: -90px;
		right: -7px;
	}

	#Tpoint #entry div.web, #Tpoint #entry div.shop {
	float: left;
	width: 270px;
	height: 200px;
	margin: 0;
	}

	#Tpoint #entry div.shop {
		float: right;
	}

	#Tpoint #entry div.campaign {
	position: absolute;
	top: 180px;
	left: -80px;
	margin: 0;
	}
	#Tpoint #exclude {
		padding: 1rem;
	}
	#Tpoint div.miniWindowWrapper {
		width: 700px;
		padding: 0;
		margin: 2rem auto;
	}
	#Tpoint div.miniWindow {
		float: left;
		width: 340px;
		height: 240px;
		border: 1px solid #004098;
	}
	#Tpoint div.miniWindow p, #Tpoint div.miniWindow ul {
		padding: 0.5rem;
		margin: 0;
	}
	#Tpoint div.miniWindow.schedule {
		float: right;
	}
	#Tpoint div#make {
		position: relative;
	}
	#Tpoint #make img.cardImg {
		width: 220px;
		height: auto;
		position: absolute;
		top: -20px;
		right: -7px;
	}
	#Tpoint #make img.cardChara {
		width: 150px;
		height: 226px;
		position: absolute;
		top: -60px;
		right: 20px;
	}
	#Tpoint #make ol.step li {
		float: left;
		width: 160px;
		height: 150px;
		margin: 0 0 0 10px;
	}

	#Tpoint #make #makeShop ol.step li {
	width: 128px;
	}

	#Tpoint #faq_personalInfo div.miniWindow {
		height: 160px;
	}

	#Tpoint #faq_personalInfo div#TpersonalInfo.miniWindow {
		float: right;
		border: none;
	}
} /*　暫定Tpoint印刷用 */

@media screen and (max-width: 960px) {
	div#wpadminbar {
		display : none;
	}
}