@charset "UTF-8";
/* CSS Document */


.js-animation {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: all 1s;
}
.js-animation.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
a:hover .js-animation.is-show {
  opacity: 0.6;
}
a:hover .js-animation.is-show.no-opacity {
	opacity: 1;
}

/*--------------------------------
	
			common

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

.inner {
	box-sizing: border-box;
	margin: auto;
	text-align: left;
	padding: 0 15px;
	width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1009px) {
	.inner {
		max-width: 980px;
	}
	
	.inner_navi {
		margin: auto;
		overflow: hidden;
		padding: 0 15px;
		max-width: 980px;
	}
}
@media screen and (min-width:1010px) {
	.inner {
		padding: 0;
		width: 980px;
	}
	
	.inner_navi {
		margin: auto;
		padding: 0;
		overflow: hidden;
		width: 980px;
	}
}
ul,ol {
	list-style: none;
}



/*--------------------------------
	
			header

--------------------------------*/
#top-head {
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}
#top-head,
#top-head .inner {
        width: 100%;
        padding: 0;
    }
        #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
        z-index: 999;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        background: #fff;
        width: 100%;
        height: 60px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 13px;
        top: 13px;
        color: #333;
        font-size: 26px;
    }
    #global-nav {
        position: absolute;
        top: -510px;
        background: #e684b3;
		background: #df568c;
        width: 100%;
        text-align: center;
        padding: 10px 0 0 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 13px;
    }
    #global-nav ul li {
        float: none;
        position: static;
        border-bottom: #fff solid 1px;
        box-sizing: border-box;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        text-decoration: none;
        padding: 18px 0;
    }
	#top-head #global-nav ul li a:hover,
    #top-head.fixed #global-nav ul li a:hover {
		background: #4b90c5;
    }
    
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }

.logo img {
	height: 30px;
	width: auto;
}
@media screen and (min-width:768px) {
	.logo img {
		height: auto;
		width: 400px;
	}
}



/*--------------------------------
	
			#mv

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

#mv {
	background: #fff;
	background: linear-gradient(#c7ebff 0%,#c7ebff 30%,#fcdaee 70%);
	/*background: #0168b7;*/
	background: #d3ebeb;
	margin-top: 60px;
	padding: 0;
}
.mv_sp img,
.mv_pc img {
	display: block;
	height: auto;
	width: 100%;
}
.mv_pc {
	margin: auto;
	max-width: 1200px;
}

/*-------------------------
	
			#info
		facebook navi

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

#info {
	padding: 0 0 50px 0;
}
.box_navi {}
.navi_sub {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	list-style: none;
}
.navi_sub li {
	border-bottom: #fff solid 1px;
	box-sizing: border-box;
	text-align: center;
	width: 50%;
}
.navi_sub li.line-right {
	border-right: #fff solid 1px;
}
.navi_sub li.singleRow {
	border-right: none;
	width: 100%;
}
.navi_sub li a:after{
	color: #fff;
	content:'\f054';
	font-family:'Font Awesome 5 Free';
	font-size: 16px; font-size: 1.6rem;
	font-weight:900;
	margin-left: 10px;
	position: relative;
	top:1px;
}
.navi_sub li a {
	background: #0075b5;
	color: #fff;
	display: block;
	padding: 10px 0;
	text-decoration: none;
}
.navi_sub li a:hover {
	background: rgb(63, 178, 240);
	color: #fff;
}
.navi_sub li.navi_sub_covid a {
	background: #ffde00;
	background: #fff;
	color: #000;
	color: #32adc6;
	font-weight: bold;
	padding: 15px 0;
}
.navi_sub li.navi_sub_covid a:after {
	color: #000;
	color: #32adc6;
}
.navi_sub li.navi_sub_covid a:hover {
	background: #cedadc;
}
.navi_sub li.navi_sub_exhibitor a {
	font-weight: bold;
	padding: 15px 0;
}

.box_fb {
	margin-top: 20px;
	padding: 0 15px;
}

.fbTit {
	color:#fff;
	background-color:#1877f2;
	font-size:100%;
	font-weight:bold;
	margin-bottom:15px;
	padding: 5px 10px;
	text-align: left;
}
	.fbTit img {
		height: 32px;
		margin-right: 5px;
		vertical-align: -11px;
		width: auto;
	}
@media screen and (min-width:768px) {
	#info {
		padding: 50px 0;
	}
	.box_navi {
		float: right;
		width: 30%;
	}
	.navi_sub {
		display: block;
	}
	.navi_sub li {
		text-align: left;
		width: 100%;
		position: relative;
	}
	.navi_sub li:after{
		color: #fff;
		content:'\f054';
		font-family:'Font Awesome 5 Free';
		font-size: 15px; font-size: 1.5rem;
		font-weight:900;
		position: absolute;
		top:25%;
		right: 8px;
	}

	.navi_sub li a {
		padding: 10px 15px;
	}
	.navi_sub li.line-right {
		border-right: none;
	}
	.navi_sub li a:after{
		content:'';
	}

	.navi_sub li.navi_sub_covid a {
		background: #166da3;
		color: #fff;
		font-weight: normal;
		padding: 10px 15px;
	}
	.navi_sub li.navi_sub_covid:after{
		color: #fff;
		content:'\f054';
		font-family:'Font Awesome 5 Free';
		font-size: 15px; font-size: 1.5rem;
		font-weight:900;
		position: absolute;
		top:33%;
		right: 8px;
	}
	.navi_sub li.navi_sub_covid a:hover {
		background: #054568;
		color: #fff;
	}
	.box_fb {
		float: left;
		width: 66%;
	}
	.box_fb {
		margin-top: 0;
	}
		
	
}

/*--------------------------------
	
			#covid
			新型コロナウイルス

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

#covid {
	background: #eaeef1;
	padding: 50px 0;
}
#covid h2 {
	background: #e94c5b;
	border-radius: 10px;
	color: #fff;
	font-size: 18px; font-size: 1.8rem;
	font-weight: bold;
	padding: 5px 10px;
	text-align: center;
}
.covidStep {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top: 30px;
}
.covidStep li {
	color: #e94c5b;
	margin-bottom: 20px;
	width: 48%;
}

.covidStep_list {
	text-align: center;
}
.covidStep_list dt img {
	height: auto;
	width: 80%;
}
.covidStep_list dd {
	font-size: 13px; font-size: 1.3rem;
}
/*.covidStep_list {
	display: flex;
	align-items: center;
}
.covidStep_list dt {
	width: 80px;
}
.covidStep_list dt img {
	height: auto;
	width: 100%;
}
.covidStep_list dd {
	color: #0092c6;
	font-size: 14px; font-size: 1.4rem;
	flex-basis: auto;
	margin-left: 5px;
  width: calc(100% - 95px);
}*/
@media screen and (min-width:768px) {
	.covidStep {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		margin-top: 30px;
}

	.covidStep li {
		margin-right: 2%;
		margin-bottom: 20px;
		width: 23%;
	}
	.covidStep li:first-child {
		margin-left: 1%;
	}
	.covidStep li:last-child {
		margin-right: 0;
	}
	.covidStep_list dd {
		font-size: 15px; font-size: 1.5rem;
	}

}
#covid h3 {
	background: #fff;
	border-radius: 10px;
	border: #004e7d solid 1px;
	color: #004e7d;
	font-size: 16px; font-size: 1.6rem;
	font-weight: bold;
	margin-top: 30px;
	padding: 5px 10px;
	text-align: center;
}
.covidCheck {
	margin-top: 20px;
}
.covidCheck li {
	color: #166da3;
	font-size: 14px; font-size: 1.4rem;
	margin-bottom: 10px;
	padding-left: 1em;

	position: relative;
}
.covidCheck li:before {
	background: #e94c5b;
	content: "";
	display:  inline-block;
	height: 10px;
	width: 10px;
	left: 0;
	position: absolute;
	top: 6px;
}

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

			Title

