@charset "utf-8";

/* z-index tune */

header.site-header {
	z-index: 999;
	margin-bottom: 1rem;
}

div#main.wrapper {
	z-index: 10;
}

/* sp */

a.sp2016kumamoto {
	color: #444;
	text-decoration: none;
}

a.sp2016kumamoto:hover {
	color: #444;
}

a.sp2016kumamoto:visited {
	color: #444;
}


/* グローバルナビゲーションIR対応版 */


ul#menu-gnavi {
	display: block !important;
	height: 46px;
	border: 0;
}

ul#menu-gnavi:before, ul#menu-gnavi:after {
	display: table;
	content: "";
}

ul#menu-gnavi:after {
	clear: both;
}

ul#menu-gnavi > li.menu-item {
	float: left;
	width: 159px;
	color: #333;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	margin: 0;
}

ul#menu-gnavi > li.menu-item > a{ 
	display: block; 
}

/* HOME */

ul#menu-gnavi > li:nth-child(1) > a{
	width:159px;
	line-height: 46px;
	background: url(img/gMenu2014.png) no-repeat 0 0;
}

ul#menu-gnavi > li:nth-child(1) > a:hover { 
	background: url(img/gMenu2014.png) no-repeat 0 -46px;
}

/* 店舗情報 */

ul#menu-gnavi > li:nth-child(2) > a{
	width: 159px;
	line-height: 46px;
	background: url(img/gMenu2014.png) no-repeat -159px 0;
}

ul#menu-gnavi > li:nth-child(2) > a:hover {
	/* color: #fff; */
	text-shadow: 1px 1px 1px #555;
	background: url(img/gMenu2014.png) no-repeat -159px -46px;
}

/* 事業内容・サービス */

ul#menu-gnavi > li:nth-child(3) > a{
	width: 159px;
	line-height: 46px;
	background: url(img/gMenu2014.png) no-repeat -318px 0;
	cursor:default;
}

ul#menu-gnavi > li:nth-child(3) > a:hover { 
	background: url(img/gMenu2014.png) no-repeat -318px -46px;
}

/* 採用情報 */

ul#menu-gnavi > li:nth-child(4) > a{
	width: 159px;
	line-height: 46px;
	background: url(img/gMenu2014.png) no-repeat -477px 0;
	cursor:default;
}

ul#menu-gnavi > li:nth-child(4) > a:hover { 
	background: url(img/gMenu2014.png) no-repeat -477px -46px;
}

/* 企業情報 */

ul#menu-gnavi > li:nth-child(5) > a{
	width: 159px;
	line-height: 46px;
	background: url(img/gMenu2014.png) no-repeat -636px 0;
	cursor:default;
}

ul#menu-gnavi > li:nth-child(5) > a:hover { 
	background: url(img/gMenu2014.png) no-repeat -636px -46px;
}

/* IR情報 */

ul#menu-gnavi > li:nth-child(6) > a{
	width: 160px;
	line-height: 46px;
	background: url(img/gMenu2014.png) no-repeat -795px 0;
}

ul#menu-gnavi > li:nth-child(6) > a:hover { 
	background: url(img/gMenu2014.png) no-repeat -795px -46px;
}
/* edition2020 */

.sp-site div.header-w-area {
	background: none;
}

/* all */

ul#menu-gnavi {
	width: 955px;
	margin: 0 auto;
}

ul#menu-gnavi > li > a {
	color: #000;
	text-shadow: 1px 1px 7px #FFF;
	font-family: "Noto Sans JP";
}

ul#menu-gnavi > li > a:hover {
	color: #505050;
} 

ul#menu-gnavi > li > ul > li > a {
	width: 159px;
	margin: 0;
}

/* HOME */

ul#menu-gnavi > li:nth-child(1) > a{
	width:159px;
	line-height: 46px;
	background: url(//www.joyfulhonda.com/jhdir/img/gMenu2020.png) no-repeat 0 0;
}

ul#menu-gnavi > li:nth-child(1) > a:hover { 
	background: url(//www.joyfulhonda.com/jhdir/img/gMenu2020.png) no-repeat 0 -46px;
}

/* 店舗情報 */

ul#menu-gnavi > li:nth-child(2) > a{
	width: 159px;
	line-height: 46px;
	background: url(//www.joyfulhonda.com/jhdir/img/gMenu2020.png) no-repeat -159px 0;
}

ul#menu-gnavi > li:nth-child(2) > a:hover {
	text-shadow: none;
	background: url(//www.joyfulhonda.com/jhdir/img/gMenu2020.png) no-repeat -159px -46px;
}

/* 事業内容・サービス */

ul#menu-gnavi > li:nth-child(3) > a{
	width: 159px;
	line-height: 46px;
	background: url(//www.joyfulhonda.com/jhdir/img/gMenu2020.png) no-repeat -318px 0;
	cursor:default;
}

ul#menu-gnavi > li:nth-child(3) > a:hover { 
	background: url(//www.joyfulhonda.com/jhdir/img/gMenu2020.png) no-repeat -318px -46px;
}

/* 採用情報 */

ul#menu-gnavi > li:nth-child(4) > a{
	width: 159px;
	line-height: 46px;
	background: url(//www.joyfulhonda.com/jhdir/img/gMenu2020.png) no-repeat -477px 0;
	cursor:default;
}

ul#menu-gnavi > li:nth-child(4) > a:hover { 
	background: url(//www.joyfulhonda.com/jhdir/img/gMenu2020.png) no-repeat -477px -46px;
}

/* 企業情報 */

ul#menu-gnavi > li:nth-child(5) > a{
	width: 159px;
	line-height: 46px;
	background: url(//www.joyfulhonda.com/jhdir/img/gMenu2020.png) no-repeat -636px 0;
	cursor:default;
}

ul#menu-gnavi > li:nth-child(5) > a:hover { 
	background: url(//www.joyfulhonda.com/jhdir/img/gMenu2020.png) no-repeat -636px -46px;
}

/* IR情報 */

ul#menu-gnavi > li:nth-child(6) > a{
	width: 160px;
	line-height: 46px;
	background: url(//www.joyfulhonda.com/jhdir/img/gMenu2020.png) no-repeat -795px 0;
}

ul#menu-gnavi > li:nth-child(6) > a:hover { 
	background: url(//www.joyfulhonda.com/jhdir/img/gMenu2020.png) no-repeat -795px -46px;
}

/* サブメニュー */

ul#menu-gnavi > li > ul {
	border-left: 0;
	display: block;
}

ul#menu-gnavi > li > ul > li {
	display: block;
	overflow: hidden;
	height: 0;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
	transition: .5s;
}

ul#menu-gnavi > li:hover > ul > li {
	overflow: visible;
	height: 27px;
}

ul#menu-gnavi > li > ul > li > a {
	display: block;
	color: #444444;
	z-index: 20;
	/* width: 155px; */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-weight: normal;
	/* background: rgba(255,255,255,0.8); */
	background: rgba(255,255,255,1);
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	margin: 0;
	/* margin-left: 5px; */
	text-align: left;
	font-size: 12px;
	padding: 0 0 0 3px;
}

ul#menu-gnavi > li > ul > li > a:hover {
	/* background: rgba(214,214,214,0.8); */
	background: rgba(214,214,214,1);

}

/*
 * トップページ用style
 *
 ***************************************************************/


#specialContainer {
	width: 955px;
	/* height: 60px; */
	/* height: 40px; */
	box-sizing: border-box;
	/* border: #21759b 2px solid; */
	border: #f00 2px solid;
	background-color: #fff;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
	text-align: center;
	/* padding: 15px 0px; */
	/* color: #21759b; */
	color: #f00;
	font-size: 16px;
	font-weight: bold;
	line-height: 2.5em;
	margin-bottom: 1rem;
}

#specialContainer:hover {
	background-color: #f00;
}

#specialContainer:hover > a {
	color: #fff;
	display: block;
}

#specialContainer a {
	font-size: 2rem;
	text-decoration: none;
	color: #f00;
	line-height: 7rem;
}

#specialContainer a:hover,
#specialContainer a:active {
	/* text-decoration: underline; */
	color: #fff;
}

div#specialMessageWrapper2020 {
	border: 2px solid #F00;
	margin-bottom: 2rem;
}

div#specialMessageWrapper2020 > a {
	display: block;
	font-size: 1.2rem;
	font-weight: bold;
	text-decoration: none;
	color: #f00;
	background-color: #fff;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
	padding: 1rem;
}

div#specialMessageWrapper2020 > a:hover {
	color: #FFF;
	background-color: #F00;
}

/* HTML版より移植
   added by mh 20140409
----------------------------------------------- */

div.jhTop {
	width: 960px;
}

div.jhTop div.entry-content {
	width: 100% !important;
	margin: 0
}

#top #imgAndInfoBox {
	float: left;
}

#top #imgBox {
	float: left;
}

#top #mainImageWrapper {
	/* position: relative; */
	width: 694px;
	margin-bottom: 7px;
	float: left;
}


#top .mainImage {
	/* box-sizing: border-box; */
	/* background: url(img/index/banner_groupcard201601.png) no-repeat; */
	/* background: url(img/index/banner_tpoint20160615.png) no-repeat;　*/
	/* background: url(img/index/banner_tpoint20160629.png) no-repeat; */
	/* background: url(img/index/banner_tpoint20160713.png) no-repeat; */
	/* background: url(img/index/banner_tpoint20160727.png) no-repeat; */
	/* background: url(img/index/banner_tpoint20160907.png) no-repeat; */
	/* background: url(img/index/banner_tpoint20161004.png) no-repeat; */
	/* background: url(img/index/banner_jaccs201705.png) no-repeat; */
	/* background: url(img/index/banner_tpoint20170601.png) no-repeat; */
	/* background: url(img/index/banner_kiribana20170831.png) no-repeat; */
	/* background: url(img/index/banner_halloween2017.png) no-repeat; */
	/* background: url(img/index/banner_globe20171115.jpg) no-repeat; */
	/* background: url(img/index/banner_diycon201711.gif) no-repeat; */
	/* background: url(img/index/banner_jaccs-ca201801.png) no-repeat; */
	/* background: url(img/index/banner_clock201801.png) no-repeat; */
	/* background: url(img/index/banner_jaccs-jcb-cp2018.png) no-repeat; */
	/* background: url(img/index/banner_diycon_award.png) no-repeat; */
	/* background: url(img/index/banner_diycon2.png) no-repeat; */
	background: url(img/index/banner_mothersday2018.png) no-repeat;
	width: 694px;
	height: 300px;
	/* padding-top: 245px; */
	/* background-position-y: -50px; */
}


