@charset "UTF-8";
@import url("page-style_common.css");

@media screen and (min-width: 768px), print {


#con01{height: 779px;/* margin: 25px 0 0 0; */}
#con01 .main-img-frame{
	background-image:url(../images/style_2/main-photo.png);
	background-position: left 37vw top 15px;
	background-repeat:no-repeat;
	width: auto;
	height: 700px;
	}	
#con01 .main-img-frame .main-img-ttl{position:relative;width:1200px;margin:0 auto;padding: 59px 0 0 13px;}
#con01 .main-img-frame .main-ttl01{}
#con01 .main-img-frame .main-ttl01 .ttl01-en01{font-family: 'Raleway', sans-serif;font-size:55px;font-weight:900;letter-spacing: 18.5px;line-height:1.4;margin: 0 0 4px 0px;}
#con01 .main-img-frame .main-ttl01 .ttl01-en02{font-family: 'Raleway', sans-serif;font-size:19px;font-weight:bold;letter-spacing: 9px;line-height: 1;margin: 0 0 0px 2px;}
#con01 .main-img-frame .main-ttl02{margin: 0 0 192px 0;}
#con01 .main-img-frame .main-ttl02 .main02-en{color: #A8831D;font-style: italic;font-family: 'Raleway', sans-serif;font-size:294px;font-weight:bold;letter-spacing: 0px;line-height: 0.8;margin: 0 0 0 -18px;}
#con01 .main-img-frame .main-ttl02 .main02-en span.suben{font-family: 'Raleway', sans-serif;font-size:98px !important;font-weight: 800;}
#con01 .main-img-frame .main-ttl02 .main-ttl-jp{}
#con01 .main-img-frame .main-img-ttl .icon01{position: absolute;top: 425px;left: -22px;}
#con01 .main-img-frame .main-img-ttl .icon02{position: absolute;top: 543px;left: 323px;}

.sublist{width: 1100px;margin: 0 auto 0px;border:1px dashed #000;border-radius:5px;padding: 18px 0 18px 0;}
.sublist .list-inner{
	justify-content: center;align-items: center;
	-ms-flex-wrap: wrap;flex-wrap: wrap;
	-webkit-box-orient: horizontal;-webkit-box-direction: normal;
	display:-webkit-box;display:-ms-flexbox;display:flex;}
.sublist .list-inner li{font-size:20px;margin: 0 30px 0 0;line-height:1.6;letter-spacing:1px;}

#con02{
    margin: -10px 0 0 0;
}
#con02 .day-box{
    padding: 90px 0 0 0;
}
#con02 .day-box .day-ttl{
	padding: 12px 0 13px 47px;
	border-radius:5px;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 4px;
	line-height: 1.6;
	background-color:#F2F1E8;
	width: 1200px;
	margin: 0px auto 65px;
	}

#con02 .day-box .day-flow-box{
	width:1200px;
	margin:0 auto;
	padding: 0 0 60px 49px;
	background-image:url(../images/style_common/flow-line.png);
	background-position: 59px 0px;
	background-repeat:repeat-y;
	}

#con02 .day-box .day-flow-box .timeplace{
	background-image:url(../images/style_common/flow-icon01.svg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding: 0 0 31px 41px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	}

#con02 .day-box .day-flow-box .timeonly{margin: 0 0 16px 0;}

#con02 .day-box .day-flow-box .timeplace dt{margin: 0 20px 0 0; font-size:24px;font-weight:bold;letter-spacing: 3px;line-height: 1;}
#con02 .day-box .day-flow-box .timeplace dd{font-size:24px;font-weight:bold;letter-spacing: 3px;line-height: 1;}


#con02 .day-box .day-flow-box .day-txt-inner{margin: 0 0 45px 40px;width: 1120px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;}
#con02 .day-box .day-flow-box .day-txt-inner .photo{width: 391px;margin: 0 50px 0 0;}
#con02 .day-box .day-flow-box .day-txt-inner .day-txtframe{margin: 15px 0 0 0;width: 650px;}
#con02 .day-box .day-flow-box .day-txt-inner .day-txtframe .subt01{font-size:20px;font-weight:bold;letter-spacing: 2px;line-height: 1.8;margin: 0 0 22px 0;}
#con02 .day-box .day-flow-box .day-txt-inner .day-txtframe .txt01{font-size:16px;letter-spacing: 1px;line-height: 2.1;margin-bottom: 20px;}

.bgcolor{padding: 100px 0 0px 0;background-color: #F6F5EF;}
#con02 .day-box.bgcolor .day-ttl{ background-color:#fff !important; color:#000; }


}



@media screen and (min-width: 768px) and (max-width: 1300px) {
#con01 .main-img-frame .main-img-ttl{padding: 35px 0 0 30px;}
#con01 .main-img-frame .main-img-ttl .icon01{position: absolute;top: 425px;left: 8px;}
#con01 .main-img-frame .main-img-ttl .icon02{position: absolute;top: 543px;left: 413px;}
}





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