--------------------------------*/	
#outline h2,
#exhibitor h2,
#topics h2,
#lasttime h2,
#map h2,
#faq h2,
#contact h2 {
	color: #df568c;
	font-size: 42px; font-size: 4.2rem;
	font-weight: bold;
	text-align: center;
} 
/*--------------------------------

			Back

--------------------------------*/	
#outline,
#exhibitor,
#topics,
#lasttime,
#map,
#faq {
	box-sizing: border-box;
	padding: 50px 0 80px 0;
	
}
#outline {
	background-color: #e4eef4;
}
#topics {
	background: #d3ebeb;
}
#map {
	background: #d3ebeb;
}



/*--------------------------------
	
			#outline
			開催概要

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

.outlineTable {
	background: #fff;
	border-top: #ddd solid 1px;
	border-collapse: collapse;
	margin-top: 30px;
	width: 100%;
}
.outlineTable th {
	background: #eaeef1;
	background: #0075b5;
	border-bottom: #ddd solid 1px;
	border-right: #ddd solid 1px;
	color: #fff;
	font-weight: bold;
	padding: 8px 5px;
	text-align: center;
	vertical-align: middle;
	width: 25%;
}
.outlineTable td {
	border-bottom: #ddd solid 1px;
	padding: 8px 10px;
	width: 75%;
}
.outlineTable_content li {
	margin-bottom: 5px;
	padding-left: 1.6em;
	text-indent: -1.6em;
}
.outlineTable_etc li {
	margin-bottom: 8px;
	padding-left: 1.6em;
	text-indent: -1.6em;
}
.outlineTable_etc li:before {
    content:  "";
    width: 12px;
    height: 12px;
    display:  inline-block;
    background-color: #333;
    position:  relative;
    border-radius:  50%;
    margin: 0 0.4em;
}
.outlineTable_etc .txtRed {
	color: #d00;
}


/*--------------------------------
	
			#exhibitor
			出展者情報

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

.exhibitor_note {
	color: #666;
	font-size: 12px; font-size: 1.2rem;
	text-align: center;
}
#exhibitor h3 {
	background: #0075b5;
	color: #fff;
	font-size: 18px; font-size: 1.8rem;
	font-weight: bold;
	margin-top: 40px;
	padding: 5px 10px;
}
#exhibitor h3 .ttl_note {
	color: #fff;
	font-size: 60%;
	font-weight: normal;
	margin-left: 10px;
}
#exhibitor h4.ttl_topics {
	align-items: center;
	/*border: #004e7d solid 1px;*/
	box-sizing: border-box;
	color: #e94c5b;
	display: flex;
	font-size: 28px; font-size: 2.8rem;
	font-weight: bold;
	justify-content: center;
	margin: 20px 0 30px;
	/*padding-left: 160px;*/
	padding: 30px 0;
	position: relative;
}
.exhibitorList {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top: 30px;
}
.exhibitorList li {
	margin-bottom: 30px;
	width: 100%;
	overflow: visible;
}
.exhibitorList li:last-child {
	margin-bottom: 0;
}
.exhibitorList li a {
	color: #333;
	text-decoration: none;
}
.exhibitorList li a:hover {
	color: #999;
	text-decoration: none;
}
.exhibitorItem dt {
	color: #0075b5;
	font-size: 21px; font-size: 2.1rem;
	font-weight: bold;
	display: inline-block;
	padding-right: 15px;
}
.exhibitorItem dt a {
	color: #0075b5;
}
.exhibitorItem dt a:after {
	content:'\f054';
	font-family:'Font Awesome 5 Free';
	font-size: 16px; font-size: 1.6rem;
	font-weight:900;
	margin-left: 10px;
	position: relative;
	top:-2px;

}
.exhibitorItem dt .note_exhibitorItem {
	font-size: 75%;
	font-weight: normal;
}
.exhibitorList li a:hover .exhibitorItem dt,
.exhibitorItem dt a:hover {
	color: #41a0d3;
}
.exhibitorItem dd {
	position: relative;
	margin-top: 10px;
}
.btn_testdrive {

}
.btn_testdrive a {
	background: #e94c5b;
	border-radius: 10px;
	box-shadow: 4px 4px #166da3;
	color: #fff!important;
	display: block;
	margin: 15px 0;
	padding: 8px;
	text-align: center;
	text-indent: none;
	transition: all 0.2s linear;
}
.btn_testdrive a:hover {
	background: #e47983;
	box-shadow: none;
	position:relative;
	top:4px;
	left:4px;
	transition: all 0.2s linear;
}
.ico_circle {
	border-radius: 50%;
	display: flex;
	font-size: 3vw;
	align-items: center;
	justify-content: center;
	position: absolute;
	text-align: center;
	top: -3vw;
	right: -3vw;
	height: 20vw;
	width: 20vw;
	z-index: 10;
}
.ico_used {
	background: #008960;
	color: #fff;
}
a:hover .ico_used {
	background: #49b993;
	color: #ddd;
}
.ico_experience {
	background: #f2bc43;
	color: #333;
}
a:hover .ico_experience {
	background: #ffdd7e;
	color: #999;;
}
.ico_land {
	background: #a0652f;
	color: #fff;
}
a:hover .ico_land {
	background: #c88b55;
	color: #ddd;
}