#top .mainImage_pre {
	/* box-sizing: border-box; */
	background: url(img/index/banner_groupcard201510.png) no-repeat;
	width: 694px;
	height: 300px;
	/* padding-top: 245px; */
	/* background-position-y: -50px; */
}


#top .mainImage_campeign201602 {
	/* box-sizing: border-box; */
	background: url(img/index/banner_groupcard201602.png) no-repeat;
	width: 694px;
	height: 300px;
	/* padding-top: 245px; */
	/* background-position-y: -50px; */
}

div.ticker {
	/* position: absolute; */
	/* box-sizing: border-box; */
	/* width: 100%; */
	padding: 252px 10px 0px 10px;
}

div.ticker p > span {
	display: inline-block;
	width: 3em;
	color: #fff;
	background: #FF0000;
	border-radius: 3px;
	text-align: center;
	margin: 0 7px 0 3px;
}

div.ticker p {
	background: #F0F0F0;
	/* width: 95%; */
	margin: 0 auto;
	box-sizing: border-box;
	box-shadow: 1px 1px 3px #000;
	padding: 5px;
	border-radius: 2px;
}

#top .textLink {
	width: 694px;
	height: 29px;
	color: #FF0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 9px 0px 0px 30px;
	background: url(../img/index/jh_mark.png) no-repeat #2a2a2a;
	font-size: 10pt;
}

#top .textLinkNone {
	width: 694px;
	height: 29px;
	color: #FF0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 9px 0px 0px 30px;
	background: #2a2a2a;
	font-size: 10pt;
}

#top .textLink a {
	color: #FF0;
	text-decoration: underline;
}

#top .textLink a:active, .textLink a:hover {
	color: #FF0;
	text-decoration: none;
}


#top .gadgetWrapperRside {
	float: left;
	width: 265px;
}

/* ガジェット0 */

#top .gadgetWrapperRside #gad0 {
	width: 253px;
	height: 80px;
	margin: 0 0 0 7px;
	float: left;
	border: 1px #aaa solid;
}

#top .gadgetWrapperRside #gad0 .banner {
	width: 253px;
	height: 80px;
	background: url(img/index/shinobu131210.png) no-repeat;
}

/* ガジェット00 上場のご挨拶 */

#top .gadgetWrapperRside #gad00 {
	width: 253px;
	height: 80px;
	margin: 0 0 0 6px;
	float: left;
	border: 1px #aaa solid;
}

#top .gadgetWrapperRside #gad00 .banner {
	width: 253px;
	height: 80px;
	background: url(img/index/topmsg_banner_mini.png) no-repeat;
}


/* ガジェット1　営業時間 */

#top .businessHourWrapper {
	display: none;
	position: relative;
	width: 253px;
	/* height: 159px; */
	height: 300px;
	margin: 0 3px 7px 7px;
	margin: 7px 3px 0px 7px; /* 2番目に掲載時用 */
	margin: 0px 0px 2px 6px; /* 1 */
	float: left;
	border: 1px #949494 solid;
}

/* 201611 linkVer */

#top .businessHourWrapper .businessHourBody ul.linkVer {
	width: 240px;
	margin: 7px auto 0 auto;
}

#top .businessHourWrapper .businessHourBody ul.linkVer li {
	width: 76px;
	margin: 2px;
}

#top .businessHourWrapper .businessHourBody ul.linkVer li > a {
	display: block;
	color: #000;
	font-size: 13.5px;
	text-align: center;
	text-decoration: none;
	line-height: 3;
	background: #F5F5F5;
}

#top .businessHourWrapper .businessHourBody ul.linkVer li > a:hover {
	color: #000;
}

#top .businessHourWrapper .businessHourBody ul.linkVer li.tokyo > a {
	background: #F3BDBD;
}

#top .businessHourWrapper .businessHourBody ul.linkVer li.tokyo > a:hover {
	background: #FF8686;
}

#top .businessHourWrapper .businessHourBody ul.linkVer li.chiba > a {	
	background: #BDF3F3;
}

#top .businessHourWrapper .businessHourBody ul.linkVer li.chiba > a:hover {	
	background: #86FFFF;
}

#top .businessHourWrapper .businessHourBody ul.linkVer li.saitama > a {
	background: #F3E5BD;
}

#top .businessHourWrapper .businessHourBody ul.linkVer li.saitama > a:hover {
	background: #FFE186;
}

#top .businessHourWrapper .businessHourBody ul.linkVer li.gunma > a {
	background: #D3BDF3;
}

#top .businessHourWrapper .businessHourBody ul.linkVer li.gunma > a:hover {
	background: #B786FF;
}

#top .businessHourWrapper .businessHourBody ul.linkVer li.tochigi > a {
	background: #F0F3BD;
}

#top .businessHourWrapper .businessHourBody ul.linkVer li.tochigi > a:hover {
	background: #F7FF86;
}

#top .businessHourWrapper .businessHourBody ul.linkVer li.ibaraki > a {
	background: #CCF3BD;
}

#top .businessHourWrapper .businessHourBody ul.linkVer li.ibaraki > a:hover {
	background: #A9FF86;
}

#top .businessHourWrapper .businessHourBody ul.linkVer li.longName {
	width: 156px;
}

#top .businessHourWrapper .businessHourBody ul.linkVer li.longName2 {
	width: 236px;
}

#top .businessHourWrapper .businessHourTitle {
	width: 243px;
	height: 17px;
	font-size: 14px;
	line-height: 1;
	background: url(img/index/gadgetTitleBack.png) repeat-x;
	padding: 5px 0 0 10px;
	border-bottom: 1px #949494 solid;
}

#top .businessHourWrapper .businessHourBody {
	width: 253px;
}

#top .businessHourWrapper .businessHourBody .time-A,
#top .businessHourWrapper .businessHourBody .time-B,
#top .businessHourWrapper .businessHourBody .time-C {
	font-size: 18px;
	font-weight: bold;
	color: #444;
	 /* line-height: 1.2; 冬 */
	line-height: 1.8; /* 夏 */
	background-color: #f5f5f5;
	margin-bottom: 5px;
	padding-left: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#top .businessHourWrapper .businessHourBody .time-B,
#top .businessHourWrapper .businessHourBody .time-C {
	margin-top: 20px;
}

#shizaiLink a {
	text-decoration: none;
}

#shizaiLink a:hover,
#shizaiLink a:active {
	text-decoration: underline;
}

#shizaiLink p {
	width: 90%;
	margin: 0 auto;
}

#top .businessHourWrapper .businessHourBody ul {
	margin: 0 0 0 auto;
	width: 236px;
}

#top .businessHourWrapper .businessHourBody ul li {
	list-style: none;
	color: #444;
	font-size: 14px;
	 /* line-height: 1.3; 冬 */
	line-height: 1.6; /* 夏 */
	width: 70px;
	float: left;
	margin: 0;
}

#top .businessHourWrapper .businessHourBody ul li a:hover,
#top .businessHourWrapper .businessHourBody ul li a:active {
	text-decoration: none;
	background-color: #CFF;
}

#top .businessHourWrapper .businessHourBody ul li.noFloat	{
	clear: both;
	width: 220px;
}



/* ガジェット1　営業時間 */

#top .gadgetWrapperRside #gad01 {
	width: 253px;
	height: 159px;
	margin: 0 3px 7px 7px;
	margin: 7px 3px 0px 7px; /* 2番目に掲載時用 */
	margin: 0px 0px 2px 6px; /* 1 */
	float: left;
	border: 1px #949494 solid;
}

#top .gadgetWrapperRside #gad01 .businessHourTitle {
	width: 243px;
	height: 17px;
	font-size: 14px;
	line-height: 1;
	background: url(img/index/gadgetTitleBack.png) repeat-x;
	padding: 5px 0 0 10px;
	border-bottom: 1px #949494 solid;
}

#top .gadgetWrapperRside #gad01 .businessHourBody {
	width: 253px;
}

#top .gadgetWrapperRside #gad01 .businessHourBody .time-A, .gadgetWrapperRside #gad01 .businessHourBody .time-B {
	font-size: 18px;
	font-weight: bold;
	color: #444;
	line-height: 1.2;
	background-color: #f5f5f5;
	padding-left: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#top .gadgetWrapperRside #gad01 .businessHourBody ul {
	margin: 0 auto 0 auto;
	width: 210px;
}

#top .gadgetWrapperRside #gad01 .businessHourBody ul li {
	list-style: none;
	color: #444;
	font-size: 14px;
	line-height: 1.1;
	width: 70px;
	float: left;
	margin: 0;
}

#top .gadgetWrapperRside #gad01 .businessHourBody ul li a:hover,
#top .gadgetWrapperRside #gad01 .businessHourBody ul li a:active {
	text-decoration: none;
	background-color: #CFF;
}


/* 営業時間の案内、オーバーレイ表示（元日等） */

/* new! */

#top #mainContentWrapper .businessHourWrapper .businessHourBodyOverLay {
	/* position: relative; */
	position: absolute;
	box-sizing: border-box;
	/* top: -300px; */
	top: 0;
	width: 253px;
	height: 300px;
	background-color: #9e0205;
	opacity: 0.9;
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 1.3;
}