#con01{ }
#con01 .main-img-frame{
	background-image:url(../images/style_2/sp-main-photo.png);
	background-position: right 0vw top 24vw;
	background-repeat:no-repeat;
	width: auto;
	height: auto;
	margin: 0 0 10vw 0;
	background-size: 87.5%;
	}	
#con01 .main-img-frame .main-img-ttl{position:relative;width:100%;margin:0 auto;padding: 5vw 0 0 0px;}
#con01 .main-img-frame .main-ttl01{
    margin: 0vw 0 43vw 5vw;
}
#con01 .main-img-frame .main-ttl01 .ttl01-en01{font-family: 'Raleway', sans-serif;font-size:9.662vw;font-weight:900;letter-spacing: 11px;line-height: 1.1;margin: 0 0 2.2vw 0;}
#con01 .main-img-frame .main-ttl01 .ttl01-en02{font-family: 'Raleway', sans-serif;font-size: 3.589vw;font-weight:bold;letter-spacing: 5px;line-height: 1;}
#con01 .main-img-frame .main-ttl02{margin: 0 0 10vw 5vw;}
#con01 .main-img-frame .main-ttl02 .main02-en{
	color: #A8831D;
	font-style: italic;
	font-family: 'Raleway', sans-serif;
	font-size: 36vw;
	font-weight:bold;
	letter-spacing: 0;
	line-height: 0.8;
	margin: 0 0 0 -2.5vw;
	}
#con01 .main-img-frame .main-ttl02 .main02-en span.suben{font-family: 'Raleway', sans-serif;font-size: 12vw !important;font-weight: 800;}
#con01 .main-img-frame .main-ttl-jp{margin: 0 0 0 5vw;width: 64.5vw;}
#con01 .main-img-frame .main-img-ttl .icon01{position: absolute;top: 69.1vw;left: 3vw;}
#con01 .main-img-frame .main-img-ttl .icon01 img{width: 10vw;}
#con01 .main-img-frame .main-img-ttl .icon02{position: absolute;top: 21vw;right: 5vw;}
#con01 .main-img-frame .main-img-ttl .icon02 img{width: 12vw;}

.sublist{width: 90%;margin: 0 auto 0px;border:1px dashed #000;border-radius:5px;padding: 10vw 3vw 3.5vw 5vw;}
.sublist .list-inner{}
.sublist .list-inner li{font-size: 4.6vw;margin: 0px 0 5vw 0;line-height: 1.1;letter-spacing:1px;}

#con02{}
#con02 .day-box{
    width: 100%;
    margin: 0 auto;
    padding: 20vw 0 0 0;
}
#con02 .day-box .day-ttl{
	padding: 2.8vw 0 2vw 5vw;
	border-radius:5px;
	font-size: 5.4vw;
	font-weight: bold;
	letter-spacing: 4px;
	line-height: 1.6;
	background-color:#F2F1E8;
	width: 90%;
	margin: 0 auto 14vw;
	}

#con02 .day-box .day-flow-box{
	width:100%;
	margin:0 auto;
	padding: 0 0 8vw 0;
	background-image:url(../images/style_common/flow-line.png);
	background-position: 5.94vw 0vw;
	background-repeat:repeat-y;
	}

#con02 .day-box .day-flow-box .timeplace{
	background-image:url(../images/style_common/flow-icon01.svg);
	background-position: 3.9vw 0vw;
	background-repeat:no-repeat;
	padding: 0 0 5vw 11.5vw;
	margin: 0vw 0 0 0;
	background-size: 4.5vw;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	}

#con02 .day-box .day-flow-box .timeonly{margin: 0 0 6vw 0vw;}

#con02 .day-box .day-flow-box .timeplace dt{/* width: 30vw; */margin: -1vw 5vw 0 0;font-size: 4.8vw;font-weight:bold;letter-spacing: 4px;line-height: 1.4;}
#con02 .day-box .day-flow-box .timeplace dd{margin: -1vw 0 0 0;font-size: 4.8vw;font-weight:bold;letter-spacing: 4px;line-height: 1.4;/* width: 60vw; */}


#con02 .day-box .day-flow-box .day-txt-inner{
	margin: 2vw 0 6vw 10vw;
	width: 80%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	}
#con02 .day-box .day-flow-box .day-txt-inner .photo{width:100%;margin: 0 0 5vw 0;}
#con02 .day-box .day-flow-box .day-txt-inner .day-txtframe{margin: 2vw 0 0vw 0;width: 100%;}
#con02 .day-box .day-flow-box .day-txt-inner .day-txtframe .subt01{
	font-size: 4.4vw;
	font-weight:bold;
	letter-spacing: 2px;
	line-height: 1.8;
	margin: 0 0 2vw 0;
	}
#con02 .day-box .day-flow-box .day-txt-inner .day-txtframe .txt01{font-size:3.865vw;letter-spacing: 1px;line-height: 2.1;margin: 0 0 5vw 0;}

.bgcolor{padding: 10vw 0 0px 0;background-color: #F6F5EF;}
#con02 .day-box.bgcolor .day-ttl{ background-color:#fff !important; color:#000; }
}