.exhibitorItem img {
	height: auto;
	width: 100%;
}
.exhibitorList li .modelName li {
	font-size: 16px; font-size: 1.6rem;
	margin-bottom: 5px;
	padding-left: 1.2em;
	text-indent: -1.2em;
	width: 100%;
	}
.exhibitorList li .modelName li:before {
	content: "■";
	color: #0075b5;
	margin-right: 0.2em;	
}
.companylist {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top: 20px;
}
.companylist li {
	border-bottom: #ccc solid 1px;
	width: 100%;
}
.companylist li:first-child {
	border-top: #ccc solid 1px;
}
.companylist li a {
	color: #3470ae;
	display: block;
	padding: 10px 0;
	text-decoration: underline;
}
.companylist li a:hover {
	color: #49a6d9;
	text-decoration: none;
}
.companylist li.no_link {
	display: block;
	padding: 10px 0;
}

@media screen and (min-width:768px) {
	.exhibitorList li {
		margin-bottom: 30px;
		width: 46%;
	}
	.exhibitorList li .modelName li {
		margin-bottom: 2px;
	}
	.ico_circle {
	font-size: 16px; font-size: 1.6rem;
	top: -30px;
	right: -10px;
	height: 100px;
	width: 100px;
	z-index: 10;
}

	.companylist li {
		width: 46%;
	}
	.companylist li:first-child,
	.companylist li:nth-child(2) {
		border-top: #ccc solid 1px;
	}
}

.uchikeshi {
	text-decoration: line-through;
}


#exhibitor h3.ready {
	background: none;
	color: #333;
	font-size: 32px; font-size: 3.2rem;
	font-weight: bold;
	padding: 80px 0;
	text-align: center;
}
/*--------------------------------
	
			#topics
			イベント情報

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


#topics .eventStop {
	text-align: center;
}
#topics .eventStop p {
	background: #fff;
	border: #e65a63 solid 1px;
	border-radius: 10px;
	color: #e65a63;
	font-size: 18px; font-size: 1.8rem;
	margin-top: 20px;
	padding: 10px 15px;
	text-align: left;
}
@media screen and (min-width:768px) {
	#topics .eventStop p {
		display: inline-block;
		padding: 10px 30px;
		text-align: center;
	}
}
#topics .comingsoon {
	margin-top: 30px;
	text-align: center;
}
#topics .comingsoon strong {
	font-size: 32px; font-size: 3.2rem;
}
#topics h3 {
	background: #0075b5;
	color: #fff;
	font-size: 18px; font-size: 1.8rem;
	font-weight: bold;
	margin-top: 40px;
	padding: 5px 10px;
	position: relative;
}

#topics h3.krd8 {
	background: #dc0312;
}

#topics h4 {
	border-bottom: #0075b5 solid 2px;
	color: #0075b5;
	font-size: 22px; font-size: 2.2rem;
	font-weight: bold;
	margin-top: 30px;
	padding: 3px 0;
}
#topics h4.schedule {
	border-bottom: none;
	margin-bottom: 10px;
	text-align: center;/*近日公開時のみ*/
}
#topics h4.schedule span {
	background: #fff;
	box-sizing: border-box;
	border: #b45d90 solid 2px;
	border-radius: 10px;
	display: inline-block;
	padding: 0 20px;
}
#topics h4.ttl_topics {
	align-items: center;
	/*border: #004e7d solid 1px;*/
	box-sizing: border-box;
	color: #e94c5b;
	display: flex;
	font-size: 28px; font-size: 2.8rem;
	font-weight: bold;
	justify-content: center;
	margin: 20px 0 30px;
	/*padding-left: 160px;*/
	padding: 30px 0;
	position: relative;
}
.day_wrap {
	background: #df568c;
	border-radius: 50%;
	color: #fff;
	font-size: 4vw;
	font-weight: bold;
	padding: 4vw;
	position: absolute;
	text-align: center;
	top: -3vw;
	right: 2vw;
	transform: rotate(8deg);
	z-index: 1;
}
@media screen and (min-width:768px) {
	.day_wrap {
		border-radius: 50%;
		font-size: 21px; font-size: 2.1rem;
		padding: 20px;
		top: -20px;
		right: 10px;
		
	}
}