.businessHourBodyOverLay > p {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.businessHourBodyOverLay > p > a, .businessHourBodyOverLay > p > a:visited {
	color: #fce36f;
	font-size: 14px;
}

/* new! */

#top #mainContentWrapper .businessHourWrapper .businessHourBodyOver {
	position: relative;
	top: -292px;
	/* width: 213px; */
	height: 180px;
	background-color: #9e0205;
	opacity: 0.9;
	text-align: center;
	font-size: 14px;
	color: #fff;
	padding: 110px 20px 10px;
	line-height: 1.3;
	_line-height: 130%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#top #mainContentWrapper .businessHourWrapper .businessHourBodyOver {
		position: relative;
		top: -286px;
		width: 213px;
		height: 180px;
	}

	/* #top #mainContentWrapper .businessHourWrapper .businessHourBodyOverLay {
		top: -297px;
	} */
}

#top #mainContentWrapper .businessHourWrapper .businessHourBodyOver a {
	color: #fce36f;
	font-size: 14px;
}
#top #mainContentWrapper .businessHourWrapper .businessHourBodyOver a:hover,
#top #mainContentWrapper .businessHourWrapper .businessHourBodyOver a:active {
	color: #06f;
	background-color: #fff;
}


#top #secondWrapper {
	width: 960px;
	height: 300px;
	margin-top: 24px;
}

#top #secondWrapper .leftBlock {
	float: left;
	width: 300px;
	/* height: 300px; */
	margin-left: 15px;
	padding: 0 15px;
	box-sizing: border-box;
}

#top #secondWrapper .centerBlock {
	float: left;
	width: 300px;
	/* height: 300px; */
	margin-left: 15px;
	padding: 0 15px;
	box-sizing: border-box;
}

#top #secondWrapper .rightBlock {
	float: left;
	width: 300px;
	/* height: 300px; */
	margin-left: 15px;
	padding: 0 15px;
	box-sizing: border-box;
}

#top #secondWrapper .subTitle {
	width: 270px;
	height: 24px;
	border-bottom: 1px #06f solid;
}

#top #secondWrapper .leftBlock .subTitle {
	background: url(img/index/title_shop.png) no-repeat;
}

#top #secondWrapper .centerBlock .subTitle {
	background: url(img/index/title_section.png) no-repeat;
}

#top #secondWrapper .rightBlock .subTitle {
	background: url(img/index/title_enjoy.png) no-repeat;
}

#top #secondWrapper div.subTitle.know {
	background: url(img/index/title_section.png) no-repeat;
}

#top #secondWrapper div.subTitle.enjoy {
	background: url(img/index/title_enjoy.png) no-repeat;
}

#top #secondWrapper div.subTitle.banners {
	background: url(img/index/title_banners.png) no-repeat;
}

#top #secondWrapper .selectShop {
	width: 270px;
	height: 275px;
}

#top #secondWrapper .selectCategory {
	width: 270px;
	height: 275px;
	padding: 15px 10px 0 10px;
}

#top #secondWrapper div.selectEnjoy, #top #secondWrapper div.cpBanners {
	width: 250px;
	/* width: 270px; */
	/* height: 275px; */
	padding: 15px 10px 0 10px;
	padding: 8px 10px 0 10px;
}

#top #secondWrapper div.pcBanner2in1 {
	margin-bottom: 10px;
}

#top #secondWrapper .pcBanner2in1 > a > img {
	float: left;
	display: block;
	width: 125px;
	height: 80px;
	padding: 0;
	margin: 0;
}

#top #secondWrapper .selectCategory {
	width: 270px;
	height: 275px;
	padding: 10px 10px 0 10px;
}

#top #secondWrapper .selectCategory .hc,
#top #secondWrapper .selectCategory .pc {
	width: 120px;
	height: 120px;
	float: left;
	margin-right: 10px;
}

#top #secondWrapper .selectCategory .gc,
#top #secondWrapper .selectCategory .exc {
	width: 120px;
	height: 120px;
	float: left;
}

#top #secondWrapper .selectCategory .hc,
#top #secondWrapper .selectCategory .gc {
	margin-bottom: 10px;
}




figure {
	position: relative;
	overflow: hidden;
	width: 120px;
	height: 120px;
}

figure .category {
	font-size: 12px;
}

figcaption1 {
	position: absolute;
	top: 100%;
	left: 100%;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
}

figcaption2 {
	position: absolute;
	top: 100%;
	left: -100%;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
}

figcaption3 {
	position: absolute;
	top: -100%;
	left: 100%;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
}

figcaption4 {
	position: absolute;
	top: -100%;
	left: -100%;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
}

figcaption1 p,
figcaption2 p,
figcaption3 p,
figcaption4 p {
	color: #fff;
	font-size: 10px;
	text-align: center;
	padding: 15px 0 0;
}

figure:hover figcaption1,
figure:hover figcaption2,
figure:hover figcaption3,
figure:hover figcaption4 {
	top: 0;
	left: 0;
}



#top #thirdWrapper {
	width: 900px;
	padding: 0px 30px;
	height: 82px;
	margin-top: 24px;
}

#thirdWrapper .bannerLeft,
#thirdWrapper .bannerCenter,
#thirdWrapper .bannerRight {
	width: 255px;
	height: 82px;
	float: left;
}

#thirdWrapper .bannerLeft,
#thirdWrapper .bannerCenter {
	margin-right: 67px;
}




/* ガジェット2　ジョイコミュバナー */

#top .gadgetWrapperRside #gad02 {
	width: 255px;
	height: 82px;
	float: left;
	margin-left: 6px;
	border: none;
	
}

#top .gadgetWrapperRside #gad02 .banner {
	width: 255px;
	height: 82px;
	background: url(img/index/joycommu_banner2.png) no-repeat;
}


/* ガジェット3　チラシバナー */

#top .gadgetWrapperRside #gad03 {
	width: 255px;
	height: 82px;
	float: left;
	margin-left: 6px;
	border: none;
	
}

#top .gadgetWrapperRside #gad03 .banner {
	width: 255px;
	height: 82px;
	background: url(img/index/flyer_banner.png) no-repeat;
}
/* ガジェット4　ECバナー */

#top .gadgetWrapperRside #gad04 {
	width: 255px;
	height: 82px;
	float: left;
	margin-left: 6px;
	border: none;
	
}

#top .gadgetWrapperRside #gad04 .banner {
	width: 255px;
	height: 82px;
	background: url(img/index/onlineshop.png) no-repeat;
}

/* ガジェット5　CGMバナー */

#top .gadgetWrapperRside #gad05 {
	width: 255px;
	height: 82px;
	float: left;
	margin-left: 6px;
	border: none;
	
}

#top .gadgetWrapperRside #gad05 .banner {
	width: 255px;
	height: 82px;
	background: url(img/index/enjoyful2.png) no-repeat;
}

#top #corpImg {
	padding-bottom: 15px;
}

#top #gadgetWrapper {
	width: 963px;
}


#top #gad_btmWrapper {
	height: 161px;
}

/* ガジェット 下段　左　EC＆enjoyful */

#top #gad_btmLeft01Wrapper {
	float: left;
	width: 255px;
	height: 161px;
	margin-right: 6px;
}

#top #gad_btmLeft01Wrapper #gad_btmLeft01a {
	width: 255px;
	height: 79px;
	margin-bottom: 3px;
}

#top #gad_btmLeft01Wrapper #gad_btmLeft01a .banner {
	background: url(img/index/onlineshop.png) no-repeat;
	width: 255px;
	height: 79px;
}
#top #gad_btmLeft01Wrapper #gad_btmLeft01b {
	width: 255px;
	height: 79px;
}

#top #gad_btmLeft01Wrapper #gad_btmLeft01b .banner {
	background: url(img/index/enjoyful2.png) no-repeat;
	width: 255px;
	height: 79px;
}

/* ガジェット 下段　左　生体情報 */


#top #gad_btmLeft01 {
	float: left;
	width: 255px;
	height: 161px;
	margin-right: 6px;
}

#top #gad_btmLeft01 .banner {
	background: url(img/index/seitai.png) no-repeat;
	width: 255px;
	height: 161px;
}

/* ガジェット 下段　左　工事見積もり */

#top #gad_btmLeft02 {
	float: left;
	width: 433px;
	height: 161px;
}

#top #gad_btmLeft02 .banner {
	background: url(img/index/estimate.png) no-repeat;
	width: 433px;
	height: 161px;
}

/* ガジェット5　ハーフVer 飲食テナント募集 */

#top #gad_btmRightWrapper {
	float: left;
	width: 255px;
	height: 161px;
	margin: 0 3px 0 6px;
}

#top #gad_btmRightWrapper .gad_btmRight01 {
	width: 255px;
	height: 79px;
}

#top #gad_btmRightWrapper .gad_btmRight01 .banner {
	width: 255px;
	height: 79px;
	background: url(img/index/tenant.png) no-repeat;
}

#top #gad_btmRightWrapper .gad_btmRight02 {
	width: 255px;
	height: 79px;
	margin-top: 3px;
}

#top #gad_btmRightWrapper .gad_btmRight02 .banner {
	width: 255px;
	height: 79px;
	background: url(img/index/cremation2.png) no-repeat;
}

/* イベントとご案内 */

#top #eventWrapper  {
	/* float: left; */
	/* width: 465px; */
	/* margin-left: 15px; */
	margin-top: 10px;
	margin-bottom: 10px;
}

div#eventWrapper div.eventTitle  {
	display: none;
	line-height: 1;
	width: 455px;
	height: 17px;
	background: url(img/index/gadgetTitleBack.png) repeat-x;
	padding: 5px 0 0 10px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #949494;
}

#top #eventWrapper .eventBody {
	height: auto;
}

#top #eventWrapper .eventBody ul {
	list-style: none;
	padding: 10px;
	margin: 0;
}

ul#eventBanner li {
	float: left;
	height: 80px;
	margin: 0;
	list-style-type: none;
}

ul#eventBanner li {
	margin-left: 9px;
}

ul#eventBanner li:first-child {
	margin-left: 0px;
}

