@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/************************** 190725_イベント系picklup **************************/
#contents .eventPickup{
	position:relative;
	width: 100%;
	min-width: 1200px;
}
#contents .eventPickup .h1Area{
	width: 100%;
	height: auto;
	margin-bottom:40px !important;
	background: url(../img/bg_mainV.jpg) no-repeat center center;
	background-size: cover;
}
#contents .eventPickup .h1Area h1{
	text-align: center;
}
#contents .eventPickup .h1Area h1 img{
	width: 100%;
}
#contents .eventPickup .contentsBlock{
	width:1200px;
	margin: 0 auto 40px;
}
/*#contents #catch {
	margin-top: 40px;
	text-align: center;
    font-size: 120%;
}
#contents .eventPickup #catch p{
	font-size:1.02em;
	font-weight:400;
	line-height: 1.8;
}*/
#contents .eventPickup h2,
#contents .eventPickup h3{
	font-family: 'Noto Sans Japanese', Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#contents .eventPickup #catch h2{
	font-size:180%;
	color:#00adb0;
	margin:0px 0 20px 0;
}


/* アンカーリスト */
.child #contents .eventPickup .anchorList {padding: 10px 5px;}
.child #contents .eventPickup .anchorList .col4Block .col {
	width: 25% !important;
	padding: 5px;
	box-sizing: border-box;
	margin: 0 !important;
}
.child #contents .eventPickup .anchorList .col4Block .col:last-child { margin-left: 0 !important;}
.child #contents .eventPickup .anchorList .col4Block .col a {
	padding: 15px 10px;
	height: inherit;
}


/* 開催場所 */
.eventPickup #place #placeBoxLeft{
	width:520px;
	float:left;
}
.eventPickup #place #placeBoxLeft h4{
	font-size: 125%;
	margin-bottom: 20px;
}
.eventPickup #place #placeBoxLeft p{font-size: 120%;}
.eventPickup #place #placeBoxLeft .textBtn{font-size: 100%;}
.eventPickup #place #placeBoxRight{
	width:600px;
	float:right;
}
.eventPickup #place #placeBoxRight img{
	width:100%;
	height:100%;
}
.eventPickup #place .normalList .icOtherW{
	background:url(../../../shared/images/ic_other.png) no-repeat right 0.2em;
}
.eventPickup #place .textBtn{
	width:300px;
	margin-bottom:30px;
}

.eventPickup #place .transportationList dt{
	font-weight: bold;
	margin-bottom: 5px;
}

.eventPickup #place .transportationList dd{
	margin-bottom: 15px;
}

/* 日時 */
.eventPickup #day ul.normalList > li {
	font-size:150%;
	background: url(../img/ic_lnavi_link_sub_on.png) no-repeat 5px center;
}


/* ブース位置 */
/*.eventPickup #position .contentsPadding{
	width:650px;
	margin:0 auto;
}
.eventPickup #position img {
	display:block;
	margin:0 auto;
	width:100%;
	height:100%;
}*/


/* 出展機種 */
#contents .eventPickup #machine_dl{margin-bottom: 80px;}
#contents .eventPickup #machine{
	width: 47.5%;
	float: left;
	margin-right: 5%;
}
#contents .eventPickup #machine .machineBox{}
#contents .eventPickup #machine .machineBox ul.normalList{}
#contents .eventPickup #machine .machineBox ul.normalList li{
	line-height:2.4em !important;
	font-size: 120%;
	background: url(../img/ic_lnavi_link_sub_on.png) no-repeat 4px center;
	padding-left: 18px;
}

/* チラシダウンロード */
#contents .eventPickup #download{
	width: 47%;
	float: left;
}
#contents .eventPickup #download .downloadBox{
	width:300px;
	margin:0 auto;
	position:relative;
}
#contents .eventPickup #download .downloadBox p{
	width:300px;
	height:230px;
	padding-bottom:30px;
	position:relative;
	opacity: 1.0;
	transition: opacity .2s ease-out;
}
#contents .eventPickup #download .downloadBox p:before{
	content:"";
	width:100%;
	height:160px;
	background-color:#e5f6f7;
	position:absolute;
	top:34px;
	left:0;
}
#contents .eventPickup #download .downloadBox a:hover p{
	opacity: 0.75;
}
#contents .eventPickup #download .downloadBox p img{
	width:160px;
	position:absolute;
	top:0;
	left:70px;
}

.icOtherWbtn {
    background: url(../../../shared/images/ic_other.png) no-repeat right 0.4em;
    padding: 0 22px 0 0;
    margin-right: 4px;
}


