@charset "utf-8";

/*===============================================
	■header
===============================================*/
header {
	max-width: 960px;
	margin: 0 auto;
}
header h1 {
}
@media screen and (max-width:900px){

}

main {
	max-width: 960px;
	margin: 0 auto;
}

/*===============================================
	■introduction
===============================================*/

#introduction {
	margin: 0 0 35px;
}

#introduction .inner {
	display: flex;
	flex-flow: row wrap;
	justify-content:space-between;
}
#introduction .inner_txt {
	width:53%;
}
#introduction .inner_txt .txt span {
	color:#ea5514;
	font-weight: 700;
}
#introduction .inner_box {
	width:45%;
}
#introduction .inner_txt .txt {
	margin: 0 0 15px;
	line-height: 1.6;
	font-weight: 500;
	font-size:1.1rem;
}
#introduction .inner_box .program {
	position: relative;
	margin: 0 0 15px;
	padding:25px 20px 20px;
	border:1px solid #333;
	background: url("../images/bg_program.png")no-repeat;
	background-position: left bottom;
}
#introduction .inner_box .program h2 {
	position: absolute;
	top:-12px;
	left:15px;
	width:140px;
	background-color: #FFF;
}
#introduction .inner_box .program li {
	margin: 0 0 2px;
	font-weight: 500;
}
#introduction .inner_box .program li::before {
	content: "●";
	margin-right: 5px;
	color:#EA5514;
}
#introduction .inner_box .about {
	font-size:0.9rem;
	line-height: 1.6;
}
@media screen and (max-width:900px){

#introduction {
	margin: 0 5% 35px;
}
#introduction .inner_txt {
	width:auto;
	margin: 15px auto 25px;
}
#introduction .inner_box {
	width:100%;
}
#introduction .inner_box .txt {
	font-size:1rem;
}
}


/*===============================================
	■schedule
===============================================*/
#schedule {
	margin: 0 0 45px;
	padding:35px 0;
	text-align: center;
	border:1px dashed #666;
	background-color: #F5F5F5;
}
#schedule h2 {
	max-width: 280px;
	margin: 0 auto 25px;
	padding:2px 15px;
	font-size:2rem;
	color:#FFF;
	background-color: #000;
	border-radius:30px;
}
#schedule .day {
	margin: 0 0 15px;
	font-size:2rem;
	font-weight: 700;
}

#schedule .day .year {
	font-size:2.6rem;
}
#schedule .day .week {
	padding:0 0.25rem;
	color:#FFF;
	font-size:1rem;
	background-color:#0067B6;
	border-radius: 30px;
}
#schedule .time {
	margin: 0 0 25px;
	font-size:1.9rem;
	font-weight: 700;
}
#schedule .txt {
	margin: 0 0 35px;
	font-size:2rem;
}
#schedule dl {
	margin: 0 10px 35px;
}
#schedule dl dt {
	display: inline-block;
	margin: 0 0 10px;
	padding:1px 5px;
	color:#FFF;
	font-size:1.3rem;
	background-color: #172a88;
}
#schedule dl dd {
	margin-bottom: 3px;
	line-height: 1.6;
	font-size:1.1rem;
}
@media screen and (max-width:900px){

#schedule dl dt {
	font-size:1.1rem;
}
#schedule dl dd {
	text-align: left;
	font-size:1rem;
}
}
/* entry------------------ */
#schedule .entry {
	margin: 20px 0 0;
	text-align: center;
}
#schedule .entry a {
	max-width: 500px;
	display:block;
	margin: 0 auto;
	padding:15px 0;
	background-color: #EA5514;
	text-align: center;
	color:#FFF !important;
	font-size: 14pt;
	font-weight: bold;
	text-decoration: none !important;
	border-bottom: 2px solid #9a380d;
}


@media screen and (max-width:900px){
#schedule {
	margin: 0 3% 45px;
	padding:25px 10px;
	text-align: center;
	border:1px dashed #666;
	background-color: #F5F5F5;
}
#schedule .day {
	margin: 0 0 5px;
	font-size:1.6rem;
}
#schedule .day .year {
	font-size:1.2rem;
}
#schedule .day .week {
	padding:0 5px;
	color:#FFF;
	font-size:0.9rem;
	background-color:#0067B6;
	border-radius: 30px;
}
#schedule .time {
	margin: 0 0 25px;
	font-size:1.2rem;
	font-weight: 700;
}
#schedule .txt {
	margin: 0 0 35px;
	font-size:1.3rem;
}
#schedule .entry a {
	max-width: 260px;
}
}

/*===============================================
	■footer
===============================================*/

p#pageTop {
	position: absolute;
	width:30px;
	bottom: 15px;
	right: 15px;
}
@media screen and (max-width:900px){
p#pageTop {
	bottom:5px;
    right:5px;
}
}


footer {
	padding-bottom:25px;
	position: relative;
	text-align: center;
	line-height: 1.6em;
	background-color: #FFF;
}
footer p {
	margin:0 0 5px;
}
footer h3 {
	margin:0 0 20px;
	padding:10px;
	font-size: 1.5rem;
	border-top:2px solid #000;
	border-bottom:1px solid #000;
}
footer .tel {
	font-weight: bold;
	font-size: 2rem;
	text-decoration: none;
	color:#000;
}

footer address {
	margin-top: 20px;
}
footer address img {
	width:250px;
}
footer .takara {
	width:240px;
	margin: 25px auto 0;
}
@media screen and (max-width:900px){
	
}

/* entry ------------------- */
#entry {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1000000;
}
#entry img {
	width:150px;
}
#entry img:hover {
	transform:scale(1.2,1.2);
}
@media (max-width: 900px) {
#entry {
	right: 10px;
	bottom: 10px;
}
#entry img {
	width:100px;
}
}


/* notes------------------ */
#notes {
	padding:20px 15px;
	background-color: #F5F5F5;
}

#notes h3 {
	max-width: 860px;
	margin: 0 auto 5px;
}
#notes h3 span {
	padding:2px 5px;
	color:#FFF;
	background-color: #172A88;
	font-size:0.9rem;
}
#notes ul {
	max-width: 860px;
	margin: 0 auto;
}
#notes li {
	margin-left: 15px;
	list-style:disc;
	line-height: 1.6;
	font-size:0.9rem;
	color:#414141;
}

@media (max-width: 900px) {

#notes li {
	font-size:0.8rem;
}
}


/*===============================================
	■other
===============================================*/

/* fadeIn ------------------- */
.fadeIn {
    transform: translate3d(0, -20px, 0);
    transition: 2s;
    opacity: 0;
}

.fadeIn.animated {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}