#top #eventWrapper ul#moreList {
	padding: 0;
	margin-left: 5px;
	min-height: 28px
}

#top ul#moreList li {
	width: 63px;
	height: 28px;
	float: left;
	border: 1px #aaf solid;
	margin: 0;
}

/*
 * ごあんないfeed
 *
 ************************************************************************/

#top #infoWrapper {
	/* width: 465px; */
	/* margin-left: 5px; */
	margin-top: 25px;
	/* float: left; */
	margin-bottom: 10px;
	/* position: relative; */
	/* height: 147px; */
	height: auto;
	clear: both;
}

#top #infoWrapper .infoTitle {
	line-height: 1;
	/* width: 455px; */
	height: 17px;
	background: url(img/index/gadgetTitleBack.png) repeat-x;
	padding: 5px 0 0 10px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #949494;
}

#top #infoWrapper .infoBody {
	height: auto;
	padding-top: 10px;
	font-size: 12px;
	font-size: 0.857142857rem;
}

#top #infoWrapper .listings {
	width: 100%;
	padding-left: 5px;
}

#top #infoWrapper .listings .listing-view {
	width: 100%;
}

#top #infoWrapper .listed-date {
	display: block;
	float: left;
	margin-left: 0px;
}

#top #infoWrapper .listed-title {
	display: block;
	width: 500px;
	margin-left: 185px;
}

#top #infoWrapper .listed-title a {
	text-decoration: none;
}


#top #infoWrapper .listed-title a:hover,
#top #infoWrapper .listed-title a:active {
	text-decoration: underline;
}

#top #infoWrapper .cb {
	clear: both;
}

#top #infoWrapper .infoBody .pastInfo {
	padding: 0 10px 10px 10px;
	margin-top: 3px;
	text-align: right;
}

#top #infoWrapper .infoBody .pastInfo a {
	text-align: right;
	color: #ee5603;
	text-decoration: none;
}

#top #infoWrapper .infoBody .pastInfo a:hover {
	text-decoration: underline;
}



/*
 * ごあんないfeed 2
 *
 ************************************************************************/

#top #infoWrapper2 {
	/* width: 465px; */
	width: 955px;
	/* margin-left: 5px; */
	margin-top: 25px;
	/* float: left; */
	margin-bottom: 10px;
	position: relative;
	/* height: 147px; */
	/* height: auto; */
	/* height: 205px; */
	clear: both;
	/* border: 1px #eee solid; */
	/* border-top: none; */
	box-sizing: border-box;
}

#top #infoWrapper2 .infoTitle {
	line-height: 1;
	/* width: 455px; */
	height: 17px;
	background: url(img/index/gadgetTitleBack.png) repeat-x;
	padding: 5px 0 0 10px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #949494;
	font-weight: bold;
}

#top #infoWrapper2 .infoBody {
	height: auto;
	padding-top: 10px;
	font-size: 12px;
	font-size: 0.857142857rem;
}

#top #infoWrapper2 .listings {
	width: 100%;
	/* padding-left: 5px; */
}

#top #infoWrapper2 .listings .listing-view {
	width: 98%;
	margin-right: 0px;
}

#top #infoWrapper2 .listings .listing-view .listing-content {
	margin-bottom: 3px;
	padding-left: 10px;
}

#top #infoWrapper2 .listed-date {
	display: block;
	float: left;
	margin-left: 0px;
	margin-right: 10px;
}

#top #infoWrapper2 .listed-title {
	display: block;
	/* width: 580px; */
	/* width: 760px; */
	/* margin-left: 105px; */
}

#top #infoWrapper2 a {
	text-decoration: none;
}


#top #infoWrapper2 a:hover,
#top #infoWrapper2 a:active {
	text-decoration: underline;
}

#top #infoWrapper2 .cb {
	clear: both;
}

#top #infoWrapper2 .infoBody .pastInfo {
	padding: 0 10px 10px 10px;
	margin-top: 3px;
	text-align: right;
	position: absolute;
	top: -2px;
	right: 0px;
}

#top.update1910 #infoWrapper2 .infoBody .pastInfo {
	padding: 0;
	margin-top: 0;
	text-align: left;
	position: static;
	top: auto;
	right: auto;
}

#top #infoWrapper2 .infoBody .pastInfo a {
	text-align: right;
	color: #ee5603;
	text-decoration: none;
}

#top.update1910 #infoWrapper2 .infoBody .pastInfo a {
	text-align: left;
	color: #000;
}

#top #infoWrapper2 .infoBody .pastInfo a:hover {
	text-decoration: underline;
}


/*
 * 重要なお知らせfeed
 *
 ************************************************************************/

#top #importantWrapper {
	/* width: 465px; */
	width: 955px;
	/* margin-left: 5px; */
	margin-top: 25px;
	/* float: left; */
	margin-bottom: 10px;
	position: relative;
	height: 147px;
	/* height: auto; */
	/* height: 110px; */
	/* clear: both; */
	/* border: 1px #eee solid; */
	/* border-top: none; */
	box-sizing: border-box;
}

#top #importantWrapper .importantTitle {
	line-height: 1;
	/* width: 455px; */
	height: 17px;
	background: url(img/index/gadgetTitleBack2.png) repeat-x;
	padding: 5px 0 0 10px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #949494;
	font-weight: bold;
	color: #800;
}

#top #importantWrapper .importantBody {
	height: auto;
	padding-top: 10px;
	font-size: 12px;
	font-size: 0.857142857rem;
}

#top #importantWrapper .importantBody .listings a {
	color: #000;
}

#top #importantWrapper .importantBody .listings a:hover,
#top #importantWrapper .importantBody .listings a:active {
	color: #800;
}

#top #importantWrapper .listings {
	width: 100%;
	padding-left: 5px;
}

#top #importantWrapper .listings .listing-view {
	width: 100%;
}

#top #importantWrapper .listings .listing-view .listing-content {
	margin-bottom: 3px;
	padding-left: 10px;
}

#top #importantWrapper .listed-date {
	display: block;
	float: left;
	margin-left: 0px;
}

#top #importantWrapper .listed-title {
	display: block;
	/* width: 580px; */
	/* width: 760px; */
	/* margin-left: 105px; */
}

#top #importantWrapper a {
	text-decoration: none;
}


#top #importantWrapper a:hover,
#top #importantWrapper a:active {
	text-decoration: underline;
}

#top #importantWrapper .cb {
	clear: both;
}

#top #importantWrapper .importantBody .pastInfo {
	padding: 0 10px 10px 10px;
	margin-top: 3px;
	text-align: right;
	position: absolute;
	top: -2px;
	right: 0px;
}

#top #importantWrapper .importantBody .pastInfo a {
	text-align: right;
	color: #ee5603;
	text-decoration: none;
}

#top #importantWrapper .importantBody .pastInfo a:hover {
	text-decoration: underline;
}

/*
 *
 *
 *****************************************************************/

#top #mainContentWrapper #infoWrapper {
	width: 694px;
	/* margin-left: 5px; */
	margin-top: 25px;
	/* float: left; */
	margin-bottom: 10px;
	/* position: relative; */
	/* height: 147px; */
	height: auto;
	clear: both;
}

#top #mainContentWrapper #infoWrapper .infoTitle {
	line-height: 1;
	/* width: 455px; */
	height: 17px;
	background: url(img/index/gadgetTitleBack.png) repeat-x;
	padding: 5px 0 0 10px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #949494;
}

#top #mainContentWrapper #infoWrapper .infoBody {
	height: auto;
	padding-top: 10px;
}

#top #mainContentWrapper #infoWrapper .listings {
	width: 100%;
}

#top #mainContentWrapper #infoWrapper .listings .listing-view {
	width: 100%;
}

#top #mainContentWrapper #infoWrapper .listed-date {
	display: block;
	float: left;
	margin-left: 0px;
}

#top #mainContentWrapper #infoWrapper .tag-important {
	padding: 1px 0;
	text-align: center;
	display: block;
	float: left;
	font-size: 10px;
	color: #fff;
	width: 75px;
	background-color: #f00;
	margin-left: 7px;
	margin-left: 0.5rem;
	margin-right: 7px;
	margin-right: 0.5rem;
}

#top #mainContentWrapper #infoWrapper .tag-info {
	padding: 1px 0;
	text-align: center;
	display: block;
	float: left;
	font-size: 10px;
	color: #fff;
	width: 75px;
	background-color: #248de4;
	margin-left: 7px;
	margin-left: 0.5rem;
	margin-right: 7px;
	margin-right: 0.5rem;
}

#top #mainContentWrapper #infoWrapper .listed-title {
	display: block;
}

#top #mainContentWrapper #infoWrapper .listed-title a {
	text-decoration: none;
}

#top #mainContentWrapper #infoWrapper .listed-title a:hover,
#top #mainContentWrapper #infoWrapper .listed-title a:active {
	text-decoration: underline;
}

#top #mainContentWrapper #infoWrapper .cb {
	clear: both;
}

#top #mainContentWrapper #infoWrapper .infoBody .pastInfo {
	padding: 0 10px 10px 10px;
	margin-top: 3px;
	text-align: right;
}

#top #mainContentWrapper #infoWrapper .infoBody .pastInfo a {
	text-align: right;
	color: #ee5603;
	text-decoration: none;
}

#top #mainContentWrapper #infoWrapper .infoBody .pastInfo a:hover {
	text-decoration: underline;
}

/*
 * バナー用グリッド add 201909
 *
 *****************************************************************/

/* for test */

.page-id-25092 .entry-header {
	display: none;
}

.page-id-25092 .site-content {
	margin-top: 0;
}

/* for test */

#top h2 {
	font-size: 1rem;
	padding: 5px 0 0 10px;
	background: url(img/index/gadgetTitleBack.png) repeat-x bottom;
	border-bottom: 1px solid #D5D5D5;
}

#top ul.gridBanners {
	list-style-type: none;
	margin: 2rem 0;
}

#top ul.gridBanners li {
	float: left;
	overflow: hidden;
	/* width: 309px; */
	/* margin: 0 0 14px 14px; */
}