/* 事前受付 */
#contents .eventPickup #reception .receptionRow {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

#contents .eventPickup #reception .receptionRow .receptionFlow{
	width: 60%;
}
#contents .eventPickup #reception .receptionRow .receptionFlow ol li{
	list-style-type: none;
}
#contents .eventPickup #reception .receptionRow .receptionQR{
	width: 40%;
	text-align: center;
}

/* 特選中古車抽選会について */
#contents .eventPickup #used .btn_list{
	margin-bottom: 40px;
	text-align: center;
}
#contents .eventPickup #used .btn_list > a{
	display:block;
	width:80%;
	margin:40px auto 10px;
	padding:20px 0;
	font-size: 120%;
	font-weight: bold;
	background-color: #00a7ac;
	text-decoration:none;
	color:#fff;
	border-radius:30px;
	opacity: 1.0;
	transition:all 0.1s;	
}
#contents .eventPickup #used .btn_list a:hover{
    opacity: 0.8;
}
#contents .eventPickup #used .note {
	display: block;
	font-size: 14px;
	text-indent: -1em;
	padding-left: 1em;
	color: #ff0000;
}

/* 感染症対策ご協力のお願い */
#contents .eventPickup #cooperation .cooperationRow{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
}

#contents .eventPickup #cooperation .cooperationRow .cooperationNote{
	width: calc(60% - 15px);
}

#contents .eventPickup #cooperation .cooperationRow .cooperationNote ul{
	display: flex;
    flex-wrap: wrap;	
}

#contents .eventPickup #cooperation .cooperationRow .cooperationNote ul li{
	display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    width: 50%;
}

#contents .eventPickup #cooperation .cooperationRow .cooperationNote ul li img{
	width: 60px;
}

#contents .eventPickup #cooperation .cooperationRow .cooperationInstall{
	width: calc(40% - 15px);
}

#contents .eventPickup #cooperation .cooperationRow .cooperationInstall h3{
	text-align: center;
    font-size: 18px;
    color: #00a7ac;
    margin-bottom: 15px;
}

#contents .eventPickup #cooperation .cooperationRow .cooperationInstall .cooperationInstallBox{
	display: flex;
	flex-wrap: wrap;
	border: solid 2px #00a7ac;
    border-radius: 8px;
    padding: 15px;
	gap: 10px;
}

#contents .eventPickup #cooperation .cooperationRow .cooperationInstall .cooperationInstallBox .cooperationInstallBoxText{
	width: calc(50% - 5px);
}

#contents .eventPickup #cooperation .cooperationRow .cooperationInstall .cooperationInstallBox .cooperationInstallBoxText h4{
	text-align: center;
    color: #00a7ac;
    margin-bottom: 5px;
    font-size: 16px;
}

#contents .eventPickup #cooperation .cooperationRow .cooperationInstall .cooperationInstallBox .cooperationInstallBoxQR{
	width: calc(50% - 5px);
}

#contents .eventPickup #cooperation .cooperationRow .cooperationInstall .cooperationInstallBox .cooperationInstallBoxQR ul{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

#contents .eventPickup #cooperation .cooperationRow .cooperationInstall .cooperationInstallBox .cooperationInstallBoxQR ul li{
	width: calc(50% - 5px);
    font-size: 90%;
    text-align: center;
    line-height: 2;
}

#contents .eventPickup #cooperation .cooperationRow .cooperationInstall .cooperationInstallBox .cooperationInstallBoxQR ul li img{
	width: 90px;
}

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

/************************** 190725_イベント系picklup **************************/
#contents .eventPickup{min-width: inherit;}
#contents .eventPickup .contentsPadding {padding: 0;}
#contents .eventPickup h2.textHeader {margin: 0 0 20px 0;}

#contents .eventPickup .h1Area{
	height:auto;
	min-width: inherit;
	margin:0px !important;
	/*height:650px;
	width: 100%;
	background: url(../img/bg_mainV.jpg) no-repeat center center;
	background-size: cover;*/
}
#contents .eventPickup .h1Area img{
	width: 100%;
}
#contents .eventPickup .contentsBlock{
	width:100%;
	padding: 0 !important;
	margin: 0 auto 30px;
}


