.cf-custom-content-02 h2{border-top: 3px solid #bed300 !important;}
.cf-custom-content-02 .eventcolor{ color:#bed300;}
.cf-custom-content-02 .eventbgcolor{ background-color:#bed300;}
.cf-custom-content-02 .eventtitle{ background: rgba(190,210,0,0.8); }
.cf-custom-content-02 .eventname{ position:absolute; bottom:0px; font-weight:bold; color:#fff; right:0px; width:100%; text-align:center;}
.cf-custom-content-02 .eventtitle-date{line-height:1rem; margin-top:4px;}
.cf-custom-content-02 .note-red{color:#ff0000; }
@media only screen and (min-width:1181px){
.cf-custom-content-02 .eventname{ padding:1rem 0; font-size:3.4rem; line-height:3rem;}
.cf-custom-content-02 .eventtitle-date{font-size:1.7rem;}
.cf-custom-content-02 .direction-map{ width:600px; height:450px;}
.cf-custom-content-02 .balloon { background-color: #eee;  padding: 1rem; border-radius: 1rem; position: relative; text-align:center; font-weight:bold; margin-top:2rem;  width:560px;}
.cf-custom-content-02 .top-mov{ margin-top:1.5rem;}
}
@media only screen and (max-width: 1180px) {
.cf-custom-content-02 .eventname{ padding:1rem 0; font-size:3.4rem; line-height:3rem;}
.cf-custom-content-02 .eventtitle-date{font-size:1.7rem;}
.cf-custom-content-02 .direction-map{ width:600px; height:450px;}
.cf-custom-content-02 .balloon { background-color: #eee;  padding: 1rem; border-radius: 1rem; position: relative; text-align:center; font-weight:bold; margin-top:2rem;  width:560px;}
.cf-custom-content-02 .top-mov{ margin-top:1.5rem;}
}
@media only screen and (max-width: 959px) {
.cf-custom-content-02 .eventname{ padding:1rem 0; font-size:3.4rem; line-height:3rem;}
.cf-custom-content-02 .eventtitle-date{font-size:1.7rem;}
.cf-custom-content-02 .direction-map{ width:600px; height:450px;}
.cf-custom-content-02 .balloon { background-color: #eee;  padding: 1rem; border-radius: 1rem; position: relative; text-align:center; font-weight:bold; margin-top:2rem;  width:560px;}
.cf-custom-content-02 .top-mov{ margin-top:1.5rem;}
}
@media only screen and (max-width: 599px) {
.cf-custom-content-02 .eventname{ padding:0.3rem 0; font-size:1.7rem; line-height:1.5rem;}
.cf-custom-content-02 .eventtitle-date{font-size:1.2rem;}
.cf-custom-content-02 .direction-map{ width:320px !important; height:240px;}
.cf-custom-content-02 .balloon { background-color: #eee;  padding: 1rem; border-radius: 1rem; position: relative; text-align:center; font-weight:bold; margin-top:2rem;  width:100%}
.cf-custom-content-02 .top-mov{position: relative; padding-top: 56.25%; height: 0; margin-top:2rem; overflow: hidden;}
.cf-custom-content-02 .top-mov iframe{ position:absolute; top:0; left:0; width:100%; height:100%;}
}
.cf-custom-content-02 .clear{ margin:0 0 2rem 0; padding:0; clear:both;}
.cf-custom-content-02 {padding-bottom:2rem;}
.cf-custom-content-02 .sml{ font-size:80%;}
.cf-custom-content-02 h1 { position: relative; padding: .5em .75em; margin:2rem 0; background-color: #f6f6f6; font-size:2.3rem; font-weight:normal;}
.cf-custom-content-02 h1::before, .cf-custom-content-02 h1::after { position: absolute; bottom: 8px; z-index: -1; content: ''; width: 20%; height: 30%; box-shadow: 0 7px 10px rgba(0, 0, 0, .2); }
.cf-custom-content-02 h1::before { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); left: .2em;}
.cf-custom-content-02 h1::after { -webkit-transform: rotate(3deg); transform: rotate(3deg); right: .2em;}
.cf-custom-content-02 h2{ padding: .3em .5em; border: 1px solid #ccc; background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%); background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%); box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset; font-size:2.3rem; line-height:1.3em;}
.cf-custom-content-02 h3 { position: relative; font-size:1.7rem; font-weight: bold; padding-top: 1rem; margin: 2rem 0 1rem 0; border-top: 1px solid #ccc;}
.cf-custom-content-02 h3::after { position: absolute; top: -2px; left: 0; z-index: 2; content: ''; width: 20%; height: 3px; background-color: #ccc;}
.cf-custom-content-02. eventtitle-date{line-height:1rem; margin-top:4px;}
.cf-custom-content-02 .event-catch{font-size:1.9em; line-height:1.3em; margin:2% 0;}
.cf-custom-content-02 .event-intro{font-size:1.2em; line-height:1.6em; margin: 0;}
.cf-custom-content-02 .eventimg img{ width:100%;}
.cf-custom-content-02 time {display: inline;}
.cf-custom-content-02 .eventimg{ overflow: hidden; display: block; position: relative;}
.cf-custom-content-02 .ribbon {font-size:1.7rem; font-weight:bold; width: 170px; padding: 3px 10px; background: rgba(194,4,4,.7); color: #fff; text-align: center; display: inline-block;  position: absolute; top: 30px; left: -35px;  text-transform: uppercase; transform: rotate(315deg); z-index:5;}
.cf-custom-content-02 .ribbon-s {font-size:1.4rem; font-weight:bold; width: 170px; padding: 3px 10px; background: rgba(194,4,4,.7); color: #fff; text-align: center; display: inline-block;  position: absolute; top: 17px; left: -37px;  text-transform: uppercase; transform: rotate(325deg); z-index:5;}
.cf-custom-content-02 .event-page-icon { height:25px; vertical-align: central; margin-right:1%; opacity:0.4;}
.cf-custom-content-02 .event-info{margin-top:0.7rem; }
.cf-custom-content-02 .font140 { font-size: 1.4em;  line-height:1.1em;}
.cf-custom-content-02 .fontred { color: #F30;}
.cf-custom-content-02 .fontbold { font-weight: bold; }
.cf-custom-content-02 .event-head{ color:#FFF; float:left; padding:0.1rem; margin-right:0.5rem; text-align:center; width:8rem;}
.cf-custom-content-02 .event-list{ padding-left:2rem; list-style-type: circle; }
.cf-custom-content-02 .event-list-num{ padding-left:2rem; list-style-type: decimal; }
.cf-custom-content-02 .event-list-num{ padding-left:2rem; }
.cf-custom-content-02 .event-timetable{margin-top:0.3rem;}
.cf-custom-content-02 .event-time{ color:#999;font-weight: bold; float:left; padding:0.1rem; margin-right:0.5rem; text-align:left; width:6rem;}
.cf-custom-content-02 .prc{ color:#39F;}
.cf-custom-content-02 .map{ margin:2rem 0;}
.cf-custom-content-02 .event-timetable-note{ background-color: #F30; color:#fff; padding:0 0.7rem;}
.cf-custom-content-02 .scholor-p{overflow: auto; margin-bottom:0; text-align: left;}
.cf-custom-content-02 .click1{display: inline-block; background-color: #F30; border:2px solid #F30; color:#fff; text-align:center; border-radius: 7px; -webkit-border-radius:  0.5rem;  -moz-border-radius:  0.5rem; cursor: pointer; font-size:2.1rem; width:100%; background-color: #F30; border:2px solid #F30; color:#fff; font-size:1.9rem; padding:0.5em 0.3em; }
.cf-custom-content-02 .click1:hover{ color:#F30; transition: 0.3s ; background-color:#fff; }
.cf-custom-content-02 .chart-block {clear:both; margin:1rem 0 2rem 0;}
.cf-custom-content-02 .chartimg{height:180px; margin:0 1% 2% 0;}
.cf-custom-content-02 .question{float:left;order: 1; position: relative; display: inline-block; padding: 0.5rem; line-height: 2rem; color: #000; font-size:1.7rem; text-align: lest; background: #eee; border: 3px solid #eee; z-index: 0; margin-bottom:1rem;  margin-top:1rem; border-radius: 0.5rem;}
.cf-custom-content-02 .question:before { content: ""; position: absolute; bottom: -8px; left: 30%; margin-left: -9px; width: 0px; height: 0px; border-style: solid; border-width: 9px 9px 0 9px; border-color: #eee transparent transparent transparent; z-index: 0;}
.cf-custom-content-02 .question:after { content: ""; position: absolute; bottom: -12px; left: 30%; margin-left: -10px; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: #eee transparent transparent transparent; z-index: -1;}
.cf-custom-content-02 .voice{float:left;order: 1; position: relative; display: inline-block; padding: 0.7rem; color: #000; text-align: left; background: #fff; border: 3px solid #9CF; z-index: 0; margin-bottom:2rem; border-radius: 2rem;}
.cf-custom-content-02 .voice:before { content: ""; position: absolute; bottom: -8px; left: 70%; margin-left: -9px; width: 0px; height: 0px; border-style: solid; border-width: 9px 9px 0 9px; border-color: #FFF transparent transparent transparent; z-index: 0;}
.cf-custom-content-02 .voice:after { content: ""; position: absolute; bottom: -12px; left: 70%; margin-left: -10px; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: #9CF transparent transparent transparent; z-index: -1;}
.cf-custom-content-02 .voice2{float:left;order: 1; position: relative; display: inline-block; padding: 0.7rem; color: #000; text-align: left; background: #fff; border: 3px solid #9CF; z-index: 0; margin-bottom:2rem; border-radius: 2rem;}
.cf-custom-content-02 .voice2:before { content: ""; position: absolute; bottom: -8px; left: 25%; margin-left: -9px; width: 0px; height: 0px; border-style: solid; border-width: 9px 9px 0 9px; border-color: #FFF transparent transparent transparent; z-index: 0;}
.cf-custom-content-02 .voice2:after { content: ""; position: absolute; bottom: -12px; left: 25%; margin-left: -10px; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: #9CF transparent transparent transparent; z-index: -1;}
.cf-custom-content-02 .balloon:after { border-top: 12px solid #eee; border-right: 12px solid transparent; border-left: 12px solid transparent; content: ''; margin-left: -10px; position: absolute; bottom: -12px; left: 50%;}
.cf-custom-content-02 .top-logo{ text-align:left;}
.cf-custom-content-02 .top-logo img{ padding:0 0.5rem; width:170px;}
/*  QUOカードプレゼントキャンペーン*/
.present {
	font-weight:bold;
	font-size:100%;
	color:#e67e22;
}
.present_condition {
	color: #279f00;   /* 東京サマー */
	font-weight:bold;
	font-size:100%;
	line-height:1.3em;