#top ul.gridBanners li > a > img {
	display: block;
	box-sizing: border-box;
	border:1px solid #C3C3C3;
	border-radius: 3px;
}



/*
 * 未使用
 *
 *****************************************************************/

#top #infoWrapper .infoBody ul {
	list-style: none;
	line-height: 1;
	min-height: 48px;
	padding: 10px 0 0 5px;
	margin: 0;
}

@-moz-document url-prefix() {
  #eventWrapper ul .text, #infoWrapper ul .text2, #infoWrapper ul .text3 {
    letter-spacing: -1px;
  }
}

#top #infoWrapper .infoBody ul .important {
	background-image: url(img/index/important.png);
	width: 81px;
	height: 12px;
	float: left;
	margin: 0 10px 10px 0;
}

#top #infoWrapper .infoBody ul .info {
	background-image: url(img/index/infomation.png);
	width: 48px;
	height: 12px;
	float: left;
	margin: 0 43px 10px 0;
}

#top #infoWrapper .infoBody ul .date2 {
	color: #06F;
	float: left;
	margin: 0 10px 10px 0;
}

#top #infoWrapper .infoBody ul .text {
	color: #f00;
	font-weight: bold;
	margin-bottom: 10px;
}

#top #infoWrapper .infoBody ul li.text3 {
	margin-right: 10px;
	margin-bottom: 10px;
	/* clear: both; */
	margin-left: 10px;
}

#top #infoWrapper .infoBody ul li.text3 a {
	color: #06F;
	text-decoration: none;
}

#top #infoWrapper .infoBody ul li.text3 a:hover, #infoWrapper .infoBody ul li.text3 a:active {
	color: #F00;
	text-decoration: underline;
}

#top #infoWrapper .infoBody ul .text a {
	color: #f00;
	text-decoration: underline;
}

#top #infoWrapper .infoBody ul .text a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #f00;
}

#top #infoWrapper .infoBody ul .text2 {
	color: #06F;
	margin: 0 0 10px 0;
}

#top #infoWrapper .infoBody ul .text2 a {
	color: #06F;
	text-decoration: none;
}

#top #infoWrapper .infoBody ul .text2 a:hover {
	color: #06F;
	text-decoration: underline;
}

#top #infoWrapper .infoBody .pastInfo a {
	text-align: right;
	color: #ee5603;
	text-decoration: none;
}

#top #infoWrapper .infoBody .pastInfo a:hover {
	text-decoration: underline;
}

#top #infoWrapper ul#moreList {
	padding: 0;
	margin-left: 5px;
	min-height: 28px
}

#top ul#moreList li {
	width: 63px;
	height: 28px;
	float: left;
	border: 1px #aaf solid;
	margin: 0;
}

/************************************************************/



#top #areaWrapper {
	height: auto;
	width: 960px;
}

#top #areaWrapper #hcArea {
	float: left;
	height: 148px;
	width: 238px;
	margin-bottom: 10px;
}

#top #areaWrapper #gcArea {
	float: left;
	height: 148px;
	width: 238px;
	margin-left: 1px;
	margin-bottom: 10px;
	background: url(img/index/gcarea.jpg);
}

#top #areaWrapper #pcArea {
	float: left;
	height: 148px;
	width: 238px;
	margin-left: 1px;
	margin-bottom: 10px;
	background: url(img/index/pcarea.jpg);
}

#top #areaWrapper #exArea {
	float: left;
	height: 148px;
	width: 238px;
	margin-bottom: 10px;
	background: url(img/index/exarea.jpg);
}



/* Original CSS for Custom Widget Area (header)
   added by kawakubo 20130215
----------------------------------------------- */


.header-w-area {
    background: url(img/headerBack.png) no-repeat;
    height: 70px;
    height: 5rem;
    position: relative;
}

.header-w-area .jpLink {
    text-align: right;
    position: absolute;
    bottom: 10px;
    bottom: 0.714285714rem;
    right: 10px;
    right: 0.714285714rem;
    font-size: 12px;
    font-size: 0.857142857rem;
}

.header-w-area .jpLink a {
    text-decoration: none;
}

.header-w-area .jpLink a:hover, .header-w-area .jpLink a:active {
    text-decoration: underline;
}

.header-w-area img {
    border-radius: 0px;
    box-shadow: none;
}

/* Two Header Widget Areas */
.header-w-area .hTwo .widget-area-header {
    text-align:left;
    float: left;
    margin-right: 2%;
    width: 48%;
}
.header-w-area .hTwo .widget-area-header .no-widget {
    display: block;
    height: 2rem;
}
 
/* Three Header Widget Areas */
.header-w-area .hThree .widget-area-header {
    text-align:left;
    float: left;
    margin-right: 2.5%;
    width: 31%;
}
.header-w-area .hThree .widget-area-header .no-widget {
    display: block;
    height: 2rem;
}
 
/* Four Header Widget Areas */
.header-w-area .hFour .widget-area-header {
    text-align:left;
    float: left;
    margin-right: 3%;
    /* width: 22.5%; */
    width: 216px;
    width: 15.428571428rem;
}
.header-w-area .hFour .widget-area-header .no-widget {
    display: block;
    height: 28px;
    height: 2rem;
    height: 28px\9;
}
 
.header-w-area .hTwo .widget-area-header + .widget-area-header,
.header-w-area .hThree .widget-area-header + .widget-area-header + .widget-area-header,
.header-w-area .hFour .widget-area-header + .widget-area-header + .widget-area-header + .widget-area-header {
    margin-right: 0px;
}



/* Original CSS for Custom Widget Area (body)
   added by kawakubo 20130219
----------------------------------------------- */

.body-w-area after {
    clear: both;
}


.body-w-area a {
    text-decoration: none;
}

/* Two Body Widget Areas */
.body-w-area .bTwo .widget-area-body{
    text-align:left;
    float: left;
    margin-right: 2%;
    width: 48%;
}
 
/* Three Body Widget Areas */
.body-w-area .bThree .widget-area-body{
    text-align:left;
    float: left;
    margin-right: 2.5%;
    width: 31%;
}
 
/* Four Body Widget Areas */
.body-w-area .bFour .widget-area-body{
    text-align:left;
    float: left;
    /* margin-right: 3%; */
    /* width: 22.5%; */
}
 
.body-w-area .bTwo .widget-area-body + .widget-area-body,
.body-w-area .bThree .widget-area-body + .widget-area-body + .widget-area-body,
.body-w-area .bFour .widget-area-body + .widget-area-body + .widget-area-body + .widget-area-body {
    margin-right: 0px;
    margin-bottom: 14px;
    margin-bottom: 1rem;
}

#gad01 {
	width: 235px;
	width: 16.785714285rem;
	height: 159px;
	height: 11.357142857rem;
	margin-right: 4px;
	margin-right: 0.285714285rem;
	margin-bottom: 5px;
	margin-bottom: 0.357142857rem;
	float: left;
	border: 1px #949494 solid;
	
}
#gad01 .businessHourTitle {
	width: 225px;
	width: 16.071428571rem;
	height: 17px;
	height: 1.214285714rem;
	background: url(img/gadjetTitleBack.png) repeat-x;
	padding: 5px 0 0 10px;
	padding: 0.357142857rem 0 0 0.714285714rem;
	border-bottom: 1px #949494 solid;
}

#gad01 .businessHourBody {
	width: 235px;
	width: 16.785714285rem;
}

#gad01 .businessHourBody .time {
	margin-top: 20px;
	margin-top: 1.428571428rem;
	height: 30px;
	height: 2.142857142rem;
	font-size: 24px;
	font-size: 1.714285714rem;
	text-align: center;
	font-weight: bold;
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#gad01 .businessHourBody .holiday {
	margin-top: 5px;
	margin-top: 0.357142857rem;
	height: 30px;
	height: 2.14285714rem;
	font-size: 14px;
	font-size: 1rem;
	text-align: center;
	font-weight: bold;
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#gad01 .businessHourBody .businessHourNotice {
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	padding: 10px 0px 10px 9px;
	padding: 0.714285714rem 0 0.714285714rem 0.642857142rem;
	height: 21px;
	height: 1.5rem;
	background-color: #EEE;
	margin-top: 10px;
	margin-top: 0.714284714rem;
	text-align: left;
}
#gad01 .businessHourBody .businessHourNotice .timeWeight {
	font-weight: bold;
	color: #0F69CC;
	padding: 0px 3px;
	padding: 0 0.214285714rem;
}


#gad02 {
	float: left;
	height: 159px;
	height: 11.357142857rem;
	width: 235px;
	width: 16.785714285rem;
	margin-right: 4px;
	margin-right: 0.285714285rem;
	margin-bottom: 3px;
	margin-bottom: 0.214285714rem;
	color: #fff;
}


#gad03 {
	float: left;
	height: 159px;
	height: 11.357142857rem;
	width: 235px;
	width: 16.785714285rem;
	margin-right: 4px;
	margin-right: 0.285714285rem;
	margin-bottom: 5px;
	margin-bottom: 0.357142857rem;
	color: #fff;
}


#gad04 {
	float: left;
	height: 159px;
	height: 11.357142857rem;
	width: 235px;
	width: 16.785714285rem;
	margin-bottom: 5px;
	margin-bottom: 0.357142857rem;
	border: 1px #744000 solid;
	color: #fff;
}
#gad04 .title {
	background-image: url(img/cremation.png);
	width: 235px;
	width: 16.785714285rem;
	height: 94px;
	height: 6.714285714rem;
}
#gad04 .body {
	width: 215px;
	width: 15.357142857rem;
	height: 55px;
	height: 3.928571428rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #2a2a2a;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding: 10px 0px 0px 20px;
	padding: 0.714285714rem 0 0 1.428571428rem;
	line-height: 120%;
	_line-height: 1.2;
}
#beforeFooterWrapper.update1702 div.beforeFooterContents {
	margin-right: 0;
}