.ico_entry,
.ico_reserve {
	background: #fff200;
	border-radius: 5px;
	box-shadow: 0px 7px 5px -5px rgba(0,0,0,0.3);
	color: #000000;
	font-size: 65%;
	margin-right: 6px;
	padding: 10px;
	position: absolute;
	position: relative;
	top:0px;
	left: 0;
	text-align: center;
	transform: rotate(-8deg);
	width: 7em;
	width: 12em;
}
.ico_reserve {
	color: #fcfae2;
	background: #9b5ea0;
	color: #fff;
}

/* 斜めのライン入り 見出し*/
.ttl_slantline {
  align-items: center;
  color: #df568c;
  display: flex;
  font-size: 22px; font-size: 1.8rem;
  font-weight: bold;
  justify-content: center;
  margin: 30px auto -20px;
}
.ttl_slantline::before,
.ttl_slantline::after {
  background-color: #df568c;
  content: "";
  height: 3px;
  width: 4em;
}
.ttl_slantline::before {
  margin-right: 10px;
  transform: rotate(60deg);
}
.ttl_slantline::after {
  margin-left: 10px;
  transform: rotate(-60deg);
}
.ttl_slantline span {
	text-align: center;
}
@media screen and (min-width:768px) {
	.ttl_slantline {
		font-size: 28px; font-size: 2.8rem;
	}
	.ttl_slantline::before,
	.ttl_slantline::after {
  		width: 40px;
	}
}


.topicsList {
	background: #fff;
	margin-top: 40px;
}
.topicsList.no_back {
	background: none;
}
.topicsList_img {
	font-size: 0;
	position: relative;
}
.topicsList_img img {
	height: auto;
	width: 100%;
}
.topicsList_img .eventCatch,
.topicsList_column_two .eventCatch {
	background: #df568c;
	/*border: #e94c5b solid 6px;*/
	border-radius: 50%;
	color: #fff;
	font-size: 4vw;
	font-weight: bold;
	padding: 4vw;
	position: absolute;
	text-align: center;
	top: -3vw;
	right: 2vw;
	transform: rotate(8deg);
	z-index: 1;
}
@media screen and (min-width:768px) {
	.topicsList {
		background: #fff;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}

	.topicsList_img {
		font-size: 0;
		width: 600px;
	}

	.topicsList_img .eventCatch,
	.topicsList_column_two .eventCatch {
		border-radius: 50%;
		font-size: 21px; font-size: 2.1rem;
		padding: 20px;
		top: -20px;
		right: 10px;
	}
}

.topicsList_txt {
	/*color: #166da3;*/
	flex: 1;
	padding: 20px;
}



.topicsList li {
	width: 100%;
}
.topicsList li:first-child {
	margin-bottom: 30px;
}
@media screen and (min-width:768px) {
	.topicsList li {
		width: 46%;
	}
	.topicsList li:first-child {
		margin-bottom: 0;
	}
	.topicsList li .modelName li {
		margin-bottom: 2px;
	}
	.topicslist li {
		width: 46%;
	}
	.topicslist li:first-child,
	.topicslist li:nth-child(2) {
		border-top: #ccc dotted 1px;
	}
}

/* 2つの写真を隙間なく並べる場合*/

.topicsList_column_two {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top: 30px;
	position: relative;
}
.topicsList_column_two li {
	position: relative;
	width: 100%;
}
.topicsList_column_two li img {
	height: auto;
	width: 100%;
}
@media screen and (min-width:768px) {
	.topicsList_column_two li {
		width: 50%;
	}
	.topicsList_column_two li .modelName li {
		margin-bottom: 2px;
	}
	.topicsList_column_two li:first-child,
	.topicsList_column_two li:nth-child(2) {
		border-top: #ccc dotted 1px;
	}
}

/* 4つ並び*/

.topicsList_column_four {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top: 30px;
	position: relative;
}
.topicsList_column_four li {
	margin-bottom: 20px;
	position: relative;
	width: 48%;
}
.topicsList_column_four li img {
	height: auto;
	width: 100%;
}
@media screen and (min-width:768px) {
	.topicsList_column_four li {
		width: 23%;
	}
}

/* 1つ並び*/

.topicsList_column_one {
	margin-top: 30px;
	position: relative;
}
.topicsList_column_one li {
	margin-bottom: 20px;
	position: relative;
	width: 100%;
}
.topicsList_column_one li img {
	height: auto;
	width: 100%;
}

/* 1つ並び*/

.topicsList_column_one {
	margin-top: 30px;
}




.list_kome li {
	color: #666;
	font-size: 75%;
	line-height: 1.4;
	margin: .3em 0;
	padding-left: 1em;
	text-indent: -1em;
}
.list_kome li:before {
	content: "※";
}


.topicEvent dt {
	color: #004e7d;
	font-size: 21px; font-size: 2.1rem;
	font-weight: bold;
	display: inline-block;
	padding-right: 15px;
}
.topicEvent dd {
	background: #fff;
	margin-top: 10px;
	position: relative;
}
.topicEvent img {
	height: auto;
	width: 100%;
}
.topicEvent dd .eventCatch {
	background: #fff000;
	border-radius: 2vw;
	color: #0c3b94;
	font-size: 4vw;
	font-weight: bold;
	padding: 2vw;
	position: absolute;
	text-align: center;
	top: 2vw;
	right: 2vw;
}
.topicEvent dd .eventCatch.green_bg {
	background: #66CC33;
}
.topicEvent dd .eventTxt {
	padding: 10px;
}

@media screen and (min-width:768px) {
	.topicEvent dd .eventCatch {
		background: #fff000;
		border-radius: 10px;
		color: #0c3b94;
		font-size: 21px; font-size: 2.1rem;
		font-weight: bold;
		padding: 10px;
		position: absolute;
		text-align: center;
		top: 10px;
		right: 10px;
	}
}


.ttl_schedule_date {
	font-size: 22px; font-size: 2.2rem;
	font-weight: bold;
}

.table_schedule {
	border-top: #aaa dotted 1px;
	border-collapse: collapse;
	font-size: 17px; font-size: 1.7rem;
	margin: 10px 0;
	table-layout: auto;
	width: 100%;
}
@media screen and (min-width:768px) {
	.table_schedule {
		width: 750px;
	}
}
.table_schedule th {
	border-bottom: #aaa dotted 1px;
	font-weight: normal;
	padding: 15px 3px;
	text-align: left;
	white-space: nowrap;
	width: 7em;
}
.table_schedule td {
	border-bottom: #aaa dotted 1px;
	padding: 10px 3px;
}

.list_schedule {
	border-collapse: collapse;
	font-size: 17px; font-size: 1.7rem;
	margin: 10px 0;
	table-layout: auto;
	width: 100%;
}
.list_schedule li {
	padding: 5px 0;
}
@media screen and (min-width:768px) {
	.list_schedule {
	}
}
.list_schedule_time {
	overflow: hidden;
}
.list_schedule_time dt {
	float: left;
	clear: both;
	position: relative;
	white-space: nowrap;
	width: 3em;
  }
  .list_schedule_time dt:after {
	content: "：";
	position: absolute;
	right: -.5em;
	top:0;
  }
  .list_schedule_time dd {
	margin-left: 3.5em;
  }
  
.event_photo_750 {
	margin-top: 30px;
}
.event_photo_750 img {
	height: auto;
	width: 100%;
}
@media screen and (min-width:768px) {
	.event_photo_750 img {
		max-width: 750px;
	}
}


.guest {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top: 30px;
}
.guest .guestImg,
.guest .guestTxt {
	width: 100%;
}

.guest .guestImg img {
	height: auto;
	width: 100%;
}

#topics .guest .guestTxt h4 {
	border-bottom: none;
	font-size: 24px; font-size: 2.4rem;
	font-weight: 400;
	line-height: 1.4;
	margin: 0 0 15px 0;
	padding: 0;
	width: 100%;
}
#topics .guest .guestTxt h4 strong {
	font-size: 38px; font-size: 3.8rem;
	font-weight: bold;
}
.guest .guestTxt p {
	width: 100%;
}
@media screen and (min-width:768px) {
	.guest .guestImg {
		width: 360px;
	}
	.guest .guestTxt {	
		width: 580px;
	}
}