/* アンカーリスト */
.child #contents .eventPickup .anchorList {padding: 20px;}
.child #contents .eventPickup .anchorList .col4Block .col {
	width: 100% !important;
	padding: 0;
	margin-bottom: 5px !important;
}
.child #contents .eventPickup .anchorList .col4Block .col:last-child { margin: 0 !important;}
.child #contents .eventPickup .anchorList .col4Block .col a {
	padding: 12px 10px;
	font-size: 15px;
	letter-spacing: 0.1em;
}
#contents .eventPickup #place,
#contents .eventPickup #day,
#contents .eventPickup #machine_dl,
#contents .eventPickup #reception,
#contents .eventPickup #used,
#contents .eventPickup #cooperation,
#contents .eventPickup #lasttime{
	width: 90% !important;
	margin: 0 auto 40px;
}

/* 開催場所 */
.eventPickup #place #placeBoxLeft{
	width:100%;
	float:none;
}
.eventPickup #place #placeBoxLeft h4{
	font-size: 100%;
	margin-bottom: 10px;
}
.eventPickup #place #placeBoxLeft p{font-size: 100%;}
.eventPickup #place #placeBoxLeft .textBtn{font-size: 100%;}
.eventPickup #place #placeBoxRight{
	width:100%;
	float:none;
}
.eventPickup #place .textBtn{width:100%;}


/* 日時 */
.eventPickup #day ul.normalList > li {font-size:100%;}


/* 出展機種 */
#contents .eventPickup #machine_dl{margin-bottom: 40px;}
#contents .eventPickup #machine{
	width: 100%;
	float: none;
	margin: 0 0 40px 0;
}
#contents .eventPickup #machine .machineBox{}
#contents .eventPickup #machine .machineBox ul.normalList{}
#contents .eventPickup #machine .machineBox ul.normalList li{
	line-height:1.8em !important;
	font-size: 100%;
	/*background: url(../img/ic_lnavi_link_sub_on.png) no-repeat 4px center;
	padding-left: 18px;*/
}

/* チラシダウンロード */
#contents .eventPickup #download{
	width: 100%;
	float: none;
}
#contents .eventPickup #download .downloadBox{
	width:75%;
	margin:0 auto;
}
#contents .eventPickup #download .downloadBox p{
	width:100%;
	height:200px;
	padding-bottom:25px;
	margin-bottom: 15px;
}
#contents .eventPickup #download .downloadBox p:before{
	content:"";
	width:100%;
	height:160px;
	top:34px;
}
#contents .eventPickup #download .downloadBox a:hover p{opacity: inherit;}
#contents .eventPickup #download .downloadBox p img{
	width:150px;
	height: auto;
	position:absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
	
/* 事前受付 */

#contents .eventPickup #reception .receptionRow .receptionFlow{
	width: 100%;
}
#contents .eventPickup #reception .receptionRow .receptionFlow ol{
	margin-bottom: 30px;
}
#contents .eventPickup #reception .receptionRow .receptionFlow ol li{
	font-size: 90%;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 5px;
}
#contents .eventPickup #reception .receptionRow .receptionQR{
	width: 100%;
}
#contents .eventPickup #reception .receptionRow .receptionQR img{
	width: 120px;
}

	
/* 感染症対策ご協力のお願い */
#contents .eventPickup #cooperation .cooperationRow .cooperationNote{
	width: 100%;
}

#contents .eventPickup #cooperation .cooperationRow .cooperationNote ul li{
    width: 100%;
}

#contents .eventPickup #cooperation .cooperationRow .cooperationNote ul li img{
	width: 55px;
}

#contents .eventPickup #cooperation .cooperationRow .cooperationInstall{
	width: 100%;
}

#contents .eventPickup #cooperation .cooperationRow .cooperationInstall h3{
    font-size: 16px;
}

#contents .eventPickup #cooperation .cooperationRow .cooperationInstall .cooperationInstallBox{
}

#contents .eventPickup #cooperation .cooperationRow .cooperationInstall .cooperationInstallBox .cooperationInstallBoxText{
	width: 100%;
}

#contents .eventPickup #cooperation .cooperationRow .cooperationInstall .cooperationInstallBox .cooperationInstallBoxText h4{
    font-size: 15px;
}

#contents .eventPickup #cooperation .cooperationRow .cooperationInstall .cooperationInstallBox .cooperationInstallBoxQR{
	width: 100%;
}

#contents .eventPickup #cooperation .cooperationRow .cooperationInstall .cooperationInstallBox .cooperationInstallBoxQR ul{
	display: none;
}

#contents .eventPickup #cooperation .cooperationRow .cooperationInstall .cooperationInstallBox .cooperationInstallBoxQR ul li{

}

#contents .eventPickup #cooperation .cooperationRow .cooperationInstall .cooperationInstallBox .cooperationInstallBoxQR ul li img{

}

/* 特選中古車抽選会について */
#contents .eventPickup #used .btn_list > a{width:100%;} 

    
    
}