/* Original CSS for Custom Widget Area (footer)
   added by kawakubo 20130215
----------------------------------------------- */

.footer-w-area after {
    clear: both;
}

/* Two Footer Widget Areas */
.footer-w-area .fTwo .widget-area-footer {
    text-align:left;
    float: left;
    margin-right: 2%;
    width: 48%;
}
 
/* Three Footer Widget Areas */
.footer-w-area .fThree .widget-area-footer {
    text-align:left;
    float: left;
    margin-right: 2.5%;
    width: 31%;
}
 
/* Four Footer Widget Areas */
.footer-w-area .fFour .widget-area-footer {
    text-align:left;
    float: left;
    margin-right: 3%;
    width: 22.5%;
}
 
.footer-w-area .fTwo .widget-area-footer + .widget-area-footer,
.footer-w-area .fThree .widget-area-footer + .widget-area-footer + .widget-area-footer,
.footer-w-area .fFour .widget-area-footer + .widget-area-footer + .widget-area-footer + .widget-area-footer {
    margin-right: 0;
}




/* Original CSS for Content Link Area (body)
   added by kawakubo 20130318
----------------------------------------------- */

#eventArea {
    width: 468px;
    width: 33.428571428rem;
    height: ;
    float: left;
    margin-left: 5px;
    margin-left: 0.357142857rem;
    margin-right: 14px;
    margin-right: 1rem;
}

#eventArea .eventTitle {
    width: 458px;
    width: 32.714285142rem;
    height: 17px;
    height: 1.214285714rem;
    background: url(img/gadjetTitleBack.png) repeat-x;
    padding: 5px 0 0 10px;
    padding: 0.357142857rem 0px 0px 0.714285714rem;
    border-bottom-width: 0px;
    border-bottom-style: solid;
    border-bottom-color: #949494;
}
#eventArea .eventBody {
    height: auto;
    font-size: 12px;
    font-size: 0.857142857rem;
}
#eventArea .eventBody ul {
    padding: 10px;
    padding: 0.714285714rem;
}

#eventArea .eventBody ul .hc {
    background-image: url(img/hc.png);
    width: 22px;
    width: 1.571428571rem;
    height: 10px;
    height: 0.714285714rem;
    float: left;
    margin-top: 1px;
    margin-top: 0.071428571rem;
    margin-right: 10px;
    margin-right: 0.714285714rem
}

#eventArea .eventBody ul .gc {
    background-image: url(img/gc.png);
    width: 22px;
    width: 1.571428571rem;
    height: 10px;
    height: 0.714285714rem;
    float: left;
    margin-top: 1px;
    margin-top: 0.071428571rem;
    margin-right: 10px;
    margin-right: 0.714285714rem
}

#eventArea .eventBody ul .pc {
    background-image: url(img/pc.png);
    width: 22px;
    width: 1.571428571rem;
    height: 10px;
    height: 0.714285714rem;
    float: left;
    margin-top: 1px;
    margin-top: 0.071428571rem;
    margin-right: 10px;
    margin-right: 0.714285714rem
}

#eventArea .eventBody ul .ex {
    background-image: url(img/exc.png);
    width: 22px;
    width: 1.571428571rem;
    height: 10px;
    height: 0.714285714rem;
    float: left;
    margin-top: 1px;
    margin-top: 0.071428571rem;
    margin-right: 10px;
    margin-right: 0.714285714rem
}

#eventArea .eventBody ul .date {
    color: #2a2a2a;
    float: left;
}

#eventArea .eventBody ul .text {
    color: #06f;
    margin-bottom: 10px;
    margin-bottom: 0.714285714rem;
    padding-left: 30px;
    padding-left: 2.142857142rem;
}

#eventArea .eventBody ul .text a {
    color: #06f;
    text-decoration: none;
}

#eventArea .eventBody ul .text a:hover {
    color: #06f;
    text-decoration: underline;
}
#eventArea .eventBody ul .allEvent {
    margin-top: 3px;
    margin-top: 0.214285714rem;
    text-align: right;
}
#eventArea .eventBody ul .allEvent a {
    text-align: right;
    color: #ee5603;
    text-decoration: none;
}
#eventArea .eventBody ul .allEvent a:hover {
    text-decoration: underline;
}


#information {
    width: 468px;
    width: 33.428571428rem;
    height: 142px;
    height: 10.142857142rem;
    float: right;
    margin-right: 5px;
    margin-right: 0.357142857rem;
    position: relative;
}

#information h3 {
    width: ;
    height: 17px;
    height: 1.214285714rem;
    padding-top: 5px;
    padding-top: 0.357142857rem;
    padding-left: 10px;
    padding-left: 0.714285714rem;
    font-weight: normal;
    background: url(img/gadjetTitleBack.png) repeat-x;
}

#information ul {
    margin-top: 10px;
    margin-top: 0.714285714rem;
}

#information li {
    font-size: 12px;
    font-size: 0.857142857rem;
    margin-bottom: 5px;
    margin-bottom: 0.357142857rem;
    padding-left: 10px;
    padding-left: 0.714285714rem;    
}

#information ul .important_icon {
	width: 81px;
	width: 5.785714285rem;
	height: 12px;
	height: 0.857142857rem;
	float: left;
	margin-right: 10px;
	margin-right: 0.714285714rem;
	margin-bottom: 10px;
	margin-bottom: 0.714285714rem;
}

#information ul .info_icon {
	width: 48px;
	width: 3.428571428rem;
	height: 12px;
	height: 0.857142857rem;
	margin-right: 43px;
	margin-right: 3.071428571rem;
	float: left;
	margin-bottom: 10px;
	margin-bottom: 0.714285714rem;
	clear: left;
}

#information ul .important_date {
	color: #f00;
	float: left;
	margin-right: 10px;
	margin-right: 0.714285714rem;
	margin-bottom: 10px;
	margin-bottom: 0.714285714rem;
}

#information ul .info_date {
	color: #06F;
	float: left;
	margin-right: 10px;
	margin-right: 0.714285714rem;
	margin-bottom: 10px;
	margin-bottom: 0.714285714rem;
}

#information ul .important_text {
	color: #f00;
	font-weight: bold;
	margin-bottom: 10px;
	margin-bottom: 0.714285714rem;
}

#information ul .important_text a {
	color: #f00;
	text-decoration: underline;
}

#information ul .important_text a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #f00;
}

#information ul .info_text {
	color: #06F;
	margin-bottom: 10px;
	margin-bottom: 0.714285714rem;
}

#information ul .info_text a {
	color: #06F;
	text-decoration: none;
}

#information ul .info_text a:hover {
	color: #06F;
	text-decoration: underline;
}

#information li a {
    text-decoration: none;
}

#information li a:hover, #infomation li a:active {
    text-decoration: underline;
}

#information #moreContents {
    margin: 0px;
    margin-top: 10px;
    margin-top: 0.714285714rem 0px;
    width: 100%;
    height: 30px;
    height: 2.142857142rem;
    position: absolute;
    bottom: 0px;
}

#information #moreContents ul {
    margin: 0px;
    padding: 0px;
}

#information #moreContents li {
    padding: 0px;
    margin: 0px 1px 0px 0px;
    margin-left: 0.071428571rem;
    width: 65px;
    width: 4.642857142rem;
    height: 30px;
    height: 2.142857142rem;
    float: left;
}

#information #moreContents li:first-child {
    padding: 0px;
    margin: 0px;
}

#information #moreContents li img {
    border: #888 1px solid;
}

#information #moreContents li img:hover {
    border: #06f 1px solid;
}

#areaWrapper {
    display: none;
    margin: 14px 0px;
    margin: 1rem 0px;
    height: 148px;
    height: 10.571428571rem;
}

#beforeFooterWrapper {
	background-color: #f1f7fc;
	font-size: 10px;
	width: 100%;
	height: 130px;
	color: #888;
	padding-left: 30px;
	margin-top: 20px;
}

#beforeFooterWrapper a {
	text-decoration: none;
	color: #666;
}

#beforeFooterWrapper a:hover,
#beforeFooterWrapper a:active {
	text-decoration: underline;
	color: #06f;
}

#beforeFooterWrapper .beforeFooterContents {
	float: left;
	margin-right: 30px;
}

#beforeFooterWrapper .beforeFooterContents ul .linkCat {
	display: block;
	margin-left: 20px;
	color: #666;
	font-weight: bold;
}

#beforeFooterWrapper .beforeFooterContents ul {
	margin-top: 7px;
	margin-bottom: 0px;
}

/* update201910　スマホ対応版 */

#top div.spBusinessHourWrapper > a {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 3;
	border: 1px solid #444;
	border-radius: 0.5rem;
	margin: 2rem 0;
	background: #ffcaca;
	color: #000;
	display: none;
}

#top.update201910 h2 {
	text-align: center;
	color: #000;
	font-size: 32px;
	background: none;
	border: none;
}

#top.update201910 h3 {
	color: #000;
	font-size: 20px;
	line-height: 1em;
	padding-left: 0.5em;
	margin-bottom: 0;
}

#top.update201910 #secondWrapper {
	width: 100%;
	height: auto;
}

#top.update201910 div.leftBlock {
	display: none;
}

#top.update201910 .leftBlock h3 > span {
	color: #ff00f7;
}

#top.update201910 .centerBlock h3 > span {
	color: #f39700;
}

#top.update201910 .rightBlock h3 > span {
	color: #007eff;
}

#top.update201910 div#infoWrapper2 {
	width: 100%;
}

#top.update201910 .listing-content {
	padding: 0 !important;
	margin-bottom: 1rem !important;
}

#top.update201910 .listing-content:after {
	clear: both;
}

#top.update201910 .listing-content:after, #top.update201910 .listing-content:before {
	display: table;
	content: "";
}

#top.update201910 span.listed-date {
	float: none;
	width: 100%;
}

#top.update201910 div.listing-content > a {
	float: none;
	width: 100%;
}



#top.update201910 div.pastInfo {
	width: 8em;
	text-align: center;
	border: 1px solid #5D5D5D;
	border-radius: 3px;
	margin: 1em 0 1em auto;
}