#topics .comingsoon {
	margin-top: 30px;
	text-align: center;
}
#topics .comingsoon strong {
	font-size: 32px; font-size: 3.2rem;
}

#topics h4.ttl_method {
	border-bottom: #e684b3 solid 1px;
	/*color: #004e7d;*/
	color: #e26da5;
	font-size: 18px; font-size: 1.8rem;
	font-weight: bold;
	margin-top: 30px;
	padding: 3px 0;
}

.topicEvent_detail {
	margin-top: 10px;
}
.topicEvent_detail li {
	line-height: 1.4;
	margin-bottom: 8px;
	padding-left: 1.2em;
	text-indent: -1.2em;
}
.topicEvent_detail li:before {
    content:  "";
    width: 10px;
    height: 10px;
    display:  inline-block;
    background-color: #0075b5;
    position:  relative;
    top: 0px;
    border-radius:  50%;
    margin: 0 0.4em;
}

/*--タイムスケジュール table --*/
.topicsEventList_timetable {
	background: #fff;
	border-collapse: collapse;
	font-size: 14px; font-size: 1.4rem;
	margin: 10px 0;
	table-layout: auto;
	width: 100%;
}

.topicsEventList_timetable th {
	background: #e26da5;
	background: #0075b5;
	/*background: #b7d7e9;*/
	border: #aaa solid 1px;
	color: #fff;
	font-weight: bold;
	line-height: 1.3;
	padding: .5em;
	text-align: center;
	vertical-align: middle;
}
.topicsEventList_timetable th.time {
	background: #ffe0ef;
	background: #eee;
	border: #aaa solid 1px;
	color: #333;
	width: 4em;
}
.topicsEventList_timetable td {
	border: #aaa solid 1px;
	line-height: 1.3;
	padding: .5em;
	text-align: left;
	vertical-align: middle;
}
.topicsEventList_timetable td.seminar {
	width: 11.5em;
}
@media screen and (min-width:768px) {
	.topicsEventList_timetable {
		font-size: 17px; font-size: 1.7rem;
	}
	.topicsEventList_timetable th.time {
		width: 7em;
	}
	.topicsEventList_timetable td.seminar {
		width: 12em;
	}
}



.topicsEventList_timetable .list_topicsEventList_timetable {
}
.topicsEventList_timetable .list_topicsEventList_timetable li {
	display: block;
	margin: 5px 0;
	padding-left: 1em;
	text-indent: -1em;
	text-align: left;
}
.topicsEventList_timetable .list_topicsEventList_timetable li:before {
    content:  "";
    width: 14px;
    height: 14px;
    display:  inline-block;
    background-color: #12a8cb;
    position:  relative;
    top: 2px;
    border-radius: 50%;
    margin: 0 2px;
}
@media screen and (min-width:768px) {
	.topicsEventList_timetable .list_topicsEventList_timetable li {
		display:  inline-block;
		margin-right: 1em;
	}
}


.column3 {
	display: block;
}
.column3 li {
	border-top: #999 dotted 1px;
	margin: 20px 0 0;
	padding: 20px 0 0;
	
}
.column3 li:first-child {
	border-top: none;
	padding: 0;
}

@media screen and (min-width:768px) {
	.column3 {
		display: flex;
		width: 100%;
	}
	.column3 li {
		border-top: none;
		/*border-right: #999 dotted 1px;*/
		box-sizing: border-box;
		margin: 0 3% 30px 0;
		padding: 0 1% 0 0;
		width: 32%;
	}
	.column3 li:nth-child(3n) {
		border-right: none;
		margin: 0 0 30px 0;
	}
}

