@charset "UTF-8";
/****************************************
Resetting
*****************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, main,hgroup, menu, nav, section {
	display: block;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
}

ol,ul,li{
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input[type="submit"],
input[type="button"],
input[type="reset"]{
	appearance: button;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
}
@media screen and (max-width: 768px) {
img {
	width: 100%;
}
}
/******************************************
normarise
******************************************/
*{
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

html {
	-webkit-font-smoothing: antialiased;
}

a{
	text-decoration: none;transition: .5s;
}

a:hover{
	opacity: 0.8;
}

/******************************************
clearfix
******************************************/
.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/****************************************
Layout
*****************************************/
/*flexbox*/
.flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.flex--start{
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
}

.flex--center{
	justify-content: center;
	-webkit-justify-content: center;
}
.flex--end{
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

.flex--bet{
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.flex--around{
	justify-content: space-around;
	-webkit-justify-content: space-around;
}

/*col*/
.col2{
	width:48%;
}

.col3{
	width:30%;
}

.col4{
	width:25%;
}

.col5{
	width:18.4%;
}

.col6{
	width:15%;
}

/****************************************
modal window
*****************************************/
#cover {
	position: fixed;
	min-width: 100%;
	min-height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 1;
	top:0;left: 0;right:0;
	display: block;
	}

#modal {
	position: absolute;
	width: 50%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	height: auto;
	z-index: 2;
	display: block;
	color:white;
	}
@media screen and (max-width:768px){
	#modal {width: 70%;top: 30%;}
}
@media screen and (max-width:480px){
	#modal {width: 90%;}
}
	#modal img{width: 100%;height:auto;border:1px solid cyan;border-radius:10px;}
/****************************************
header
*****************************************/
.header {
	position: fixed;
	top:0;
	z-index: 10000;
	width: 100%;
	background-color: #5c3735;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF5C3735', endColorstr='#FF3B1513');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiM1YzM3MzUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYjE1MTMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background-size: 100%;
	background-image: -moz-linear-gradient(left, #5c3735 25%, #3b1513 100%);
	background-image: -webkit-linear-gradient(left, #5c3735 25%, #3b1513 100%);
	background-image: linear-gradient(to right, #5c3735 25%, #3b1513 100%);
	transition: .5s;
}
@media screen and (max-width: 768px) {
	.header {
	top: 0;
	}
}
.header:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 6px;
	margin: auto;
	background-color: #96802d;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF96802D', endColorstr='#FFBCAB5E');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2ODAyZCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZGRkMTg5Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjNhNDZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmNhYjVlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
	background-size: 100%;
	background-image: -moz-linear-gradient(left, #96802d 0%, #ddd189 20%, #b3a46e 100%, #bcab5e 100%);
	background-image: -webkit-linear-gradient(left, #96802d 0%, #ddd189 20%, #b3a46e 100%, #bcab5e 100%);
	background-image: linear-gradient(to right, #96802d 0%, #ddd189 20%, #b3a46e 100%, #bcab5e 100%);
}
@media screen and (max-width: 768px) {
	.header:after {
	height: 3px;
	}
}
.header__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 18px 20px;
}
@media screen and (max-width: 768px) {
	.header__inner {
	padding: 2% 3%;
	}
}
.login-height{max-height: 139px;}
@media screen and (max-width: 768px) {
	.login-height{max-height: auto;}
}
@media screen and (max-width: 768px) {
	.header__logo img {
	width: 120px;
	}
}
@media screen and (max-width: 768px) {
	.header__right {
	display: none;
	}
}
.header__nav {
	margin-bottom: 25px;
}
.header__nav__list {
	display: flex;
}
.header__nav__item {
	padding: 0 20px;
	border-right: 1px dotted #FFF;
}
.header__nav__item:last-child {
	padding-right: 10px;
	border-right: none;
}
.header__nav__item a {
	color: #FFF;
	font-size: 16px;
	font-weight: 500;
}
.header__nav__item a.soon,
.nav-item a.soon {
	color: rgba(200,200,200,.5)!important;
	position: relative;
	pointer-events: none;
	display: flex!important;
	justify-content: center;
	}
.header__nav__item a.soon::before,
.nav-item a.soon::before {
	content: "coming soon...";
	position: absolute;
	width: 100px;
	display: flex;
	justify-content: center;
	bottom: -15px;
	font-size: .75rem;
	font-weight: normal;
	}
.header__subnav__list {
	display: flex;
	justify-content: end;
}
.header__subnav__item {
	margin: 0 10px;
}
.nav_login{
	position: relative;
}
.nav_login::before{
	content: "\f2f6";
	padding-right: 5px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
}
.nav_logout{
	color: gold!important;
	position: relative;
	display: block;
}
.nav_logout::before{
	content: "\f2f5";
	padding-right: 2px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
}
.nav_mypage{
	position: relative;
}
.nav_mypage::before{
	content: "\f2bd";
	padding-right: 5px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
}
.scroll.hide {
    transform: translateY(-153px);
}

/****************************************
main_contents
*****************************************/

/***main_section1***/
.main_section_wrap{width: 100%; margin: 0 auto;padding:0 15%; display: flex;flex-wrap:wrap;background: url("../img/tfo_main_sec1_bg.jpg") no-repeat center;background-size: cover;background-attachment: fixed;}
.main_section1{width: 100%;margin: 0 auto; display: flex;flex-wrap:wrap;background:rgba(0,0,50,.8);border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;box-shadow: 0 0 8px #000033;}
.main_section1-1{width: 100%;margin: 0 auto; display: flex;flex-wrap:wrap;background:rgba(0,0,50,.9);box-shadow: 0 0 8px #000033;}
.main_section1-2{width: 100%;margin: 0 auto; display: flex;flex-wrap:wrap;background:rgba(0,0,50,.9);border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;box-shadow: 0 0 8px #000033;}
.main_section_title{width: 100%; margin: 0 auto 2% auto; text-align: center;}
.main_section_title span{display: block;}
.main_section_title span.title_sub{margin: 0 auto;padding-bottom: 5px; font-size: 2em;font-weight: bold;color: #000066;}
.main_section_title span.title_main{margin: 0 auto;font-size: 2.5em;font-weight: bold;color: #ffff66;text-shadow:2px 2px 2px #000; padding: 3%;background: linear-gradient(0deg,rgb(0,0,50),rgb(0,50,150));border-top: 3px solid #ffdd00;border-bottom: 3px solid #ffdd00;line-height: 1.5em;}
.main_section_item{width: 100%; margin: 0 5%;display: flex;flex-wrap:wrap;background: rgba(255,255,255,0.9);border-radius:10px; }
.main_section_item ul.column_main{flex-basis: 100%;margin: 2%;}
.main_section_item ul.column_left{flex-basis:52%;margin: 0 1% 0 2%;}
.main_section_item ul.column_right{flex-basis: 42%;margin: 0 2% 0 1%;}
ul.column_main li.list_title{color:#003366;padding-top: 2%; font-size: 1.2em;padding-left: -5%;}
ul.column_main li.list_title:first-child{padding-top: 0;}
/*li{list-style: none;font-size: 1em;font-weight: normal; line-height: 2em;}*/
li.list_title{color:#003366;padding-top: 2%;font-size: 1.2em;border-bottom: 1px dotted #ccc;}
li.list_title:first-child{padding-top: 0;}
ul.column_main li.list_txt,li.list_txt{padding-left: 2%;}
ul.column_main li.sub_txt{font-size:.8em;font-weight: normal;line-height: 1em; color:#555;padding-left: 2%;}
.main_section_item li.sub_txt{font-size:1em;font-weight: normal;line-height: 1em; color:#555;padding-left: 2%;}
.gate_section{width: 95%; margin: 2.5% auto;display: flex;flex-wrap:wrap;justify-content: center; background:url("../images/pattern.png");border-radius:15px;padding: 10px;}
.dealer_btn{flex-basis:100%;color:#ffff66;margin:3% auto; z-index: 1;}
.dealer_btn img{width:70%;height:auto;display: flex;margin:0 auto;}
.visitor_guide_area{
	width:100%;
	margin: 0 auto 30px auto;
    text-align: center;
	display: flex;
}
.visitor_guide_btn{
	width:80%;
	padding:20px;
	margin:auto;
	text-align: center;
	font-size: 30px;
	font-weight:700;
    color: #000066 !important;
    text-shadow: 0px 0px 5px white;
    border: 1px solid red;
    background: rgba(255, 255, 125, 0.9);
	border-radius: 10px;
	position: relative;
}
.visitor_guide_btn::before{
	content:"NEW!";
	padding: 10px;
    line-height: 2.5em;
    margin: auto;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 700;
    top: -26px;
    left: -26px;
    width: 42px;
    height: 42px;
    color: white;
    background:red;
	border-radius: 50px;
	position: absolute;
}
.gate_item{flex-basis: 49%;max-width: 49%;margin: auto;text-align: center;padding: 10px;border: 3px goldenrod solid;border-radius: 5px;}
.-bg-gray{background: #151515;}
.-bg-navy{background: #000033;}
@media screen and (max-width:1024px) {
	.gate_item{flex-basis: 100%;max-width: 100%;}
	.gate_item:last-child{margin-top:10px;}	
}
.gate_item img{width: 100%;margin: auto;text-align: center;}
.event_item{width: 100%;display: flex;flex-wrap: wrap;}
.event_item_title{
	flex-basis: 100%;max-width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start;
	font-size: 1rem;font-weight: 700;color: #FFF;margin-top: 15px;
}
.event_item_text{
	flex-basis: 100%;max-width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start;
	font-size: 0.75rem;font-weight: 500;line-height:1.5em;color: #ffff99;padding-left: 13px;text-align: left;
}
@media screen and (max-width:1024px) {
	.event_item_text{font-size: 0.7em;}	
}
.event_item_col_l,.event_item_col_r{flex-basis: 100%;max-width: 100%;display: flex;flex-wrap:wrap;justify-content: flex-start;}
@media screen and (max-width:1024px) {
	.event_item_col_l,.event_item_col_r{flex-basis: 50%;max-width: 50%;}	
}
@media screen and (max-width:480px) {
	.event_item_col_l,.event_item_col_r{flex-basis: 100%;max-width: 100%;}	
}
.event_item_day{flex-basis: 100%;max-width: 100%;display: block;font-size: 1.2em;line-height:1.4em;text-align: left;}
.event_item_ticket1{flex-basis: 65%;max-width: 65%;display: block;font-size: 1.2em;text-align: left;}
.event_item_ticket2{flex-basis: 35%;max-width: 35%;display: block;font-size: 1.2em;text-align: left;}
@media screen and (max-width:1024px) {
	.event_item_ticket1,.event_item_ticket2{flex-basis: 100%;max-width: 100%;}	
}
.note-bg-red{
	flex-basis: 95%;max-width: 95%;margin:auto;padding:5px 10px;display: inline-block;text-align: center;
	background: #ff0000;border-radius:5px;color:#fff;font-size: 0.8em;line-height: 1.2em;
}
@media screen and (max-width:1024px) {
	.note-bg-red{flex-basis: 100%;max-width: 100%;padding:3px 6px;font-size: 0.8em;line-height: 1.5em;margin-top:5px;letter-spacing: 0;}	
}
.cap-bg-red{font-size: 0.7em;display: inline-block;line-height: 1.1em;background: #ff0000;border-radius:5px;padding: 3px 6px;color:#fff;}
@media screen and (max-width:1024px) {
	.cap-bg-red{font-size: 0.6em;line-height: 1em;}	
}
.note_asterisk{flex-basis: 100%;display: flex;font-size: 11px;position: relative;padding-left:14px;color:#fff;}
.note_asterisk:before{content: "\0203B"; display:inline-block;position: absolute;left: 0; box-sizing: border-box;}
@media screen and (max-width:1024px) {
	.note_asterisk{font-size: 0.6em;line-height: 1em;}	
}
.event_item_btn{
	flex-basis: 100%;max-width: 100%; display: block;font-size: 1.2em;margin:20px auto 0;padding:10px;text-align: center;color:#ffff99;font-weight: 500;
	background: linear-gradient(0deg,#000099,#0000ff);border: 2px goldenrod solid;border-radius: 5px;box-shadow: #0000ff 0 0 5px;
}
@media screen and (max-width:480px) {
	.event_item_btn{font-size: 0.8em;line-height: 2em;}	
}
/*ディーラーページ*/
.site-header--dealer{
	background:linear-gradient(90deg,#6f5151,#3c1615);
}
#dealer .main_section_wrap{width: 100%; margin: 0 auto;padding:0 15%; display: flex;flex-wrap:wrap;background: url("../img/tfo_dealer_main_sec1_bg.jpg") no-repeat center;background-size: cover;background-attachment: fixed;}
#dealer .main_section_item{width: 100%; margin: 0 5% 5% 5%;display: flex;flex-wrap:wrap;background: rgba(255,255,255,0.9);border-radius:10px; }
.main_section_item_dealer{width: 100%; margin:0 5%;padding-bottom: 5%; display: flex;flex-wrap:wrap; }
#dealer .main_section1{width: 100%;margin: 0 auto; display: flex;flex-wrap:wrap;background:rgba(50,50,0,.8);border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;box-shadow: 0 0 8px #000033;}
#dealer .main_section2{width: 100%;margin: 2% auto; display: flex;flex-wrap:wrap;background:rgb(255,255,255);border-radius: 10px;box-shadow: 0 0 8px #000033;border: 8px solid #b8860b;}
.main_section_item_dealer ul.column_main_dealer{flex-basis: 100%;margin: auto;display: flex;flex-wrap: wrap;}
.main_section_item_dealer ul.column_left_dealer{flex-basis:47%;margin: 0 1% 0 2%;}
.main_section_item_dealer ul.column_right_dealer{flex-basis:47%;margin: 0 2% 0 1%;}
.main_section_item_dealer li{padding: 1% 0;list-style: none;font-size: 1.3em;font-weight: normal;text-align: center;line-height: 2em;background:rgba(255,255,255,.8);}
.main_section_item_dealer li.list_title_dealer{flex-basis: 20%; color:#fff; font-size: 16px;padding:10px;background:rgba(0,0,100,.8);border-bottom:1px dotted #fff;display: flex;justify-content: center;align-items: center;min-height: 65px;}
.main_section_item_dealer li.list_txt_dealer{flex-basis: 80%;font-size: 18px;padding: 10px; color: #000066; border-bottom: 1px dotted rgba(0,0,100,.8);}
.main_section_item_dealer li.list_txt_dealer span.txt-bold{font-size: 25px;font-weight: bold;}
.main_section_item_dealer li.list_txt_dealer span.txt-box{padding:2px 4px; font-size:8px; color: #fff; background: #000066; border-radius:2px; height: auto; vertical-align: text-bottom; letter-spacing: 0.1rem;}
.main_section_item_dealer li.list_txt_dealer span.-is-blue{background: #00479d; height: auto; vertical-align: bottom; margin-left: -5px;}
.main_section_item_dealer li.list_txt_dealer span.-is-red{background: #aa0033; height: auto; vertical-align: bottom; margin-left: -5px;}
.main_section_item_dealer li:first-child{border-top-left-radius: 10px;}
.main_section_item_dealer li:nth-child(2){border-top-right-radius: 10px;}
.main_section_item_dealer li:nth-last-child(2){border-bottom-left-radius: 10px;border-bottom: none;}
.main_section_item_dealer li:last-child{border-bottom-right-radius: 10px;border-bottom: none;}
@media screen and (max-width:480px) {
	.main_section_item_dealer li.list_title_dealer{flex-basis: 100%;}
	.main_section_item_dealer li.list_txt_dealer{flex-basis: 100%;letter-spacing: 0.1rem;font-size: .75rem;}
	.main_section_item_dealer li:first-child{border-top-left-radius: 10px;border-top-right-radius: 10px;}
	.main_section_item_dealer li:nth-child(2){border-top-right-radius: 0px;}
	.main_section_item_dealer li:nth-last-child(2){border-bottom-left-radius: 0px;border-bottom: 1px dotted #fff;}
	.main_section_item_dealer li:last-child{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
	.main_section_item_dealer li.list_txt_dealer span.txt-bold{font-size: 18px;}	
	.main_section_item_dealer li.list_txt_dealer span.txt-box{font-size: 0.625rem;}
}
.main_section_item_dealer li.list_txt_dealer div.item_center{display: flex;justify-content: center;align-items: center;min-height: 65px;}
.main_section_item_dealer span.sub_txt_dealer{margin: 0 auto;display:flex;justify-content: center;font-size:.8em;font-weight: normal;}
.main_section_item_dealer span.sub_txt_dealer2{margin: 0 auto;padding-left: 4%;padding-bottom: 10px;line-height: 1.2em;color: #555; display:block;text-align: left;font-size:.8em;font-weight: normal;position: relative;}
.main_section_item_dealer span.sub_txt_dealer2:before{content: "※";display:inline-block;top:0;left: 0;margin: 0;padding-left: 2%; font-size: 1em;position: absolute;box-sizing: border-box;}
.dealer_dl_section{width: 90%; margin: 2% auto;display: flex;flex-wrap:wrap;justify-content: center; background:url("../images/pattern.png");border-radius:15px;}
.dealer_dl_section_title{flex-basis: 100%;font-size: 1.5em;font-weight: 600;color:#FFFF00;margin: 2% auto 0 auto;text-align: center;text-shadow: 2px 2px 2px #333;}
ul.dealer_dl_section_list{width: 100%; margin: 2% auto;display: flex;flex-wrap:wrap;justify-content: center;}
ul.dealer_dl_section_list li{flex-basis: 44%;margin:1%; padding:1%; background:url("../img/dealer_dl_section_list_bg_hover.jpg") top center;background-size: 100%; border-radius:15px;box-shadow: 2px 2px 2px #333;text-align: center;transition:box-shadow .1s, transform .1s;}
ul.dealer_dl_section_list li:hover{background:url("../img/dealer_dl_section_list_bg.jpg") top center;background-size: 100%;transition-duration: .1s;transform: translateY(1px)}
ul.dealer_dl_section_list li:active{background:url("../img/dealer_dl_section_list_bg.jpg") top center;background-size: 100%;transition-duration: .1s;transform: translateY(2px)}
ul.dealer_dl_section_list li a{color:#003366;text-shadow:0px 0px 5px #fff; font-weight: 600;}
.contents_caption {
	width:100%;
	background:linear-gradient(90deg,rgb(0,100,200),rgb(0,150,255));
	line-height: 1.4;
	padding: 3%;
	margin:0 auto;
	display: flex;
	justify-content: center;
}
.contents_caption_txt{
	position: relative;
	color: #ffff66;
	font-size: 1.8em;
	font-weight: 600;
	text-shadow: 3px 3px 3px #003366;
}
.contents_caption_txt2{
	position: relative;
	color: #ffff66;
	font-size: 1.5em;
	font-weight: 600;
	text-shadow: 3px 3px 3px #003366;
}
.contents_caption_txt2:before,.contents_caption_txt:before {
	font-family: "Font Awesome 5 Free";
	content: "\f14a";
	position: absolute;
	display: inline-block;
	margin-left: -1.3em;
	line-height: 1.3em;
}
dl.contens_dl{margin:5% 10% 0 10%;}
dl.contens_dl dt{border-left:10px solid rgb(0,100,200);border-bottom: 1px double rgb(0,100,200); padding:0 0 1% 1.5em;position: relative;color: rgb(0,70,100);font-size: 120%;font-weight: 600;}
dl.contens_dl dt:before{content: "\025c7"; position: absolute;top:0; left:.5%;}
dl.contens_dl dd{border: none;margin-bottom: 5%;}
dl.contens_dl2{width:100%;margin:5% 10%;padding: 2%;display:flex;flex-wrap: wrap;background: #eee;border-radius: 15px;border: 1px solid #ccc;box-shadow: 2px 2px 2px #ccc;}
dl.contens_dl2 dt.caption{flex-basis: 50%;display: block; border: none;margin:-5% 10% 1% 0;padding: 1%; background: #006699;color:white;font-size: 120%;font-weight: 600;letter-spacing: .3em;border-radius: 10px;}
dl.contens_dl2 dt.center{flex-basis: 100%;border: none;margin:0;}
dl.contens_dl2 dd.list{flex-basis: 45%;margin: 1% ;position: relative;padding-left: 1em;color:#006699;}
dl.contens_dl2 dd.list:before{content:"\02022";display: inline-block;position: absolute;margin: 0; top:0;left:0;}
ul.column_dealer_main{flex-basis: 80%;margin:5% 10%;}
ul.column_dealer_left{flex-basis:49%;margin: 0 1% 0 10%;}
ul.column_dealer_right{flex-basis: 39%;margin: 0 0 0 1%;}
div.dealer_update_btn{width:100%;display: flex;}
div.dealer_update_btn a{width:90%;margin: 0 auto 5% auto;padding: 3% 0; text-align: center;font-size: 180%;font-weight:600;color:white;text-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #333; background: linear-gradient(to top,#ff0000,#ee6600);border-radius: 10px;}
/*ディーラーページ*/

/*event_app*/
#event_app dl{width: 100%; background: #fff; padding:2%; display:flex; flex-wrap: wrap;}
/*#event_app dl.dl1 {margin-top: -5%;}*/
#event_app dt.dt_title{flex-basis: 100%; text-align: center; font-size: 150%; font-weight: 600; line-height: 2em; margin-top: 5%; border: 3px double #ff6633; padding: 1% 0;}
#event_app dt.dt_subtitle{flex-basis: 100%; font-size: 120%; font-weight: 600; margin-top: 20px; padding-bottom: 5px; border-bottom: 1px dotted #666;}
#event_app dt,dd {width: 100%;}
#event_app dd {border: none;line-height: 2em;margin-top: 10px; padding: 0 10px;letter-spacing: 0;}
#event_app dd.dd_txt {border-bottom: 1px dotted #ccc;}
#event_app dd.dd1{flex-basis:20%; margin-top: 0px; padding: 10px; color:#FFFFFF; background: #003366; border-bottom: 1px dotted #fff;}
#event_app dd.dd2{flex-basis:80%; margin-top: 0px; padding: 10px; border-bottom: 1px dotted #003366;}
@media screen and (max-width:480px) {
	#event_app dd.dd1,	#event_app dd.dd2{flex-basis:100%;max-width:100%;}	
}
#event_app .dd_subtxt{font-size:14px;padding-left:16px;color: #666;display:block;letter-spacing: 0em;line-height: normal;position: relative;}
#event_app .dd_subtxt::before{content:"※";position: absolute;top: 0;left:0;display: inline-block;}
#event_app .dd_list-circle{padding-left:18px;display:block;letter-spacing: 0em;line-height: normal;position: relative;}
#event_app .dd_list-circle::before{content:"・";position: absolute;top: 0;left:0;display: inline-block;}
#event_app .dl_exmpl{border-top: 3px double #555;border-bottom: 3px double #555;}

.dd_txt_bold{font-size: 120%;text-decoration: underline;font-weight: 600;}
.dd_info_box{background: lightyellow;border-radius:15px;box-shadow: 0 0 5px #ccc; margin:2% auto;padding:2%;font-size: 120%;font-weight: 600;text-align: center;}
.dd_info_box2{background: lightyellow;border-radius:15px;box-shadow: 0 0 5px #ccc; margin: 2% auto 0 auto;padding:2%;}
ul.DIP_caution{border: 1px solid #ccc;margin: 1%;padding: 1em 1em 1em 2em;}
ul.DIP_caution li {list-style-type: none;text-indent: -1em;}
ul.DIP_caution li:before {display: inline;content: "※";}
.dip_app_btn_area{width:100%;background: url("../img/pattern.png");margin: 5% auto;padding:1px 0;}
.dip_app_btn{width: 80%; display: block;margin:5% auto;padding:2% 0;text-align: center; font-size:150%;color: white !important;font-weight: 600; background: orangered;border-radius:15px;box-shadow: 2px 2px 2px #ccc}
.dip_app_btn:hover{
	box-shadow: none;
	transform: translateY(2px);
}
@media screen and (max-width:480px){
	.dip_app_btn{width: 90%;font-size:100%;}
}
/*DIP先行申し込みボタン*/

/**早見表**/
ul.list_table{width:1050px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: center;border-top:.5px solid #ccc;border-left:.5px solid #ccc;}
@media screen and (max-width:1050px) {
	ul.list_table{width:100%;}
}
ul.list_table_fixed{width:1050px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: center;border-top:.5px solid #ccc;border-left:.5px solid #ccc;position:absolute;}
ul.list_table_fixed .fixed{position:fixed;top:0;z-index:1;}
ul.list_table li,ul.list_table_fixed li{border-bottom:.5px solid #ccc;border-right:.5px solid #ccc;padding:10px 5px;flex-grow: 1;}
h2.list_table_title{flex-basis: 100%;/*margin-top:10%;*/text-align: center;font-size: 150%;font-weight:600;}
ul.list_table li.list_table_subtitle{text-align: center;background: #f0f8ff;}
ul.list_table li.cols1{flex-basis: 99%;background:#87cefa;border-left:.5px solid #ccc;}
ul.list_table li.cols1-2{flex-basis: 99%;background: white;}
ul.list_table li.cols2{flex-basis: 62%;flex-grow: 2;}
ul.list_table li.cols3{flex-basis: 31%;background:#f0f8ff}
ul.list_table li.cols3-2{flex-basis: 31%;background:white}
ul.list_table li.cols6{flex-basis: 140px;flex-grow: 1;display: flex;justify-content: center;align-items: center;}
ul.list_table li.cols6_lastcol{flex-basis: 280px;flex-shrink: 1;align-items: center;}
ul.list_table li.border_bottom_none{border-bottom:none;}
ul.list_table li.border_bottom_dot{border-bottom:1px dashed #ccc;}
ul.list_table li.border_bottom_dot{border-bottom:1px dashed #ccc;}
span.list_table_info{margin: 1%; padding:1%;border:3px solid #ffccaa;display: flex;justify-content: center;text-align: center;font-size: 120%;}
.notes{
    display:block;
    width:100%;
    margin:5px auto 0;
    padding:5px;
    padding-left:18px;
    color:#bb0000;
    font-size:13px;
    line-height:18px;
    background:#efefef;
    border:1px solid #ffbbbb;
    border-radius:4px;
	position:relative;
}
.notes::before{
    content:"※";
    top:5px;
    left:5px;
    display:inline-block;
	position:absolute;
}
div.keyword_list{width:1050px;margin:0 auto 20px;display: flex;flex-wrap: wrap;justify-content: flex-start;border: 1px solid #0080ff; border-radius: 5px;}
@media screen and (max-width:1050px) {
	div.keyword_list{width:100%;}
}
div.keyword_list a{margin-bottom:10px;margin-left:10px;padding:5px 10px;background: #0080ff;color: #fff!important;border-radius:5px;font-size: 0.8em;}
div.keyword_list a:first-child{margin-left:0px;}
@media screen and (max-width:480px) {
	div.keyword_list a{font-size: 0.6em;}
}
p.keyword_list_title{width: 100%;display: block;font-size: 1.2em;text-align: center;color:#fff;background: #0080ff;border-top-left-radius: 5px;border-top-right-radius: 5px;margin:0 auto 10px;padding:5px 10px;}
/*DIP_クラス表*/
#DIP_class_table{width:1050px;font-size: 1em; }
table.list_table_wrap{width:100%;table-layout:fixed;font-size: 13px; margin: 2% auto;border-top:.5px solid #ccc;border-right:.5px solid #ccc;border-bottom:.5px solid #ccc;display:block;}
table.list_table_wrap thead{width:100%;display:block;}
table.list_table_wrap tbody{width:100%;display:block;}
table.list_table_wrap thead tr{width:100%;display:table;background: white !important;}
table.list_table_wrap tbody tr{width:100%;display:table;background: white !important;height: 50px;}
table.list_table_wrap thead th{font-size: 12px;border-left:.5px solid #ccc;border-bottom:.5px solid #ccc;}
#DIP_class_table thead th{font-size: 1em;border-left:.5px solid #ccc;border-bottom:.5px solid #ccc;}
table.list_table_wrap tbody td{border-left:.5px solid #ccc;border-bottom:.5px solid #ccc;}
#DIP_class_table tbody {overflow:hidden;height: auto;}
table.list_table_wrap tbody {overflow-x: hidden;overflow-y: auto;max-height: 100%;}
table.list_table_wrap thead th.list_table_subtitle{text-align: center;background: orange;}
.cols6{width: 10%;text-align: center;padding:10px 5px;vertical-align: middle;line-height: 1.5em}
#DIP_class_table .cols6{width: 15%;text-align: center;padding:10px 5px;vertical-align: middle;line-height: 1.5em}
th.cols6_lastcol{width: 25%;padding:10px 5px;vertical-align: middle;}
td.cols6_lastcol{width: 23.7%;padding:10px 20px;vertical-align: middle;letter-spacing: 0.3em;}
#DIP_class_table th.cols6_lastcol{width: 25%;padding:10px 5px;vertical-align: middle;}
#DIP_class_table td.cols6_lastcol{width: 25%;padding:10px 5px;vertical-align: middle;letter-spacing: 0.3em;}
td.cols1{width: 99%;flex-grow: 1;background: lightyellow;border-left:.5px solid #ccc;}

@media screen and (max-width:1050px) {
	table.list_table_wrap{width:100%;}
	table.list_table_wrap tr{display: flex;flex-wrap: wrap;}
	th.cols6,td.cols6{flex-basis: 13%;flex-grow: 1}
	th.cols6_lastcol{flex-basis: 20%;flex-grow: 1}
	td.cols6_lastcol{flex-basis: 20%;flex-grow: 1;}
	#DIP_class_table{width:100%;font-size: 1em; }
}
@media screen and (max-width:480px) {
table.list_table_wrap{font-size: 6px;line-height: 18px}
table.list_table_wrap thead{display: flex;flex-wrap: wrap;}
table.list_table_wrap tbody{display: flex;flex-wrap: wrap;overflow: visible;height: auto;}
th.cols6,td.cols6{width:15%;flex-shrink: 1;padding:10px 0;}
th.cols6_lastcol,td.cols6_lastcol{width:25%;flex-shrink: 1; padding:10px 0;}
	}
/****ボタン２列配置用

.visitor_btn{flex-basis: 44%; text-align: center;color:#ffff66;margin: 2%; padding:1%;border-radius:50px;background:linear-gradient(0deg,#990000,#ff3333);z-index: 1;box-shadow: 2px 2px 2px #666}
.dealer_btn{flex-basis: 44%;text-align: center;color:#ffff66;margin: 2%;padding:1%;border-radius:50px;background:linear-gradient(0deg,#003366,#0099cc);z-index: 1;box-shadow: 2px 2px 2px #666;display: flex;}
***/


/***main_section2***/
.main_section2{width: 100%;margin: 2% auto; display: flex;flex-wrap:wrap;background:rgb(255,255,255);border-radius: 10px;box-shadow: 0 0 8px #000033;border: 8px solid rgba(0,0,50,0.8);}
.main_section2 ul.column_main{flex-basis: 100%;margin: 2%;}
.main_section2 ul.column_left{flex-basis:52%;margin: 0 1% 0 2%;}
.main_section2 ul.column_right{flex-basis: 42%;margin: 0 2% 0 1%;}
.main_section_txt{width: 100%; margin: 0 auto;padding: 2% 10%;text-indent: 1.2em;font-size: 1em;font-weight:normal; line-height: 2em;}
.reg_btn{width:70%;margin: 5% auto;display: flex;justify-content: center;}
.reg_btn img{width:100%;height: auto;}

div.main_sec2_list_wrap{width:100%;margin:2%;padding: 1%;background: linear-gradient(0deg,rgb(240,240,240),rgb(255,255,255));border:1px solid #ccc;border-radius:5px;display: flex;flex-wrap: wrap;box-shadow: 2px 2px 2px #333}
div.main_sec2_list_wrap2{width:100%;margin:2%;padding: 1%;background: linear-gradient(0deg,rgb(210,210,155),rgb(255,255,200));border:1px solid #ccc;border-radius:5px;display: flex;flex-wrap: wrap;box-shadow: 2px 2px 2px #333}
ul.main_sec2_list{flex-basis:63%;margin:0 auto;padding-right: 2%;}
ul.main_sec2_list li.style1{list-style:none;color: #333;margin: 1% auto;padding-left: 1em;letter-spacing: 0;border-bottom: 1px dotted #ccc;font-size: 1em;font-weight: normal;position: relative;}
ul.main_sec2_list li.style1:before{content: "\02610";padding-right:1%;box-sizing: border-box;display: flex;position: absolute;top: 0;left: 0;}
ul.main_sec2_list li.style2{list-style:none;color: #cc0000;margin: 1% auto;padding-left: 1em;letter-spacing: 0;border-bottom: 1px dotted #ccc;font-size: 1em;font-weight: normal;position: relative;}
ul.main_sec2_list li.style2:before{content: "\02611";padding-right:1%;box-sizing: border-box;display: flex; position: absolute;top: 0;left: 0;}
ul.main_sec2_list_img{flex-basis: 35%;margin:auto;align-self: center;}
ul.main_sec2_list_img img{width: 100%;height: auto;border-radius:5px;border: 1px solid #ccc;box-shadow: 2px 2px 2px #ccc}

ul.main_sec3_list{width: 80%;list-style: none;margin:2% auto;padding: 2%;background: linear-gradient(0deg,rgb(240,240,240),rgb(255,255,255));-ms-background: linear-gradient(0deg,rgb(240,240,240),rgb(255,255,255));border:1px solid #ccc;border-radius:5px;}
ul.main_sec3_list li {font-size: 1em;line-height: 1.5;margin: 3% auto; color: #006699;position: relative;letter-spacing: 0;border-bottom: 1px dotted #ccc;font-weight: normal;}

div.main_sec3_list2_wrap{width: 80%;margin: 2% auto; display: flex;flex-wrap: wrap;justify-content: center; background: linear-gradient(0deg,rgb(240,240,240),rgb(255,255,255));border:1px solid #ccc;border-radius:5px;}
ul.main_sec3_list2{flex-basis: 56%;list-style: none;margin:0 auto;padding: 2%;}
ul.main_sec3_list2 li {font-size: 1em;line-height: 1.5;margin: 5% auto;color: #006699;position: relative;letter-spacing: .5em;border-bottom: 1px dotted #ccc;font-weight: normal;}

ul.main_sec3_list2_img{flex-basis: 38%;margin:2% auto;padding-right: 2%; align-self: center;text-align: right;}
ul.main_sec3_list2_img img{width: 98%;height:auto;border-radius:5px;}

dl.main_sec3_list{width: 90%;counter-reset: my-counter;list-style: none;margin:2% auto;padding:0 2%;background: linear-gradient(0deg,rgb(240,240,240),rgb(255,255,255));border:1px solid #ccc;border-radius:5px;}
dl.main_sec3_list_bgnone{width: 98%;list-style: none;margin:2% auto;padding:0;font-size:13px;}
dl.main_sec3_list dt,dl.main_sec3_list dd,dl.main_sec3_list_bgnone dt,dl.main_sec3_list_bgnone dd {line-height: 1.5;margin: 1% auto;padding-bottom: 1%;color: #333;position: relative;letter-spacing: .5em;border-bottom: 1px dotted #ccc;font-weight: normal;}
dl.main_sec3_list dt{font-size: 1em}
dl.main_sec3_list dd,dl.main_sec3_list_bgnone dd{font-size: 1em;position: relative;padding-left:1.2em;}
dl.main_sec3_list dd:last-child{border: none;}
dl.main_sec3_list dd:before,dl.main_sec3_list_bgnone dd:before {content: "\0203B";box-sizing: border-box;position: absolute;top: 0;left: 0;vertical-align:top;display:inline-block;width:100px;height:100px;}

.main_sec3_registration_wrap{width:100%;margin:5%;padding: 0;display: flex;flex-wrap: wrap;background-image: url("../images/pattern.png");border-radius:15px;box-shadow: 2px 5px 5px #ccc;}
.main_sec3_registration_title{flex-basis: 80%; margin:2% auto;padding-bottom: 2%; display: flex;justify-content:center;font-size: 2em;font-weight: bold;color: #4169e1;border-bottom: double 10px #003366;}
.main_sec3_registration_txt{flex-basis: 100%;margin:2% auto;padding: 0 2%; display: block;font-size: 1.5em;font-weight: bold;color: #006699;text-align: center;line-height: 2em;}
.registration_btn_area{flex-basis: 100%;display: flex;flex-wrap: wrap;margin:2% auto;}
.registration_btn_area span{flex-basis: 38%;display: flex;margin:2% auto;font-size: 2em;font-weight: bold;color: #ff0000;align-self: center;justify-content: flex-end;}
.registration_btn_area span.arrow{
	flex-basis: 2%;
	position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.registration_btn_area span.arrow:before{
    left: 15px;
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    border: 15px solid transparent;
    border-left: 15px solid #ff0000;
}
.registration_btn_area span.arrow:after{
    left: 0;
    width: 20px;
    height: 15px;
    border-left: 15px solid #ff0000;
}
.registration_btn_area a{flex-basis: 58%;display: flex;margin:2% auto;}
.registration_btn{flex-basis:90%;display: flex;margin: auto; padding:2% 1%;justify-content: center;-ms-background:#fff; background: linear-gradient(#ff0000,#990000);color:white;font-size: 1.5em;font-weight: bold;border-radius:50px;letter-spacing: .3em;}
.registration_btn:hover{-ms-background:#fff;background: linear-gradient(#ff6666,#cc0000);}

.main_sec3_footer{width:100%;min-height: 0%; margin: 5% auto 0 auto; padding:0;}
.main_sec3_footer img{width:100%;height:auto;vertical-align: bottom;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.tiket_wrap{width:80%;margin: 2% auto; border: 1px dotted #666;border-radius:15px;background: url("../images/pattern.png")}

.pt3_icon1{position: relative;  width: 75%; margin:5% 10% 0 auto;}
.pt3_icon1:before{position:absolute;content:"";top:0;bottom:0;left:-110px;margin:0 auto;background-image:url("../img/pt3_icon1.jpg");background-size:contain;vertical-align:top;display:inline-block;width:100px;height:100px;}

.pt3_icon2{position: relative;  width: 75%; margin:5% 10% 5% auto;}
.pt3_icon2:before{position:absolute;content:"";top:0;bottom:0;left:-110px;margin:0 auto;background-image:url("../img/pt3_icon2.jpg");background-size:contain;vertical-align:top;display:inline-block;width:100px;height:100px;}

.pt3_icon3{position: relative;  width: 75%; margin:5% 10% 0 auto;}
.pt3_icon3:before{position:absolute;content:"";top:0;bottom:0;left:-110px;margin:0 auto;background-image:url("../img/pt3_icon3.jpg");background-size:contain;vertical-align:top;display:inline-block;width:100px;height:100px;}

/***　画像配置の指定　共通　***/
.gate_section_img{flex-basis: 100%; margin: 0 auto;display: flex;margin-top: -30%; padding-left: 20%;}
.gate_section_img img{height:100%;}
.img_area_sec1{flex-basis: 95%;margin: 0 auto;}
.img_area_sec1 img{width:100%;height: auto;}
.img_area_sec2{flex-basis: 100%;margin: 0 2%;}
.img_area_sec2 img{width:100%;height: auto;border-radius:5px;box-shadow: 2px 2px 2px #666;}
.img_area{width:70%;margin: 0 auto;}
.img_area img{width:100%;height: auto;border-radius:5px;box-shadow: 2px 2px 2px #666; }
.img_area2{width:80%;margin: 0 auto;}
.img_area2 img{width:100%;height: auto;padding: 3%;-ms-background:#fff;background: linear-gradient(0deg,rgb(240,240,240),rgb(255,255,255));border:1px solid #ccc;border-radius:5px; }
.img_area3{width:80%;margin: 0 auto;}
.img_area3 img{width:100%;height: auto;border-radius:5px; }
.img_area4{width:80%;margin: 0 auto;}
.img_area4 img{width:100%;height: auto;border-radius:5px;box-shadow: 2px 2px 2px #666;border:1px solid #ccc; }
.img_area5{width:50%;margin: 0 auto;}
.img_area5 img{width:100%;height: auto;border-radius:5px;box-shadow: 2px 2px 2px #666; }
.main_section_item ul.column_right img{width: 100%; height: auto;border-radius:5px;box-shadow: 2px 2px 2px #666;}
.main_section2 ul.column_right img{width: 100%; height: auto;border-radius:5px;box-shadow: 2px 2px 2px #666;}
.arrow1{margin: 2% auto;text-align: center;}
.step_title{width:95%;margin: 5% auto 0 auto;}
.step_title img{width:100%;height: auto;margin: 0 auto;}
.ticket_title{width:80%;margin: 2% auto;}
.ticket_title img{width:96%;height: auto;margin: 2%;}
@media screen and (max-width:480px) {
	.item_xscroll{width:100%;height:auto;overflow-x: scroll;display: block;}	
	.item_xscroll img{width:1000px;height:auto;}	
}

/***　文字装飾　共通　***/
.txt1{font-size: 2em;display: block;margin: auto;align-self:center;}
.txt2{font-size: 1.5em;}
.txt3{font-size: 120%;font-weight: bold;}
.text_midashi1{font-size: 180%; font-weight:bold;width:100%;margin: 5% auto;display: flex;justify-content: center;flex-wrap: wrap;}
.text_center{text-align: center;}
.red{color: #f00 !important;}
.blue{color:#006699;}
.darkblue{color:#000066;}
.main_section_txt_border_top1{width: 100%; margin: 0 auto;padding: 2% 10%;text-indent: 1em;font-size: 1em;font-weight:normal; line-height: 2em;border-top:1px dotted #999;}
.expiration_date_title{padding: 5% 0;letter-spacing: 1em;color:#006699;font-weight:bold;font-size: 30px;display: flex;justify-content: center;}

/***　文字サイズ調整％　共通　***/
.font_reduction_10{font-size: 10%}
.font_reduction_20{font-size: 20%}
.font_reduction_30{font-size: 30%}
.font_reduction_40{font-size: 40%}
.font_reduction_50{font-size: 50%}
.font_reduction_60{font-size: 60%}
.font_reduction_70{font-size: 70%}
.font_reduction_80{font-size: 80%}
.font_reduction_90{font-size: 90%}
.font_expansion_110{font-size: 110%}
.font_expansion_120{font-size: 120%}
.font_expansion_130{font-size: 130%}
.font_expansion_140{font-size: 140%}
.font_expansion_150{font-size: 150%}
.font_expansion_160{font-size: 160%}
.font_expansion_170{font-size: 170%}
.font_expansion_180{font-size: 180%}
.font_expansion_190{font-size: 190%}
.font_expansion_200{font-size: 200%}

/***リストの飾りマーク***/
.count1,.count2,.count3,.count4,.count5,.count6,.count7,.count8,.count9{font-size: 1em;position: relative;padding-left:1.5em;}
.count1:before{content:"\02460";box-sizing: border-box;display: inline-block;margin: 0;position: absolute;top: 0;left: 0;}
.count2:before{content:"\02461";box-sizing: border-box;display: inline-block;margin: 0;position: absolute;top: 0;left: 0;}
.count3:before{content:"\02462";box-sizing: border-box;display: inline-block;margin: 0;position: absolute;top: 0;left: 0;}
.count4:before{content:"\02463";box-sizing: border-box;display: inline-block;margin: 0;position: absolute;top: 0;left: 0;}
.count5:before{content:"\02464";box-sizing: border-box;display: inline-block;margin: 0;position: absolute;top: 0;left: 0;}
.count6:before{content:"\02465";box-sizing: border-box;display: inline-block;margin: 0;position: absolute;top: 0;left: 0;}
.count7:before{content:"\02466";box-sizing: border-box;display: inline-block;margin: 0;position: absolute;top: 0;left: 0;}
.count8:before{content:"\02467";box-sizing: border-box;display: inline-block;margin: 0;position: absolute;top: 0;left: 0;}
.count9:before{content:"\02468";box-sizing: border-box;display: inline-block;margin: 0;position: absolute;top: 0;left: 0;}
.clock {
	font-size: 30px;
	position: relative;
	width: 30px;
	height: 30px;
	border: 3px solid #39a9d6;
	border-radius: 100%;
	display:inline-flex;
	margin:0 20px 0 0;
	padding: 0;
	align-content:flex-start;
	box-sizing: border-box;
}
/* 長針 */
.clock::before {
	content: "";
	position: absolute;
	top: 0.1em;
	left: 0.35em;
	width: 0.1em;
	height: 0.4em;
	background-color: #39a9d6;
}
/* 短針 */
.clock::after {
	content: "";
	position: absolute;
	top: 0.4em;
	left: 0.35em;
	width: 0.35em;
	height: 0.1em;
	background-color: #39a9d6;
}

/*アコーディオンメニュー*/
.acd-check{
    display: none;
}
.acd-label{
    background: dodgerblue;
    color: #fff;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
	text-align: center;
	position: relative;
}
.acd-label:after{
	content: '\f107';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 2em;
	background: #00479d;
    box-sizing: border-box;
    display: block;
    height: 52px;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0;
}
.acd-content{
	border: 1px solid #333;
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
	overflow: hidden;
	transition:.5s ease-out;
}
.acd-check:checked + .acd-label:after{
    content: '\f106';
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
	transition: .5s ease-out;
}
@media screen and (max-width:480px) {
	.acd-label{display: flex;flex-direction: column;padding-right: 55px;}
	.acd-label:after{height: 100%;padding: 30px 15px;}
}

/*仮申請フォーム用*/
.adult_app_subtxt{margin: 5px 0 10px 0;font-size: 80%;}
.adult_app_subtxt span.adaptxt{display: block;position: relative;padding-left:  1em;line-height: 1.5em;}
.adult_app_subtxt span.adaptxt:before{content: "\0203B"; display:inline-block;position: absolute;left: 0; box-sizing: border-box;}
.honshinsei_btn {background: dodgerblue;border-radius: 5px;display: inline-block;margin-top: 2%; margin-left: 20px;padding: 1% 2%;color: white !important;border: 1px solid white;}
.honshinsei_btn:hover {background: white;border: 1px solid dodgerblue;}
@media screen and (max-width:768px) {
	.honshinsei_btn {display: inline-block;margin: 1% 0 2% 0;line-height: 1.2em;padding: 15px;text-align: center;}
}
@media screen and (max-width:480px) {
	.honshinsei_btn {font-size:12px;padding: 10px;}
}
/*仮申請フォーム用*/
ul.honshinsei_subtext_wrap{line-height: 24px; width:100%;margin-bottom: 2%; display: flex;flex-wrap: wrap;}
li.honshinsei_subtext_title{flex-basis: 100%;font-size: 14px;font-weight: 600;margin-top: 2%;}
li.honshinsei_subtext{flex-basis: 100%;display: flex;font-size: 12px;position: relative;padding-left:14px;}
li.honshinsei_subtext:before{content: "・"; display:inline-block;position: absolute;left: 0; box-sizing: border-box;}
li.honshinsei_subtext_asterisk{flex-basis: 100%;display: flex;font-size: 12px;color: red;position: relative;padding-left:14px;}
li.honshinsei_subtext_asterisk:before{content: "\0203B"; display:inline-block;position: absolute;left: 0; box-sizing: border-box;}

/*ディーラーマイページ本申請エリア用*/
.honshinsei_text_area{width: 100%;margin:auto;display: flex;flex-wrap: wrap;}
.honshinsei_asterisk{flex-basis: 100%;width:100%;font-size: 13px;color:red;}
.honshinsei_asterisk li{flex-basis: 100%;display: flex;font-size: 12px;position: relative;padding-left:14px;}
.honshinsei_asterisk li:before{content: "\0203B"; display:inline-block;position: absolute;left: 0; box-sizing: border-box;}
.honshinsei_seat_btn_area{flex-basis: 100%;width:100%;margin:auto;display: block;text-align:center;}

/*DIP申し込みフォーム*/
.dip_app_subtitle{margin-top:5%;color:dodgerblue;font-size: 120%;font-weight: 600;text-align: center;}
ul.dip_app_list{border: 1px solid dodgerblue;border-radius:4px;padding: 1%; margin:2% 0;display: flex;flex-wrap: wrap;width: 100%;}
ul.dip_app_list li{margin: 1% auto 0 auto;padding: 0; display: flex;align-content: center;}
ul.dip_app_list li.colspan2{flex-basis: 100%;border-bottom: 1px dotted #ccc;}
ul.dip_app_list li.column_left{flex-grow:1;flex-basis: 23%;padding: 1%;background: #e0ffff;}
ul.dip_app_list li.column_right{flex-basis: 73%; padding: 1%;align-self: center;display: flex;flex-direction: column;}
.dip_app_select_item{font-weight: 600;}
.dip_app_select_item_subtxt{display: block; margin-top: -5px;margin-bottom:10px; font-size:90%;padding-left: 2em;color:#777;border-bottom: 1px dotted #ccc;}
.dip_app_hr{margin-bottom: 5%;}
.mypage_back_area{margin-top:64px; margin-left: auto; margin-right: auto; width: 65%;}
@media screen and (max-width:768px){
	.mypage_back_area{font-size:50%;}
}

/*ディーラーマイページTOP*/
.event_data {
	border:1px solid #ccc;
	border-radius: 4px;
	padding: 1%;
}
ul.event_list_wrap{width:100%;margin:0 auto;display: flex;justify-content: space-between;}
ul.event_list_wrap li{
	flex-basis:45%;
	display: flex;
	justify-content: center;
	margin:0 auto;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	background: #ccc;}
ul.event_list_wrap li.active{z-index: 10;margin-bottom: -1px;background: white;}
ul.event_list_wrap li img{width:80% !important;height: auto;margin:0 auto;padding:2% 0;vertical-align: bottom;}
/*
ul.event_list_wrap li a{margin:auto;padding: 2%; text-align: center;display: block;color:white !important;background: dodgerblue;border-radius:4px;border: 1px solid dodgerblue;}
ul.event_list_wrap li a:hover{color:;dodgerblue;background: white;border: 1px solid dodgerblue}
*/

/*twitter*/
.twitter{position: fixed;top:100px;right:0;height: 70vh;width:200px;overflow-y:scroll;}
@media screen and (max-width:1980px){
.twitter{display: none;}
.twitter_label{display: flex; width: 50px;height: 50px;position: fixed; z-index: 10; /*top: 520px;※チケットバナー表示時*/top: 150px;right: 0;background: white;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
}
@media screen and (max-width:1200px){
	.twitter_label {width: 50px;height: 50px;/*top: 440px;※チケットバナー表示時*/}
}
.twitter_label img{width: 70%;height:70%;margin:auto;}
@media screen and (max-width:1200px){
	.twitter_label img{width: 50%;height:50%;}
}
.twitter_label:checked +.twitter{display: block;}
@media screen and (max-width:480px){
	.twitter_label{top: 100px;}
}

/****************************************
footer
*****************************************/
#trend_notification_app{display: none;}
/* More info */
.copyright {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #3b1513;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
}
.footer_banner {
	background-color:#006699;
	padding-top: 60px;
	padding-bottom: 60PX;
	margin-bottom: 0px;
	background-repeat: repeat;
}

.hidden {
	display: none;
}

/*scroll_buttom*/
.demo a {
	position: absolute;
	bottom: 20px;
	left: 50%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #000;
	font : normal 400 20px/1 'Josefin Sans', sans-serif;
	letter-spacing: .1em;
	text-decoration: none;
	transition: opacity .3s;
}
.demo a:hover {
	opacity: .5;
}
#section01 a {
	padding-top: 60px;
}
#section01 a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
}

/*topに戻るボタン*/
.pagetop{
	width: 40px;
	height: 40px;
	position:fixed;
	right: 1vw;
	bottom: 2vh;
	opacity: 0.6;
	background: #fff;
}
.pagetop a{
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
	margin: 15px 0 0 10px;
	text-decoration: none;
	border-right: 3px solid #000;
	border-top: 3px solid #000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
}
/*ボタンリンク無効*/
.no_link{
	pointer-events:none;
}

/****************************************
tablet_1280
*****************************************/
@media screen and (max-width:1280px) {
.site-logo img{width:80%;height: auto;margin-top: 5px;}
.site-logo a{font-size:1em;}
.site-logo {margin-top: 0;}
.gnav__menu__item__link{font-size: .8em;}
.logo_item {
	width: 100%; margin: 0 auto; display: inline-block; text-align: center;
}
.logo_item1 {
	height: 200px; margin: 0; padding-right: 100px;
}
.logo_item2 {
	height: 198px; margin: 0; padding-left: 100px;
}
.logo_item img{
	display: inline-block; vertical-align: top; margin-bottom: 30px;
}
.index__menu{
	margin: 0;
	padding: 20px 0;
	border-top: 1px solid;
    border-image: linear-gradient(to right, #000 20%, #fff 50%, #000 80%);
    border-image-slice: 1;
	border-bottom: 1px solid;
    border-image: linear-gradient(to right, #000 20%, #fff 50%, #000 80%);
    border-image-slice: 1;
	width: 100%;
	text-align: center;
}
.index__menu__item{
	margin: 0 20px;
}

.index__menu__item__link{
	font-size: 1em;
	letter-spacing: 0.2em;
}
.contents_caption_txt{	font-size: 1.2em;}
.contents_caption_txt2{font-size: 1em;}
}
/****************************************
tablet max-width:854px
*****************************************/
@media screen and (max-width:854px) {
	.main_section_wrap{padding:0;}
	#dealer .main_section_wrap{padding:0;}
	.txt1{font-size: 1.5em;}
	.txt2{font-size: 1em;}
	.login {display:none;}
	.login2 {display:flex;}
	.main_section_txt{padding: 2% 5%;}
	.main_section_txt_border_top1{padding: 2% 5%;}
	ul.main_sec3_list{width: 90%;}
	ul.main_sec3_list2{width: 90%;}
	.reg_btn{width:70%;margin: 0 auto;}
	ul.main_sec2_list{flex-basis:100%;padding-right: 0;}
	ul.main_sec2_list li.style1{font-size: 1em;}
	ul.main_sec2_list li.style2{font-size: 1em;}
	ul.main_sec2_list_img{flex-basis: 100%;}
	.tiket_wrap{width:90%;}
	.main_sec3_registration_title{flex-basis: 90%;font-size: 1.5em;}
	.main_sec3_registration_txt{font-size: 1em;}
	.registration_btn_area span{font-size: 1.5em;}
	.registration_btn{font-size: 1.2em;}
	.img_area4{width:90%;}
	.main_section_item ul.column_left{flex-basis:100%;margin: 0;}
	.main_section_item ul.column_right{flex-basis: 100%;margin: 0;}
	.main_section2 ul.column_left{flex-basis:100%;margin: 0 2%;}
	.main_section2 ul.column_right{flex-basis: 100%;margin: 0 2%;}

	.dealer_dl_section_title{font-size: 1.2em;}
	.main_section_item_dealer li{font-size: 1em;}
	.main_section_item_dealer li.list_title_dealer{font-size: 1em;}
	ul.dealer_dl_section_list li{flex-basis: 90%;}
	.contents_caption_txt{font-size: 1em;}
	.contents_caption_txt2{font-size: .9em;}
	.contents_caption_txt:before,.contents_caption_txt2:before{content: none;margin-left:0;}
	.main_section_item_dealer ul.column_left_dealer{flex-basis:100%;margin:0 2% 1% 2%;}
	.main_section_item_dealer ul.column_right_dealer{flex-basis:100%;margin:0 2%;}
	dl.contens_dl{margin:5% 5% 0 5%;}
	dl.contens_dl dt{border-left:5px solid rgb(0,100,200);font-size: 100%;}
	dl.contens_dl2{margin:5% 5% 0 5%;}
	dl.contens_dl2 dt.caption{flex-basis: 100%;margin: -6% auto 2% auto;text-align: center;}
	dl.contens_dl2 dd.list{flex-basis: 95%;}
	ul.column_dealer_main{flex-basis: 90%;margin:5%;}
	ul.column_dealer_left{flex-basis:95%;margin-left: 5%;}
	ul.column_dealer_right{flex-basis: 60%;margin: 10% auto 0 auto;}
	.expiration_date_title{font-size: 120%;}
	}
/*規約*/
.kiyaku_content{width: 80%; margin: 5% 10%;}
.kiyaku_title{font-size: 110%;font-weight: 600;margin-top:5%;}

/*メッセージ受信通知メール欄*/
.msg_send_flg{
    display: inline-block;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    color: red;
    border: 1px solid red;
    border-radius: 5px;
    background: #fffaf0;
    padding: 5px;
}
/****************************************
mobile max-width:480px
*****************************************/
@media screen and (max-width : 480px ){
.main_section_wrap{background:none} /*PC用の背景はオフ*/
body#index::before {
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(../img/tfo_main_sec1_bg.jpg) center/cover no-repeat; /*fixedをトル！*/
  -webkit-background-size:cover;/*Android4*/
  }
#dealer .main_section_wrap{background:none} /*PC用の背景はオフ*/
body#dealer::before {
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(../img/tfo_dealer_main_sec1_bg.jpg) center/cover no-repeat; /*fixedをトル！*/
  -webkit-background-size:cover;/*Android4*/
  }
.logo_item {width: 100%; margin: 0 auto; display: inline-block; text-align: center;}
.logo_item1 {
	width: auto;
	height:120px;
	padding-right: 3em;
}
.logo_item2 {
	width: auto;
	height:118px;
	padding: 0;
}
.logo_item img{
	display: inline-block; vertical-align: top; margin:50px 0;
}
.index__menu{
	margin: 20px 0;
	padding: 20px 0;
	border-top: 1px solid;
    border-image: linear-gradient(to right, #000 20%, #fff 50%, #000 80%);
    border-image-slice: 1;
	border-bottom: 1px solid;
    border-image: linear-gradient(to right, #000 20%, #fff 50%, #000 80%);
    border-image-slice: 1;
	width: 100%;
	text-align: center;
	display: flex;
    flex-direction: column;
}
.index__menu__item{
	margin: 20px 0;
}

.index__menu__item__link{
	font-size: 16px;
	letter-spacing: 0.2em;
}
.gate_section{width: 100%;background: none;}
.dealer_btn{flex-basis: 92%;margin: 2%;padding:2%;border-radius:20px;}
.reg_btn{width:90%;margin: 0 auto;}
.reg_btn img{width:80%;height: auto;margin: 5% auto;display: flex;}
.txt1{font-size: 1em;}
.txt2{font-size: 1em;}
.txt3{font-size: 1em;}
.text_midashi1{font-size: 80%;display: flex;flex-direction: column;}
.pt3_icon1{width: 90%;margin: auto;}
.pt3_icon1:before{background-image:none;}
.pt3_icon2{width: 90%;margin: auto;}
.pt3_icon2:before{background-image:none;}
.pt3_icon3{width: 90%;margin: auto;}
.pt3_icon3:before{background-image:none;}
.img_area2{width:90%;margin: 0 auto;}
.img_area3{width:90%;margin: 0 auto;}
div.main_sec3_list2_wrap{width: 90%;}
ul.main_sec3_list2{flex-basis: 100%;}
ul.main_sec3_list2_img{flex-basis: 90%;margin:2% auto;padding-right: 0; align-self: center;text-align: center;}
ul.main_sec3_list2_img img{width: 100%;height:auto;border-radius:5px;}
.ticket_title{width:90%;margin: 2% auto;}
.main_sec3_registration_title{flex-basis: 90%;font-size: 1em;}
.main_sec3_registration_txt{font-size: .8em;}
.registration_btn_area span{font-size: 1em;flex-basis: 100%;justify-content: center;}
.registration_btn_area span.arrow{display: none;}
.registration_btn_area a{flex-basis: 100%;display: flex;margin:2% auto;}
.registration_btn{padding: 3% 0;font-size: 1em;}
ul.main_sec2_list li.style1{font-size: 1em;}
ul.main_sec2_list li.style2{font-size: 1em;}
dl.main_sec3_list dt,dl.main_sec3_list dd {font-size: 1em;}
.copyright{font-size: .7em;}
.arrow1 img{width:50%;}
.count1,.count2,.count3,.count4,.count5,.count6,.count7,.count8,.count9{padding-left:1.5em;}
dl.main_sec3_list dd{padding-left:1.5em;}
div.dealer_update_btn a{font-size: .825rem;}
/**早見表**/
ul.list_table{width:100%;margin:auto;background: #fff;}
h2.list_table_title{margin-top:0;padding: 5% 0; text-align: center;font-size: 100%;background: #fff;}
}

/*page-nav*/
.right-nav {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 15px;
	z-index: 1000;
  }
  @media screen and (max-width: 768px) {
	.right-nav {
	  bottom: 8px;
	  right: 8px;
	}
  }
  .right-nav a {
	-moz-transition: opacity 0.15s linear;
	-webkit-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
	display: block;
  }
  .right-nav a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
  }
  .right-nav img {
	width: 80px;
	height: 80px;
  }
  @media screen and (max-width: 768px) {
	.right-nav img {
	  width: 45px;
	  height: 45px;
	}
  }