#top.update201910 div.pastInfo > a {
	display: block;
	color: #5D5D5D;
	line-height: 2em;
}

#top.update201910 div.pastInfo > a:hover {
	text-decoration: none !important;
}

#top.update201910 #importantWrapper {
	width: 100%;
	height: auto;
	margin-bottom: 3rem;
}

#top div.mottoJoyfulSp {
	display: none;
}

/* update202004 */

#jhLogoSns div.jhLogo {
	padding: 0.5rem;
}

#jhLogoSns div.jhLogo > a {
	display: block;
	width: 120px;
}
#jhLogoSns div.jhLogo > a > img {
	display: block;
	width: 100%;
}
#jhLogoSns ul.snsLink {
	background: #DADADA;
	/* padding: 0.5rem; */
}
#jhLogoSns ul.snsLink > li {
	float: left;
	width: 40px;
}
#jhLogoSns ul.snsLink > li > a {
	display: block;
	width: 100%;
}
#jhLogoSns ul.snsLink > li > a > img {
	display: block;
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	padding: 0.2rem;
}
#jhLogoSns ul.jpLink2 {
	margin-top: 1rem;
}
#jhLogoSns ul.jpLink2 li {
	margin: 0 7px 3px 0;
}
#jhLogoSns ul.jpLink2 > li.pickupService {
	width: 240px;
}
#jhLogoSns ul.jpLink2 > li.pickupService > a > img {
	display: block;
	box-sizing: border-box;
	width: auto;
	height: 40px;
	padding: 0.2rem;
}
#jhLogoSns ul.jpLink2 > li.button > a > img  {
	width: auto;
	height: 30px;
	margin: 0 auto;
}
#jhLogoSns ul.jpLink2 > li.english {
	width: 4rem;
	padding: 0.2rem;
}
#jhLogoSns ul.jpLink2 > li.english > a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	color: #554945;
	text-decoration: none;
	text-align: center;
    	line-height: 32px;
	border: 1px solid #CECECE;
	border-radius: 0.5rem;
}
.home .site-content, .site-content {
	margin-top: 0;
}

div#main.wrapper {
	border-bottom: 1px solid #D8D8D8;
}

.site-content article {
	border-bottom: none;
	margin-bottom: 0.5rem;
}

footer[role="contentinfo"] {
	border-top: none;
}

div.txtBannerBasic {
	color: #D01617;
	border: 3px solid;
	margin-bottom: 1rem;
}

div.txtBannerBasic.brown {
	color: #955A35;
}

div.txtBannerBasic > a {
	display: block;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: inherit;
	background-color: #fff;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
	padding: 1rem;
}

div.txtBannerBasic > a > br {
	display: none;
}

div.txtBannerBasic > a:hover {
	color: #FFF;
	background-color: #D01617;
}

div.txtBannerBasic.brown > a:hover {
	background-color: #955A35;
}

#top a.responsiveBannerWrapper {
	display: block;
	text-decoration: none;
}

#top div.responsiveBanner {
	text-decoration: none;
	background-color: #FFF;
	border: 0.5rem solid #C91E1D;
	padding: 0rem;
	margin-bottom: 1rem;
}

#top div.responsiveBanner > div.titleWrapper > h2 {
	font-size: 1.2rem;
	line-height: 1.4;
	text-align: center;
	width: 80%;
	color: #FFF;
	background: #C91E1D;
	border-radius: 2rem;
	padding: 0.2em 0 0 0;
	margin: 0.4em auto;
}
#top div.responsiveBanner > div.txtWrapper > p {
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	color: #C91E1D;
	margin-bottom: 0;
}
ul.tripleBanner, ul.quadBanner {
	list-style-type: none;
}
ul.tripleBanner li, ul.quadBanner li {
	float: left;
	box-sizing: border-box;
	width: 50%;
	padding: 3px;
	margin: 0;
}
ul.tripleBanner li img, ul.quadBanner li img {
	display: block;
}
#top.update202004 .gridBanners h3 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
#top.update202004 ul.gridBanners li {
	float: none;
	width: 85%;
}
#top.update202004 .gridBanners .txtBox > p {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
#top.update202004 div.joikumaWrapper {
	margin-top: 3rem;
}
#top.update202004 .joikumaWrapper h2 {
	font-size: 1rem;
	font-weight: bold;
	line-height: 3;
}
#top.update202004 .joikumaWrapper div.bgUnit {
	position: relative;
	background: url(//www.joyfulhonda.com/jhdir/img/index/bg_wood_01.jpg);
	margin: 0 auto;
}
#top.update202004 div.bgUnit.joita > img.mascot {
	position: absolute;
	width: 60px;
	bottom: 0;
	left: 0;
}
#top.update202004 div.bgUnit.deketa > img.mascot {
	position: absolute;
	width: 60px;
	bottom: 0;
	right: 0;
}
#top div.joyKumaFriends {
	margin: -2rem auto 0 auto;
}
#top div.joyKumaFriends a {
	display: block;
	float: left;
	width: 50%;
	height: auto;
}
#top.update202004 .deketa h2 {
	text-indent: -2em;
}

#top.update202004 ul.menuStores {
	list-style-type: none;
	width: 20rem;
	margin: 0 auto;
}
#top.update202004 ul.menuStores li {
	float: left;
	margin: 0 0 0.5rem 0.5rem;
}
#top.update202004 ul.menuStores li > a {
	display: block;
	width: 6rem;
	text-align: center;
	text-decoration: none;
	line-height: 2;
	color: #FFF;
	background: #000;
	border-radius: 3rem;
}
#top.update202004 ul.menuStores.support li {
	margin: 0 0.5rem 0.5rem 0;
}
#top.update202004 ul.menuStores.support li > a {
	width: 20rem;
	background: #e48f69;
}
#top.update202004 ul.menuStores li > a:after {
	content: "\0025b6";
}

#top.update202004 ul.gridBanners {
	margin: 0 0 2rem 0;
}
#top.update202004 ul.gridBanners div.imgBox {
	line-height: 0;
	overflow: hidden;
}
#top.update202004 ul.gridBanners div.imgBox img {
	border: 0;
	border-radius: 0;
	transition:transform .5s ease;
	transform: scale(1);
}

#top.update202004 ul.gridBanners div.imgBox img:hover {
	transition:transform .5s ease;
	transform: scale(1.2);
}

#top.update202004 h2.catTitle {
	color: #000;
	font-size: 1.4rem;
	font-weight: normal;
	display: flex;
	align-items: center;
	padding: 0;
	margin: 2rem 0 1rem 0;
}
#top.update202004 h2.catTitle:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #000;
	display: block;
}

#top.update202004 h2.catTitle:after {
	margin-left: .4em;
}

#top.update202004 .gridBanners h3 {
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0;
	margin: 0;
}