.reserveEvent dt {
	color: #9b5ea0;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-bottom: 10px;
	width: 100%;
}
.reserveEvent dd {
	margin-bottom: 10px;
	width: 100%;
}
.reserveEvent .ico_ttl {
	background: #888;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-weight: normal;
	margin-right: 10px;
	text-align: center;
	padding: 2px;
	width: 70px;
	white-space: nowrap;
}
.reserveEvent dt .ico_ttl {
	background: #9b5ea0;
}
.reserveEvent .ico_ttl_admin {
	background: #00a5a8;
}

@media screen and (min-width:768px) {
	.reserveEvent .ico_ttl {
	}
	
}

#topics h4.guestname {
	border-bottom: none;
	color: #004b88;
	font-size: 26px; font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 0 10px;
	padding: 3px 0;
}
#topics h4.guestname .font_s {
	font-size: 75%;
	font-weight: normal;
}
.time_flame {
	border: #666 solid 1px;
	display: inline-block;
	font-weight: bold;
	margin-bottom: 10px;
	padding: .25em 1em;
}

.topicsList {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top: 30px;
}

.topicsList > div {
	position: relative;
	width: 100%;
}
.topicsList div img {
	height: auto;
	width: 100%;
}
/*.topicsList > div .eventCatch {
	background: #fff;
	border-radius: 10px;
	border: #d14f97 solid 4px;
	box-sizing: border-box;
	color: #d14f97;
	font-size: 21px; font-size: 2.1rem;
	font-weight: bold;
	padding: 10px;
	position: absolute;
	text-align: center;
	top: 10px;
	right: 10px;
}*/
@media screen and (min-width:768px) {
	.topicsList div {
		width: 49%;
	}
	.topicsList > div .modelName li {
		margin-bottom: 2px;
	}
	.topicslist >div:first-child,
	.topicslist >div:nth-child(2) {
		border-top: #ccc dotted 1px;
	}
}


.topicEvent_detail_table {
	border: #aaa solid 1px;
	border-collapse: collapse;
	line-height: 1.3;
	width: 100%;
}
.topicEvent_detail_table tr {
	border-bottom: #aaa solid 1px;
}
.topicEvent_detail_table th {
	background: #0075b5;
	border-bottom: #fff solid 1px;
	border-right: #aaa solid 1px;
	color: #fff;
	text-align: center;
	padding: .5em .5em;
	vertical-align: middle;
	white-space: nowrap;
}
.topicEvent_detail_table td {
	background: #fff;
	padding: .5em .5em;
}
.topicEvent_detail_table .time_table {
	display: flex;
	width: 100%;
	
}
.topicEvent_detail_table .time_table > div {
	white-space: nowrap;
}
.topicEvent_detail_table .time_table > div:first-child {
	margin-right: 1em;
}
.topicEvent_detail_btn {
	box-sizing: border-box;
	font-size: 125%;
	margin-top: 30px;
	padding: 1em;
	text-align: center;
	width: 100%;
}
.topicEvent_detail_btn a {
	color: #fff;
	display: block;
	background: #df568c;
	border-radius: 5px;
	margin: auto;
	padding: 1em;
	position: relative;
	box-shadow: 4px 4px 0px #0075b5;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	width: auto;
}
.topicEvent_detail_btn a:hover {
	background: #f5a6c6;
	transition: all .3s;
}
.topicEvent_detail_btn a:after{
	color: #fff;
	content:'\f054';
	font-family:'Font Awesome 5 Free';
	font-size: 16px; font-size: 1.6rem;
	font-weight:900;
	margin-left: 10px;
	position: relative;
	text-align: center;
	top:1px;
}
@media screen and (min-width:768px) {
	.topicEvent_detail_btn a {
		width: 18em;
	}
}


/*　兵庫県姫路市のご当地アイドル「KRD8」
-----------------------------*/
.topicsList_column_one .eventCatch.krd8 {
	background: #dc0312;
	border-radius: 50%;
	color: #fff;
	font-size: 3.5vw;
	font-weight: bold;
	line-height: 1.3;
	padding: 4vw;
	position: absolute;
	text-align: center;
	top: -3vw;
	right: 2vw;
	transform: rotate(8deg);
	z-index: 1;
}
.topicsList_column_one .eventCatch.krd8 .note {
	font-size: 65%;
	font-weight: normal;
}
@media screen and (min-width:768px) {


	.topicsList_column_one .eventCatch.krd8 { 
		border-radius: 50%;
		font-size: 28px; font-size: 2.8rem;
		padding: 40px;
		top: -20px;
		right: 10px;
	}
}

.krd8_name {
	background: #000;
	box-sizing: border-box;
	color: #b99a57;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding: 2px 0;
}
.krd8_name .txt_small {
	font-size: 14px;
	font-weight: normal;
}

/*--------------------------------
	
			#lasttime
			前回の風景

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


.lasttime_txt {
	color: #666;
	text-align: center;
}
.lasttimePhoto {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top: 30px;
}
.lasttimePhoto li {
	margin-bottom: 20px;
	width: 48%;
}
.lasttimePhoto li img {
	border-radius: 15px;
	height: auto;
	width: 100%;
}
@media screen and (min-width:768px) {
	.lasttimePhoto li {
		margin-bottom: 20px;
		width: 32%;
	}
}

/*--------------------------------
	
			#map
			会場アクセス

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


.google-maps {
	margin-top: 30px;
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.address {
	font-size: 18px; font-size: 1.8rem;
	margin-top: 20px;
}
.access {
	margin-top: 30px;
}
.access h3 {
	background: #0075b5;
	color: #fff;
	font-size: 18px; font-size: 1.8rem;
	font-weight: bold;
	margin-top: 40px;
	padding: 5px 10px;
}
.access h3.train:before {
	font-family: "Font Awesome 5 Free";
	content: '\f239';
	font-weight: 900;
	margin-right: 8px;
}
.access h3.car:before{
	font-family: "Font Awesome 5 Free";
	content: '\f5e4';
	font-weight: 900;
	margin-right: 8px;
}
.access h4 {
	border-bottom: #0075b5 solid 1px;
	color: #0075b5;

	font-size: 21px; font-size: 2.1rem;
	font-weight: bold;
	margin-top: 30px;
	padding: 3px 0;
}

.access dl {
	margin-top: 20px;
}
.access dt {

	font-size: 18px; font-size: 1.8rem;
	font-weight: bold;
	margin-top: 20px;
	padding-left: 1.2em;
	text-indent: -1.2em;
}
.access dt:before {
	content: "■";
	color: #0075b5;
	margin-right: 5px;
}
.access dd {
	margin-top: 5px;
}
/*.accessNotice {
	border: #1463a6 dotted 1px;
	border: #009591 dotted 1px;
	border-radius: 10px;
	margin-top: 40px;
	padding: 20px 30px;
}*/
.accessNotice {
	background: #fff;
	margin-top: 40px;
	padding: 20px;
}
.accessNotice h4 {
	border: none;
	color: #df568c;
	color: #fff;
	margin: 0 0 10px;
	/*margin: -35px 0 15px -20px;*/
}

