@charset "utf-8";


/* atyle */
/* -------------------------------------------------------- */
.page-ttl span.ttl {font-size:130%; letter-spacing:0; margin:0.2em 0 0 0; display:block;}
.page-ttl span.category {font-size:70%;}
.page-ttl span.category::before {content:'[';}
.page-ttl span.category::after {content:']';}
.page-ttl span.tag {font-size:70%; line-height:1; color:#fff; margin:0 0 0 0.5em; padding:0.2em 0.5em; background-color:#000; border-radius:2px; display:inline-block;}

.tour-cont {padding:30px 0 50px 0;}

.tour-cont .mv img,
.tour-cont .ctx img {border-radius:5px;}

.tour-cont .mv {text-align:center; margin:0.5em 0 0 0;}
.tour-cont .ctx1 {text-align:left;}
.tour-cont .ctx1 h2 span.ttl {font-size:170%; margin:0.2em 0 0 0; display:block;}
.tour-cont .ctx1 h2 span.category {font-size:90%;}
.tour-cont .ctx1 h2 span.category::before {content:'[';}
.tour-cont .ctx1 h2 span.category::after {content:']';}
.tour-cont .ctx1 h2 span.tag {font-size:80%; line-height:1; color:#fff; margin:0 0 0 0.5em; padding:0.2em 0.5em; background-color:#000; border-radius:2px; display:inline-block;}
.tour-cont .ctx1 p {margin:1.0em 0 0 0;}
.tour-cont .ctx1 .ctx {text-align:left;}
.tour-cont .ctx1 .ctx > div {margin:20px 0 0 0;}
.tour-cont .ctx1 .ctx > div:first-of-type {margin-top:0;}
.tour-cont .ctx1 .ctx > div::before,
.tour-cont .ctx1 .ctx > div::after {display:table; content:" ";}
.tour-cont .ctx1 .ctx > div::after {clear:both;}
.tour-cont .ctx1 .ctx > div > div {max-width:300px; width:25%; padding:0 0 1.0em 1.0em; box-sizing:border-box; float:right;}
.tour-cont .ctx1 .ctx > div > div img {width:100%; height:auto;}
.tour-cont .ctx1 .ctx h3 {font-size:110%; font-weight:900;}
.tour-cont .ctx1 .ctx h3 + p {margin:0.3em 0 0 0;}
.tour-cont .ctx1 .ctx p {margin:0;}
.tour-cont .ctx1 .mv + .ctx {margin-top:30px;}
.tour-cont .ctx2 {text-align:left; margin:30px 0 0 0;}
.tour-cont .ctx2 dl {margin:-1px 0 0 0; border:1px solid #999; display:flex;}
.tour-cont .ctx2 dt {width:9em; padding:0.5em 0.5em 0.5em 1.0em; background-color:rgba(0,0,0,0.1); box-sizing:border-box;}
.tour-cont .ctx2 dd {padding:0.5em 1.0em; border-left:solid 1px #999; box-sizing:border-box; flex:1;}
.tour-cont .ctx2 .btn {line-height:1; white-space:nowrap; text-decoration:none; padding:0.3em 1.0em; background-color:rgba(0,0,0,0.1); border:solid 1px #ccc; border-radius:5px; box-sizing:border-box; display:inline-block; transition:background-color 0.3s ease;}
.tour-cont .ctx2 .btn:hover {background-color:rgba(0,0,0,0.3);}
.tour-cont .ctx3 {text-align:left; margin:30px 0 0 0;}
.tour-cont .ctx3 dt {width:100%; font-size:120%; font-weight:900; padding:0 0 0.3em 0;}
.tour-cont .ctx3 dd.ctx {margin:5px 0 0 0;}
.tour-cont .ctx3 dd.ctx::before,
.tour-cont .ctx3 dd.ctx::after {display:table; content:" ";}
.tour-cont .ctx3 dd.ctx::after {clear:both;}
.tour-cont .ctx3 dd.ctx .img {width:50%; padding:0 0 1.0em 1.5em; box-sizing:border-box; display:block; float:right;}
.tour-cont .ctx3 dd.img {margin:15px 0 0 0;}
.tour-cont .ctx4 {text-align:left; margin:30px 0 0 0; padding:1.5em; background-color:rgba(0,0,0,0.02); box-shadow:1px 1px 3px rgba(0,0,0,0.7); border-radius:5px;}
.tour-cont .ctx4 .ttl {font-size:170%; text-align:center; letter-spacing:0.3em; margin:0 0 0 -0.3em;}
.tour-cont .ctx4 > div {margin:0.5em 0 0 0; padding:0.5em 0 0 0; border-top:dotted 1px #999;}
.tour-cont .ctx4 > div:first-of-type {border-top:none; display:block;}
.tour-cont .ctx4 > div.hide {display:none;}
.tour-cont .ctx4 .btn {font-weight:900; text-align:center; padding:0.5em 0 0 0; display:block; cursor:pointer;}
.tour-cont .ctx4 .btn.off {display:none;}
.tour-cont .schedule > div {padding:10px 0 0 0; display:flex; flex-wrap:wrap; position:relative;}
.tour-cont .schedule > div svg {width:20px; height:20px; fill:#000; position:absolute; top:-3px; left:1.5em; transform:rotate(90deg);}
.tour-cont .schedule > div:first-of-type {padding-top:0;}
.tour-cont .schedule > div:first-of-type svg {display:none;}
.tour-cont .schedule > div > div {line-height:1.4; box-sizing:border-box;}
.tour-cont .schedule > div > div:nth-of-type(1) {width:10.4em; letter-spacing:0;}
.tour-cont .schedule > div > div:nth-of-type(2) {}
.tour-cont .schedule > div > div:nth-of-type(3) {width:100%;}
.tour-cont .imgs {margin:30px 0 0 0;}
.tour-cont .movies {margin:-10px -10px 0 -10px; padding:30px 0 0 0; display:flex; flex-wrap:wrap;}
.tour-cont .movies > div {max-width:50%; width:100%; padding:10px 10px 0 10px; box-sizing:border-box;}
.tour-cont .movies .video video {width:100%; height:auto;}
.tour-cont .movies .youtube {width:100%; padding:56.25% 0 0 0; position:relative;}
.tour-cont .movies .youtube iframe {width:100% !important; height:100% !important; position:absolute; top:0; right:0;}
.tour-cont .btns {margin:30px -5px 0 -5px; display:flex; flex-wrap:wrap;}
.tour-cont .btns > div {width:50%; padding:5px 5px 0 5px; box-sizing:border-box;}
.tour-cont .btns a {height:3.0em; font-size:120%; line-height:1.2; text-decoration:none; padding:0 0.5em; background-color:#eee; border:1px solid #999; border-radius:5px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; transition:background-color 0.3s ease;}
.tour-cont .btns a:hover {background-color:#ccc;}
.tour-cont .btns span {padding:0 0 0 40px; display:inline-block; position:relative;}
.tour-cont .btns svg {width:30px; height:30px; margin:-15px 0 0 0; fill:#333; position:absolute; top:50%; left:0;}
.tour-cont .bnrs {margin:10px 0	0 0;}

.tour-cont .cal .nav {position:relative; display:block;}
.tour-cont .cal .date {font-size:170%; text-align:center;}
.tour-cont .cal .date span {cursor:pointer;}
.tour-cont .cal .prev,
.tour-cont .cal .next {position:absolute; top:0.3em;}
.tour-cont .cal .prev span,
.tour-cont .cal .next span {font-size:120%; position:relative; cursor:pointer;}
.tour-cont .cal .prev span svg,
.tour-cont .cal .next span svg {width:14px; height:14px; margin:-6px 0 0 0; display:block; position:absolute; top:50%;}
.tour-cont .cal .prev {left:0;}
.tour-cont .cal .prev span {padding:0 0 0 1.0em;}
.tour-cont .cal .prev span svg {left:0; transform:rotate(-90deg);}
.tour-cont .cal .next {right:0;}
.tour-cont .cal .next span {padding:0 1.0em 0 0;}
.tour-cont .cal .next span svg {right:0; transform:rotate(90deg);}
.tour-cont .cal .table {border-top:solid 1px rgba(0,0,0,0.4);}
.tour-cont .cal .table .tr {border:solid 1px rgba(0,0,0,0.4); border-top:none; box-sizing:border-box; display:flex;}
.tour-cont .cal .table .tr > div {width:14.28%; border-left:solid 1px rgba(0,0,0,0.4); box-sizing:border-box;}
.tour-cont .cal .table .tr > div:first-of-type {border-left:none;}
.tour-cont .cal .table .tr > div > span {width:100%; min-height:5.0em; padding:1.5em 0 0 0; display:block; box-sizing:border-box; position:relative;}
.tour-cont .cal .table .head > div {font-size:86%; text-align:center;}
.tour-cont .cal .table .head .sun {color:#c00;}
.tour-cont .cal .table .head .sat {color:#00c;}
.tour-cont .cal .table .exc {}
.tour-cont .cal .table .cell.eve a {width:100%; text-align:left; line-height:1.2; letter-spacing:0; text-decoration:none; color:transparent; padding:0.2em; box-sizing:border-box; display:block; position:relative;}
.tour-cont .cal .table .cell.eve a + a {margin:0.2em 0 0 0;}
.tour-cont .cal .table .cell.eve a label {height:100%; text-align:left; line-height:1.2; letter-spacing:0; color:#000; text-shadow:1px 1px 1px rgba(255,255,255,0.7); padding:0 0.2em; box-sizing:border-box; display:flex; align-items:center; position:absolute; top:0; left:0; z-index:5; pointer-events:none;}
.tour-cont .cal .table .day {line-height:1; letter-spacing:0; position:absolute; top:0.2em; left:0.2em;}
.tour-cont .cal .table .sun .day {color:#c00;}
.tour-cont .cal .table .sat .day {color:#00c;}
.tour-cont .list {text-align:left;}
.tour-cont .list > div {border-bottom:dotted 2px rgba(0,0,0,0.4);}
.tour-cont .list a {background-color:rgba(0,0,0,0); display:flex; justify-content:space-between; transition:background-color 0.3s ease;}
.tour-cont .list a:hover {text-decoration:none; background-color:rgba(0,0,0,0.05);}
.tour-cont .list dl {padding:0.5em 0.5em; box-sizing:border-box; flex:1;}
.tour-cont .list dt {font-size:86%;}
.tour-cont .list + .date {margin-top:15px;}

@media screen and (max-width:767px){
	.tour-cont {padding:10px 0 50px 0;}

	.page-ttl span.ttl {font-size:125%;}
	.tour-cont .ctx1 .ctx > div {display:flex; flex-wrap:wrap;}
	.tour-cont .ctx1 h3 {width:100%;}
	.tour-cont .ctx1 h2 span.ttl {font-size:143%;}
	.tour-cont .ctx1 .ctx > div > div {width:80%; margin:0 auto; padding:1em 0; float:none; order:5;}
	.tour-cont .ctx2 dl {display:block;}
	.tour-cont .ctx2 dt {width:auto; font-weight:bold; padding:0.2em 1.0em;}
	.tour-cont .ctx2 dd {padding:0.2em 1.0em; border-left:none;}
	.tour-cont .movies {margin:0;}
	.tour-cont .movies > div {max-width:100%; width:100%; padding:5px 0 0 0;}
	.tour-cont .cal .table .tr > div {font-size:1.84vw;}
	.tour-cont .cal .table .day {font-size:1.84vw;}
	.tour-cont .btns {margin:15px -2px 0 -2px;}
	.tour-cont .btns > div {padding:5px 2px 0 2px;}
	.tour-cont .bnrs {margin:5px 0	0 0;}
}
@media screen and (max-width:550px){
	.tour-cont .btns a {font-size:3.0vw; padding:0;}
	.tour-cont .btns svg {width:5.4vw; height:5.4vw; margin-top:-2.7vw;}
	.tour-cont .btns span {padding:0 0 0 7.2vw;}
}
@media screen and (max-width:500px){
	.tour-cont .imgs {margin:20px 0 0 0;}

	.tour-cont .cal .nav .date {font-size:143%;}
	.tour-cont .cal .nav .prev span,
	.tour-cont .cal .nav .next span {font-size:110%;}
}