#top.update202004 .gridBanners h3:before {
	content: "\0025a0";
}
/* おすすめ商品・JHストーリー */
#top div.jhNews {
	color: #FFF;
	background: #857C6D;
	padding: 2rem;
	margin: 3rem 0;
}
#top #joyfulHondaStory div.jhNews, #top #joyfulHondaStory2 div.jhNews {
	margin: 0 0 3rem 0;
}
#top #joyfulHondaStory div.bgUnit, #top #joyfulHondaStory2 div.bgUnit {
	background: none;
}
#top #joyfulHondaStory img.mascot {
	left: 0px;
	bottom: 0;
}
#top #joyfulHondaStory2 img.mascot {
	right: 0px;
	bottom: 0;
}
#top #joyfulHondaStory .txtUnit h2, #top #joyfulHondaStory2 .txtUnit h2 {
	text-indent: 0;
	line-height: 1;
	padding: 3rem 0 0 0;
	margin: 0;
}
#top #joyfulHondaStory .txtUnit p, #top #joyfulHondaStory2 .txtUnit p  {
	color: #000;
	text-align: center;
	padding: 0 0 1rem 0;
	margin: 0;
}
#top .jhNews h2 {
	text-align: left;
	font-size: 1.4rem;
	padding: 0;
	margin: 0;
}
#top .jhNews h3 {
	color: #FFF;
	font-size: 1rem;
	padding: 0;
}
#top .jhNews .slick-slider {
	opacity: 0;
	transition: opacity .3s linear;
}
#top .jhNews .slick-slider.slick-initialized {
	opacity: 1;
}
#top .jhNews div.menuItem {
	padding: 1rem;
}
#top .jhNews .slick-dots {
	bottom: -50px;
}
#top .jhNews .slick-prev::before {
    content: "\002190";
}
#top .jhNews .slick-next::before {
    content: "\002192";
}
#top .jhNews .slick-dots li button:before {
    content: "\002022";
}
#top .jhNews .slick-dots li.slick-active button:before {
    opacity: .75;
    color: #ff6500;
}
#top .jhNews 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;
}
#top #recommendedItem div.menuItem > .txtBox a {
	border-radius: 0.5rem;
}
#top .jhNews div.menuItem > .txtBox a:after {
	content: "\0025b6";
}
#top .jhNews div.menuItem > .txtBox > p {
	min-height: 100px;
}
/* おすすめ商品 */
#top div#recommendedItem {
	background: url(//www.joyfulhonda.com/jhdir/img/index/bg_wood01.jpg);
	background-repeat-x: repeat; 
}
#top div#recommendedItem .txtBox h3 {
	font-weight: bold;
	line-height: 1.5;
	color: #000;
}
#top div#recommendedItem .txtBox p {
	font-weight: normal;
	line-height: 1.5;
	color: #000;
}
#top div#recommendedItem .txtBox span.note {
	display: block;
	font-size: 0.8em;
	text-indent: -1em;
	padding-left: 1em;
}
#top div#recommendedItem .slick-prev:before, #top div#recommendedItem .slick-next:before {
	color: #000;
}
/* こだわり商品 */
#top #jhStory h2 {
	font-family: arial black, sans-serif;
	color: #FFF;
	text-shadow: 0 0 3px #2F2F2F;
}
#top ul#jhStoreInfoSq {
	list-style-type: none;
}
@media screen and (max-width: 959px) {
	/* スマホ用メニュー */
	.jhLogoSpMenu a.homeLink {
		display: block;
		width: 30%;
		float: left;
		margin-bottom: 1.5rem;
	}
	.jhLogoSpMenu a.homeLink img {
		width: 100%;
		max-width: 120px;
		height: auto;
		margin: 0 auto 0 0.5rem;
	}
	#jhLogoSns .dl-menuwrapper {
		z-index: 999;
		width: 70%;
		float: right;
		font-family: "Noto Sans JP";
	}
	#jhLogoSns .dl-menuwrapper button {
		display: block;
		background: #4A413F;
		margin: 0 0.5rem 0 auto;
	}
	#jhLogoSns .dl-menuwrapper button:hover, #jhLogoSns .dl-menuwrapper button.dl-active, #jhLogoSns .dl-menuwrapper ul {
		background: #4A413F;
	}
	#dl-menu.dl-menuwrapper li.dl-back:after,
	#dl-menu.dl-menuwrapper li > a:not(:only-child):after {
		font-family: "Noto Sans JP";
		content: "\0025b6";
	}
	#jhLogoSns .dl-menuwrapper a {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	#jhLogoSns .dl-menuwrapper a:active {
		background-color: rgba(0,0,0,0.1);
	}
	#jhLogoSns .dl-menuwrapper li > a {
		font-size: 1rem;
		text-decoration: none;
	}
	#jhLogoSns .dl-menuwrapper li > a:after {
		right: 10px;
		color: rgb(255 255 255 / 0.35);
	}
}
@media screen and (min-width: 960px) {
	#jhLogoSns div.jhLogo, #jhLogoSns div.jhLogoSpMenu {
		float: left;
		width: 450px;
		width: 300px;
		padding: 0;
	}
	.jhLogoSpMenu a.homeLink {
		display: block;
		width: 120px;
	}
	.jhLogoSpMenu a.homeLink img {
		width: 100%;
		margin: 0;
	}
	#jhLogoSns div.jhLogoSpMenu> div#dl-menu {
		display: none;
	}
	#jhLogoSns ul.snsLink {
		float: left;
		width: 200px;
		background: #FFF;
		padding: 10px 0 0 0;
	}
	#jhLogoSns ul.jpLink2 {
		float: left;
		width: 310px;
		width: 460px;
		padding: 10px 0 0 0;
		margin: 0 0 0 auto;
	}
	#jhLogoSns ul.jpLink2 li {
		margin: 0;
	}
	#jhLogoSns ul.jpLink2 li:after {
		content: normal;
	}
	#jhLogoSns ul.jpLink2 > li.button > a > img  {
		display: block;
		box-sizing: border-box;
		width: auto;
		height: 40px;
		padding: 0.2rem;
	}
	#jhLogoSns ul.jpLink2 > li.jstcReservation {
		width: 105px;
	}
	#jhLogoSns ul.jpLink2 > li.globeEc {
		width: 125px;
	}
	#jhLogoSns ul.jpLink2 > li.pickup {
		width: 160px;
	}
	ul.tripleBanner, ul.quadBanner {
		width: 960px;
		padding: 0;
	}
	ul.tripleBanner li {
		float: left;
		box-sizing: border-box;
		width: 320px;
		padding: 0.2rem;
		margin: 0;
	}
	ul.quadBanner li {
		float: left;
		box-sizing: border-box;
		width: 240px;
		padding: 3px;
		margin: 0;
	}
	div.txtBannerBasic > a {
		font-size: 1.6rem;
	}
	div.txtBannerBasic > a > br {
		diplay: inline;
	}
	#top div.responsiveBanner > div.titleWrapper {
		float: left;
		width: 28rem;
		padding: 1.2rem 0;
	}
	#top div.responsiveBanner > div.titleWrapper > h2 {
		font-size: 1.6rem;
		width: 22rem;
		padding: 0.2em 0 0 0;
		margin: 0.4em auto;
	}
	#top div.responsiveBanner > div.txtWrapper {
		float: left;
		width: 38rem;
	}
	#top div.responsiveBanner > div.txtWrapper > p {
		font-size: 1.6rem;
		text-align: left;
		padding: 1rem 0;
	}
	#top.update202004 ul.gridBanners li {
		float: left;
	}
	#top.update202004 .joikumaWrapper div.bgUnit {
		width: 800px;
	}
	#top.update202004 div.bgUnit.joita > img.mascot {
		width: 100px;
		left: 48px;
	}
	#top.update202004 div.bgUnit.deketa > img.mascot {
		width: 100px;
		right: 20px;
	}
	#top div.joyKumaFriends {
		width: 85%;
	}
	#top #joyfulHondaStory img.mascot {
		left: 80px;
	}
	#top #joyfulHondaStory2 img.mascot {
		right: 80px;
	}
	#top.update202004 .joikumaWrapper h2 {
		font-size: 2.3rem;
		font-weight: normal;
		line-height: 2;
	}
	#top.update202004 ul.menuStores {
		width: 51rem;
	}
	#top.update202004 ul.menuStores li > a {
		width: 8rem;
	}
	#top.update202004 ul.menuStores li:nth-child(6n+1) {
		clear: left;
		margin-left: 0;
	}
	#top ul#jhStoreInfoSq li:nth-child(3n+1) {
		clear: left;
		margin: 0 0 14px 0;
	}
	#top.update202004 ul.menuStores.support li > a {
		width: 16rem;
	}
	#top.update202004 ul.menuStores.support li:nth-child(3n+1) {
		clear: left;
		margin-left: 0;
	}
	#top #jhNews h2 {
		font-size: 2rem;
	}
	#top ul#jhStoreInfoSq li {
		box-sizing: border-box;
		width: 302px;
		float: left;
		border: 1px solid #8E8E8E;
		margin-left: 27px;
	}
	#top ul#jhStoreInfoSq div.imgBox {
		box-sizing: border-box;
		float: left;
		width: 128px;
	}
	#top ul#jhStoreInfoSq div.imgBox > a {
		display: block;
		width: 128px;
		height: 128px;
	}
	#top ul#jhStoreInfoSq div.txtBox {
		box-sizing: border-box;
		float: right;
		width: 172px;
		padding: 1rem 0.5rem;
	}
	#top ul#jhStoreInfoSq div.txtBox > h3 {
		font-size: 1rem;
		color: #FF2323;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	#top ul#jhStoreInfoSq div.txtBox p {
		margin: 0;
	}
	footer[role="contentinfo"] {
		background-color: #FFF;
	}
}

@media screen and (max-width: 959px) {
	#top ul.gridBanners li {
		width: 48%;
		margin: 0 0 0.5rem 0.5rem;
	}
	#top.update202004 ul.gridBanners li {
		float: none;
		width: 85%;
		margin: 0 auto;
	}
	#top ul.gridBanners li:nth-child(2n+1) {
		clear: left;
		margin: 0 0 14px 0;
	}
	#top.update201910 ul.gridBanners li:nth-child(2n+1) {
		margin: 0 0 12px 0;
	}
	#top.update201910 ul.gridBanners li:nth-child(2n+1) {
		margin: 0 auto;
	}
	#top.update201910 #secondWrapper .centerBlock, #top.update201910 #secondWrapper .rightBlock {
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#top.update201910 #secondWrapper div.selectEnjoy, #top.update201910 #secondWrapper div.cpBanners {
		width: 100%;
		padding: 0;
	}
	#top div.mottoJoyfulSp {
		display: block;
		padding: 0.5rem;
		background-color: #F1F7FC;
		border-radius: 0.5rem;
		box-shadow: 1px 1px 3px #D2D2D2 inset;
	}
	#top div.mottoJoyfulSp > h2 {
		font-size: 1rem;
		text-align: left;
		margin: 0.5rem 0;
	}
	#top.update201910 #beforeFooterWrapper {
		display: none;
	}
	#top.update202004 ul.menuStores li:nth-child(3n+1) {
		clear: left;
		margin-left: 0;
	}
	#top ul#jhStoreInfoSq {
		width: 270px;
		margin: 0 auto;
	}
	#top ul#jhStoreInfoSq li {
		box-sizing: border-box;
		width: 80px;
		float: left;
		margin: 0 0 15px 15px;
	}
	#top ul#jhStoreInfoSq li:nth-child(3n+1) {
		clear: left;
		margin-left: 0;
	}
	#top ul#jhStoreInfoSq div.imgBox > a {
		display: block;
		line-height: 1;
	}
	#top ul#jhStoreInfoSq div.imgBox > a > img {
		border-radius: 20px;
	}
	#top ul#jhStoreInfoSq div.txtBox > h3 {
		font-size: 0.6rem;
		text-align: left;
		line-height: 1.2;
		margin: 0;
		padding: 0.5em;
	}
	#top ul#jhStoreInfoSq div.txtBox p {
		display: none;
	}
}

@media screen and (min-width: 960px) {
	.page-id-25092 div.entry-content {
		width: 960px;
	}
	#top .businessHourWrapper {
		display: block;
	}
	#top div.spBusinessHourWrapper {
		display: none;
	}
	#top ul.gridBanners li {
		width: 309px;
		margin: 0 0 1rem 1rem;
	}
	#top.update201910 ul.gridBanners li {
		width: 310px;
		margin: 0 0 12px 12px;
	}
	#top ul.gridBanners li:nth-child(3n+1) {
		clear: left;
		margin: 0 0 14px 0;
	}
	#top.update201910 span.listed-date {
		float: left;
		width: 100px;
	}
	#top.update201910 .listing-content {
		margin-bottom: 0.2rem !important;
	}
	#top.update201910 div.listing-content > a {
		float: left;
		width: 800px;
	}
	#top.update201910 span.listed-title {
		padding-left: 1em;
	}
	#top.update201910 div.leftBlock {
		display: block;
	}

}