.accessNotice h4 span {
	background: #df568c;
	display: inline-block;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	position: relative;
}
.accessNotice h4 span:after{
  position: absolute;
  top: 0;
  right: -40px;
  content: '';
  border-width: 20px 20px 20px 20px;
  border-style: solid;
  border-color: transparent transparent transparent #df568c;
}

.timetable {
	margin-top: 5px;
}
.timetable:before {
	content:'\f054';
	font-family:'Font Awesome 5 Free';
	font-size: 14px; font-size: 1.4rem;
	font-weight:900;
	margin-right: 5px;
	position: relative;
	top:1px;
}
.notice {
	border: #df568c solid 1px;
	border-radius: 10px;
	margin-top: 30px;
	padding: 10px 15px;
}
.notice h4 {
	color: #df568c;
	font-size: 21px; font-size: 2.1rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.notice p {
	color: #df568c;
}

/*--------------------------------
	
			#faq
			よくあるご質問

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


#faq h3 {
	color: #0075b5;
	font-size: 21px; font-size: 2.1rem;
	font-weight: bold;
	margin-top: 30px;
	text-align: center;
}
#faq h3 span {
	background: linear-gradient(transparent 60%, rgb(255, 255, 50) 60%);
}
.faqTit_note {
	font-size: 13px; font-size: 1.3rem;
	margin-top: 8px;
	text-align: center;
}
.faqTit_note:before {
	content:'\f054';
	font-family:'Font Awesome 5 Free';
	font-size: 12px; font-size: 1.2rem;
	font-weight:900;
	margin-right: 5px;
	position: relative;
}

.faqList {
	border-bottom: #999 dotted 1px;
	margin-top: 20px;
	padding-bottom: 20px;
}
.faqList dt {
	border-top: #999 dotted 1px;
	color: #0075b5;
	font-weight: bold;
	margin-top: 20px;
	padding: 20px 0 0 1em;
	text-indent: -1em;
}
.faqList dt:before {
	content: 'Q.';
}
.faqList dd {
	margin-top: 5px;
	padding-left: 1em;
	text-indent: -1em;
}
.faqList dd:before {
	content: 'A.';
}
.faqList dd .linkTxt {
	margin: 5px 0 0 1em;
}
.faqList dd .linkTxt:after {
	content:'\f054';
	font-family:'Font Awesome 5 Free';
	font-size: 14px; font-size: 1.4rem;
	font-weight:900;
	margin-left: 10px;
	position: relative;
	top:1px;
}
.faqList dd p {
	padding-left: 1em;
}
.faqList_price {
	margin-left: 1em;
}
.faqList_price li:before {
    content:  "";
    width: 6px;
    height: 6px;
    display:  inline-block;
    background-color: #666;
    position:  relative;
    top: -2px;
    border-radius:  50%;    margin: 0 0.4em;
}

/*--------------------------------
	
			#contact
			お問い合せ

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

#contact {
	background: #efefef;
	padding: 50px 0;
}

.formbox {
	box-sizing: border-box;
	margin: auto;
	width: 100%;
}
.formbox .form-group {
	margin-top: 20px;
}
.formbox .labelName {
	box-sizing: border-box;
	width: 99%;
}
.formbox .labelInput {
	box-sizing: border-box;
	overflow: hidden;
	width: 99%;
}
.formbox .labelInput input,
.formbox .labelInput textarea {
	box-sizing: border-box;
	padding: 5px;
	width: 99%;
}
.formbox .labelInput button {
	background: #0085ca;
	border: none;
	color: #fff;
	font-size: 42px; font-size: 4.2rem;
	font-weight: bold;;
	font-size: 18px; font-size: 1.8rem;
	padding: 10px 15px;
	-webkit-appearance: none;
	border-radius: 0;
}
.formbox .labelInput button.btn_reset {
	background: #ddd;
	color: #333;
}
.col-sm-offset-2 button {
	width: 48%;
}

@media screen and (min-width:768px) {
	.formbox .form-group {
		overflow: hidden;
	}
	.formbox .labelName {
		float: left;
		width: 20%;
	}
	.formbox .labelInput,
	.formbox .labelInput {
		float: right;
		width: 78%;
	}
	.formbox .labelInput button {
	font-size: 16px; font-size: 1.6rem;
	margin-right: 10px;
	padding: 10px 50px;
	width: 40%;
}
}

/*--------------------------------
	
			footer

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

footer {
	background: #efefef;
	padding: 80px 0 120px;
}
@media screen and (min-width:768px) {
	footer {
		padding-top: 0;
	}
}
#page-top{
    position:fixed;
	bottom:110px;
    right:20px;
    z-index: 50;
}
@media screen and (min-width:768px) {
	#page-top{
   		position:fixed;
		bottom:20px;
    	right:20px;
    	z-index: 50;
	}
}
#page-top a:hover img
{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

.tyuuibox {
	background: #efefef;
	background: #fff;
	border: #ccc solid 1px;
	padding: 10px;
}
.tyuuibox h3 {
	color: #0085ca;
	font-size: 24px; font-size: 2.4rem;
	font-weight: bold;
}
.tyuui {
	margin-top: 10px;
}
.tyuui_2box {
	margin-top: 20px;
	overflow: hidden;
}

.tyuuitext li {
	font-size: 12px; font-size: 1.2rem;
	margin-bottom: 5px;
	padding-left: 1.4em;
	text-indent: -1.4em;
}
.tyuuitext li:before {
    content:  "";
    width: 10px;
    height: 10px;
    display:  inline-block;
    background-color: #333;
    position:  relative;
    border-radius:  50%;
    margin: 0 0.4em;
}
.tyuuitext li.txtRed {
	color: #d00;
}

@media screen and (min-width:768px) {
	.tyuui_2box .float_left {
		float: left;
		width: 48%;
	}
	.tyuui_2box .float_right {
		float: right;
		width: 48%;
	}
	
}


.copyright {
	background: #0085ca;
	color: #fff;
	font-size: 12px; font-size: 1.2rem;
	margin-top: 20px;
	text-align: center;
}


/*--------------------------------
	
			#thanks
			終了の案内
			
--------------------------------*/

#thanks {
	margin-top: 30px;
	padding: 0 0 30px 0;
	
}
.thanks_block {
	background: #e0eaea;
	border: #00a5a8 solid 1px;
	border-radius: 10px;
	padding: 20px 10px;
	
}
#thanks h2 {
	color: #00a5a8;
	font-size: 4.5vw;
	line-height: 1.4;
	text-align: center;
}
#thanks p {
	font-size: 3.0vw;
	line-height: 1.6;
	margin-top: 15px;
	text-align: center;
}
@media screen and (min-width:768px) {
	#thanks {
		margin-top: 40px;
		padding: 0;
	
	}
	#thanks h2 {
		font-size: 24px;
		line-height: 1.4;
	}
	#thanks p {
		font-size: 16px;
		line-height: 1.6;
		margin-top: 15px;
	}

	
}



/*--------------------------------
	
			announce_end

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

.announce_end {
	background: #df568c;
	/*background: #b96096;*/
	box-sizing: border-box;
	color: #0479be;
	color: #fff;
	line-height: 1.4;
	margin: auto;
	padding: 30px 0;
	width: 100%;
}
.announce_end h1 {
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 15px;
}
.announce_end p {
	font-size: 18px;
}

@media screen and (min-width:768px) {
	.announce_end {
		padding: 30px 10px;
	}
}


/*--------------------------------
	
			試乗受付先
			モーダル

--------------------------------*/
/*インライン用*/
#inline-wrap {
	position: relative;
	margin:10px 5vw;
	max-width: 700px;
	background: #fff;
	border-radius: 20px;
	padding: 20px;
	text-align: center;
}
@media screen and (min-width:768px) {
	#inline-wrap {
		margin:10px auto;
	}
}

#inline-wrap h1 {
	font-weight: bold;
	font-size: 3vw;
	margin: 0 0 20px;
	text-align: center;
}
@media screen and (min-width:768px) {
	#inline-wrap h1 {
		font-size: 28px;
	}
}
#inline-wrap .popup-modal-dismiss {
	margin-top: 20px;
	text-align: center;
}

#inline-wrap .reserveEvent {
	display: inline-block;
	margin: auto;
	text-align: left;
}
#inline-wrap .reserveEvent .ico_ttl {
	background: #166da3;
}
#inline-wrap .reserveEvent .txt_indent {
	color: #888;
	font-size: 90%;
	padding-left: 1em;
	text-indent: -1em;
}

#inline-wrap button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
  background: #e94c5b;
  border-radius: 50px;
  color: #fff;
  opacity: 1.0;
  top:-20px;
  right: -20px;
}
#inline-wrap button.mfp-close:hover {
	background: #e78992;
}

/*表示のエフェクト*/
.mfp-fade.mfp-bg {
	opacity: 0.001; /* Chrome opacity transition bug */
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
  }
  .mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
  }
  .mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
  }
  .mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
  }
  .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
  }
  .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
  }

  /*--------------------------------
	
	Footer banner fix

--------------------------------*/
.footer_bnr_fix {
	background: #fff;
	bottom: 0;
	box-shadow: 0px 3px 5px 5px rgba(0,0,0,0.2);
	padding: 0;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 2;
}
.footer_bnr {
	background: #df568c;
	box-sizing: border-box;
	color: #fff;
	display: flex;
	justify-content: space-between;
	padding: 15px;
	width: 100%;
}
.footer_bnr > div {
}
.footer_bnr_ttl_sub {
	text-align: left;
}
.footer_bnr_ttl {
	font-size: 5vw;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
}
.footer_bnr_btn {
	align-items: center;
	display: flex;
	
}
.footer_bnr_btn a {
	align-items: center;
	background: #fff;
	border-radius: 10px;
	color: #df568c;
	display: block;
	display: flex;
	font-weight: bold;
	padding: 1em;
	text-align: center;
	text-decoration: none;
}
.footer_bnr_btn a:after{
	color: #df568c;
	content:'\f054';
	font-family:'Font Awesome 5 Free';
	font-size: 16px; font-size: 1.6rem;
	font-weight:900;
	margin-left: 10px;
	position: relative;
	text-align: center;
	top:1px;
}
.footer_bnr_btn a:hover {
	background: #fed5e6;
}

@media screen and (min-width:768px) {
	.footer_bnr > div {
		align-items: center;
		display: flex;
	}
	.footer_bnr_ttl_sub {
		font-size: 18px;
		margin-right: .5em;
	}
	.footer_bnr_ttl {
		font-size: 32px;
		font-weight: bold;
	}
}