/* CSS Document */ #course .ui-widget { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "ＭＳ 明朝", "MS Mincho", "HGS明朝E", serif; } #course .ui-state-default, .ui-widget-content .ui-state-default, #course .ui-widget-header .ui-state-default, .ui-button, html #course .ui-button.ui-state-disabled:hover, html #course .ui-button.ui-state-disabled:active { border:none; background: none; } #course .ui-widget-header { border:none; background:none; } #course .ui-widget.ui-widget-content { border:none; border-radius: 0; } #course .ui-tabs .ui-tabs-nav { padding: 0; } #course .ui-tabs { padding: 0; } #course .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border:none; background: none; } #course .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: none; } #course .ui-tabs .ui-tabs-panel { padding: 0; } #course .ui-tabs .ui-tabs-nav li { margin:0; float: none; } #btn_rsv_max { border-top:#d3d3d1 1px solid; } @media (min-width:1001px){ #mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; } .cmenu li a { width: 80px; } h3.ch3_v.ttl_day1 { height: 105px; background: url(../images/ttl_day1.svg) center top no-repeat; margin-bottom: 125px; } h3.ch3_v.ttl_day2 { height: 105px; background: url(../images/ttl_day2.svg) center top no-repeat; margin-bottom: 125px; } .sunit { position: relative; margin-bottom: 190px; display: flex; align-items: center; } .sunit.sunit_l { display: block; } .sunit.r_img { flex-direction: row-reverse; } .sunit.line_lr:after { content: ""; width: 701px; height: 75px; position: absolute; bottom: -135px; left: 50%; margin-left: -350px; background:url(../images/line_lr.svg) top center no-repeat; } .sunit.line_rl:after { content: ""; width: 701px; height: 75px; position: absolute; bottom: -135px; left: 50%; margin-left: -350px; background:url(../images/line_rl.svg) top center no-repeat; } .sunit.line_rh:after { content: ""; width: 352px; height: 76px; position: absolute; bottom: -135px; left: 50%; background:url(../images/line_half.svg) top center no-repeat; } .sunit.line_lh:after { content: ""; width: 352px; height: 76px; position: absolute; bottom: -135px; left: 50%; margin-left: -352px; background:url(../images/line_half.svg) top center no-repeat; } .sunit .img { width: 53%; height: 500px; overflow: hidden; } .sunit .img img { width: 100%; height: 500px; object-fit: cover; } .sunit .txt { width: 47%; padding-left: 95px; } .sunit .txt .inner { width: 400px; margin: 0 auto 0 0; } .sunit.r_img .txt { padding-right: 95px; padding-left: 0; } .sunit.r_img .txt .inner { margin: 0 0 0 auto; } .sunit .inner .cflex { align-items: center; justify-content: space-between; flex-direction: row-reverse; } .sunit.r_img .inner .cflex { flex-direction: row; } .sunit .clock,#course .clock { line-height: 78px; padding-left: 120px; font-size: 24px; color: #aa0a78; display: flex; align-items: center; } #day1_13.sunit .clock { background: url(../images/pm13.svg) left center no-repeat; } #day1_14.sunit .clock { background: url(../images/pm14.svg) left center no-repeat; } #day1_1730.sunit .clock { background: url(../images/pm17.svg) left center no-repeat; } #day1_18.sunit .clock { background: url(../images/pm18.svg) left center no-repeat; } #day1_20.sunit .clock { background: url(../images/pm20.svg) left center no-repeat; } #day1_22.sunit .clock { background: url(../images/pm22.svg) left center no-repeat; } #day1_23.sunit .clock { background: url(../images/pm23.svg) left center no-repeat; } #day2_06.sunit .clock { background: url(../images/pm18.svg) left center no-repeat; } #day2_08.sunit .clock { background: url(../images/pm20.svg) left center no-repeat; } #day2_09.sunit .clock { background: url(../images/am09.svg) left center no-repeat; } #day2_10.sunit .clock,#day2_10_.sunit .clock { background: url(../images/am10.svg) left center no-repeat; } .sunit h3.ch3_v.ttl_day1_13 { height: 284px; width: 74px; text-indent: -10000px; background: url(../images/ttl_day1_13.svg) center top no-repeat; } .sunit h3.ch3_v.ttl_day1_14 { height: 189px; width: 53px; text-indent: -10000px; background: url(../images/ttl_day1_14.svg) center top no-repeat; } .sunit .cbtn { width: 400px; margin-top: 40px; } #course { padding-bottom: 80px; position: relative; margin-bottom: 175px; } #course:after { content: ""; width: 352px; height: 76px; position: absolute; bottom: -135px; left: 50%; margin-left: -352px; background:url(../images/line_half.svg) top center no-repeat; } #course .ttlwrp { justify-content: center; position: relative; margin-bottom: 535px; /* margin-bottom: 410px; */ } #course .ttlwrp:after { content: ""; width: 100%; height: 500px; position: absolute; bottom: -535px; left: 0; background: url(../images/day1_20_1.jpg) center center no-repeat; /* background: url(../images/day1_1430.jpg) center center no-repeat; */ background-size: cover; } #course .ttlwrp .ch3_vwrp { margin: 0; } #course .clock { background: url(../images/pm14.svg) left center no-repeat; } #course .tabs { background: #ffffff; position: relative; padding-top: 75px; /* padding-top: 175px; */} #course .tabs .cate-tab { display: flex; justify-content: center; position: absolute; top:-65px; left: 50%; margin-left: -500px; font-family: "hannari"; } #course .tabs .cate-tab li { width: 480px; height: 136px; } #course .tabs .cate-tab li:first-child { margin-right: 40px; } #course .tabs .cate-tab li a { display: block; width: 480px; /*height: 136px;*/ height: 150px; border:#ffffff 5px solid; background: url(../../images/bg_cb.jpg) repeat; padding-top: 17px; text-align: center; font-size: 26px; position: relative; cursor: pointer; } #course .tabs .cate-tab li a span { display: inline-block; line-height: 30px; padding: 0 5px; color: #ffffff; font-size: 16px; margin-bottom: 8px; } #course .tabs .cate-tab li a:after { content: ""; width: 36px; height: 36px; border-radius: 18px; border: #d3d3d1 1px solid; position: absolute; right: 25px; top:50%; margin-top: -18px; } #course .tabs .cate-tab li:first-child a { color: #659511; } #course .tabs .cate-tab li:first-child a span { background: #659511; } #course .tabs .cate-tab li:first-child a:after { content: ""; background: url(../../images/icon_down_g.svg) center center no-repeat; } #course .tabs .cate-tab li:nth-child(2) a { color: #c87828; } #course .tabs .cate-tab li:nth-child(2) a span { background: #c87828; } #course .tabs .cate-tab li:nth-child(2) a p.txt_red { background: none; color: red; text-align: center;} #course .tabs .cate-tab li:nth-child(2) a:after { content: ""; background: url(../../images/icon_down_o.svg) center center no-repeat; } #course .tabs .cate-tab li:first-child a:hover,#course .tabs .cate-tab li.ui-tabs-active:first-child a { background: #659511; color: #ffffff; opacity: 1; } #course .tabs .cate-tab li:first-child a:hover span,#course .tabs .cate-tab li.ui-tabs-active:first-child a span { color: #659511; background: #ffffff; } #course .tabs .cate-tab li:first-child a:hover:after,#course .tabs .cate-tab li.ui-tabs-active:first-child a:after { content: ""; background-color: #ffffff; } #course .tabs .cate-tab li:nth-child(2) a:hover,#course .tabs .cate-tab li.ui-tabs-active:nth-child(2) a { background: #c87828; color: #ffffff; opacity: 1; } #course .tabs .cate-tab li:nth-child(2) a:hover span,#course .tabs .cate-tab li.ui-tabs-active:nth-child(2) a span { color: #c87828; background: #ffffff; } #course .tabs .cate-tab li:nth-child(2) a:hover p,#course .tabs .cate-tab li.ui-tabs-active:nth-child(2) a p.txt_red { color: #ad0000; } #course .tabs .cate-tab li:nth-child(2) a:hover:after,#course .tabs .cate-tab li.ui-tabs-active:nth-child(2) a:after { content: ""; background-color: #ffffff; } #course .map { width: 100%; text-align: center; margin-bottom: 30px; } #course .c_detail .cflex { width: 790px; margin: 0 auto; justify-content: space-between; align-items: center; } #course .c_detail .cflex .img { width: 350px; } #course .c_detail .cflex .txt { width: 350px; } #course .c_detail .cflex .txt .cbtn { margin-top: 55px; width: 350px; } .sunit_l .ttlwrp { justify-content: center; margin-bottom: 60px; } .sunit_l .ttlwrp div.ch3_vwrp { margin: 0; } h3.ch3_v.ttl_day2_10_1 { width: 68px; height: 214px; background: url(../images/ttl_day2_10_1.svg) center top no-repeat; margin-bottom: 0; margin-left: 50px; text-indent: -10000px; } h3.ch3_v.ttl_day2_10 { width: 68px; height: 200px; background: url(../images/ttl_day2_10.svg) center top no-repeat; margin-bottom: 0; margin-left: 50px; text-indent: -10000px; } .sunit_l .imgul { display: flex; flex-wrap: wrap; justify-content: space-between; } .sunit_l .imgul li { width: 48%; height: 320px; overflow: hidden; margin-bottom: 40px; } .sunit_l .imgul li:first-child { width: 100%; height: 500px; } .sunit_l .txt.cflex { justify-content: space-between; width: 100%; padding-left: 0; align-items: flex-start; } .sunit_l .txt.cflex p { width: 650px; } .sunit_l .txt.cflex .cbtn { margin-top: 0; } h3.ch3_v.ttl_day1_23 { width: 63px; height: 208px; background: url(../images/ttl_day1_23.svg) center top no-repeat; text-indent: -10000px; } #day1_20 .imgul li:nth-child(1) { display: none!important; } }/* End @media(min-width751px) */ /* ---------------------------------------------------------------------------------------------------- */ @media (min-width: 1001px) and (max-width:1245px){ }/* End @media (min-width: 751px) and (max-width:1100px) */ /* ---------------------------------------------------------------------------------------------------- */ @media (max-width:1000px){ #mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; } #mv h2 { font-size: 5vw; padding-top: 17vw; } .cmenu li:first-child { border-bottom: none; } .sunit { position: relative; margin-bottom: 24vw; } h3.ch3_v.ttl_day1 { height: 26vw; background: url(../images/ttl_day1.svg) center top no-repeat; background-size: 3.8vw auto; margin-bottom: 8vw; } h3.ch3_v.ttl_day2 { height: 26vw; background: url(../images/ttl_day2.svg) center top no-repeat; background-size: 3.8vw auto; margin-bottom: 8vw; } .sunit.line_lr:after,.sunit.line_rh:after,.sunit.line_rl:after,#course:after { content: ""; width: 80vw; height: 14vw; position: absolute; bottom: -18vw; left: 10vw; background:url(../images/line_half.svg) top center no-repeat; background-size: contain; } .sunit .img { width: 100vw; margin-left: -6vw; } .sunit .img img { width: 130%; max-width: 300%; margin-left: -10vw; } .sunit .txt { width: 88vw; margin: 6vw auto; } .sunit .inner .cflex { display: flex; align-items: center; justify-content: center; } .sunit .clock,#course .clock { line-height: 12vw; padding-left: 14vw; font-size: 4vw; display: flex; align-items: center; margin-right: 6vw; color: #aa0a78; } #day1_13.sunit .clock { background: url(../images/pm13.svg) left center no-repeat; background-size: auto 12vw; } #day1_14.sunit .clock { background: url(../images/pm14.svg) left center no-repeat; background-size: auto 12vw; } #day1_1730.sunit .clock { background: url(../images/pm17.svg) left center no-repeat; background-size: auto 12vw; } #day1_18.sunit .clock { background: url(../images/pm18.svg) left center no-repeat; background-size: auto 12vw; } #day1_20.sunit .clock { background: url(../images/pm20.svg) left center no-repeat; background-size: auto 12vw; } #day1_22.sunit .clock { background: url(../images/pm22.svg) left center no-repeat; background-size: auto 12vw; } #day1_23.sunit .clock { background: url(../images/pm23.svg) left center no-repeat; background-size: auto 12vw; } #day2_06.sunit .clock { background: url(../images/pm18.svg) left center no-repeat; background-size: auto 12vw; } #day2_08.sunit .clock { background: url(../images/pm20.svg) left center no-repeat; background-size: auto 12vw; } #day2_09.sunit .clock { background: url(../images/am09.svg) left center no-repeat; background-size: auto 12vw; } #day2_10.sunit .clock,#day2_10_.sunit .clock { background: url(../images/am10.svg) left center no-repeat; background-size: auto 12vw; } .sunit h3.ch3_v.ttl_day1_13 { height: 58vw; width: 24vw; text-indent: -10000px; background: url(../images/ttl_day1_13.svg) center top no-repeat; background-size: contain; } .sunit h3.ch3_v.ttl_day1_14 { height: 40vw; width: 18vw; text-indent: -10000px; background: url(../images/ttl_day1_14.svg) center top no-repeat; background-size: contain; } .sunit .cbtn { width: 100%; margin-top: 6vw; } #course { padding-bottom: 12vw; position: relative; margin-bottom: 24vw; } #course .ttlwrp { display: flex; justify-content: center; position: relative; margin-bottom: 70vw; } #course .ttlwrp:after { content: ""; width: 100%; height: 60vw; position: absolute; bottom: -68vw; left: 0; background: url(../images/day1_20_1.jpg) center center no-repeat; background-size: cover; } #course .ttlwrp .ch3_vwrp { margin: 0; } #course .clock { background: url(../images/pm14.svg) left center no-repeat; background-size: auto 12vw; } #course .tabs { background: #ffffff; position: relative; padding-top: 20vw; } #course .tabs .cate-tab { position: absolute; top:-40vw; left: 50%; margin-left: -40vw; font-family: "hannari"; } #course .tabs .cate-tab li { width: 80vw; height: 24vw; } #course .tabs .cate-tab li:first-child { margin-bottom: 2vw; } #course .tabs .cate-tab li a { display: block; width: 100%; height: 24vw; border:#ffffff 5px solid; background: url(../../images/bg_cb.jpg) repeat; padding-top: 2vw; text-align: center; font-size: 4vw; position: relative; cursor: pointer; } #course .tabs .cate-tab li a span { display: inline-block; line-height: 6vw; padding: 0 1vw; color: #ffffff; font-size: 3.8vw; margin-bottom: 1vw; } #course .tabs .cate-tab li a:after { content: ""; width: 8vw; height: 8vw; border-radius: 4vw; border: #d3d3d1 1px solid; position: absolute; right: 4vw; top:50%; margin-top: -4vw; } #course .tabs .cate-tab li:first-child a { color: #659511; } #course .tabs .cate-tab li:first-child a span { background: #659511; } #course .tabs .cate-tab li:first-child a:after { content: ""; background: url(../../images/icon_arrow_down2.svg) center center no-repeat; background-size: 1.4vw auto; } #course .tabs .cate-tab li:nth-child(2) a { color: #c87828; } #course .tabs .cate-tab li:nth-child(2) a span { background: #c87828; } #course .tabs .cate-tab li:nth-child(2) a p.txt_red { background: none; color: red; text-align: center; font-size: 3vw;} #course .tabs .cate-tab li:nth-child(2) a:after { content: ""; background: url(../../images/icon_arrow_down2.svg) center center no-repeat; background-size: 1.4vw auto; } #course .tabs .cate-tab li:first-child a:hover,#course .tabs .cate-tab li.ui-tabs-active:first-child a { background: #659511; color: #ffffff; opacity: 1; } #course .tabs .cate-tab li:first-child a:hover span,#course .tabs .cate-tab li.ui-tabs-active:first-child a span { color: #659511; background: #ffffff; } #course .tabs .cate-tab li:first-child a:hover:after,#course .tabs .cate-tab li.ui-tabs-active:first-child a:after { content: ""; background-color: #ffffff; } #course .tabs .cate-tab li:nth-child(2) a:hover,#course .tabs .cate-tab li.ui-tabs-active:nth-child(2) a { background: #c87828; color: #ffffff; opacity: 1; } #course .tabs .cate-tab li:nth-child(2) a:hover span,#course .tabs .cate-tab li.ui-tabs-active:nth-child(2) a span { color: #c87828; background: #ffffff; } #course .tabs .cate-tab li:nth-child(2) a:hover p,#course .tabs .cate-tab li.ui-tabs-active:nth-child(2) a p.txt_red { color: #ad0000; } #course .tabs .cate-tab li:nth-child(2) a:hover:after,#course .tabs .cate-tab li.ui-tabs-active:nth-child(2) a:after { content: ""; background-color: #ffffff; } #course .map { width: 100vw; height: 100vw; text-align: center; margin-bottom: 4vw; position: relative; margin-left: -10vw; } #course .c_detail .cflex { width: 70vw; margin: 0 auto; } #course .c_detail .cflex .img { width: 100%; margin-bottom: 6vw; } #course .c_detail .cflex .img img { width: 100%; } #course .c_detail .cflex .txt { width: 100%; } #course .c_detail .cflex .txt .cbtn { margin-top: 6vw; width: 100%; } .sunit_l { margin-bottom: 22vw; } .sunit_l.line_lh:after { content: ""; width: 80vw; height: 14vw; position: absolute; bottom: -18vw; left: 0; background:url(../images/line_half.svg) top center no-repeat; background-size: contain; } .sunit_l .ttl { width: 80vw; background: #ffffff; margin: -15vw auto 6vw; padding-top: 6vw; } .sunit_l .ttlwrp { display: flex; justify-content: center; margin-bottom: 60px; } .sunit_l .ttlwrp div.ch3_vwrp { margin: 0; } .sunit_l h3.ch3_v.ch3_img { width: 24vw; } .sunit h3.ch3_v.ttl_day2_10_1 { height: 41vw; width: 16vw; text-indent: -10000px; background: url(../images/ttl_day2_10_1.svg) center top no-repeat; background-size: contain; margin:0; } .sunit h3.ch3_v.ttl_day2_10 { height: 40vw; width: 13vw; text-indent: -10000px; background: url(../images/ttl_day2_10.svg) center top no-repeat; background-size: contain; margin:0; } .sunit_l .ttlwrp { justify-content: center; margin-bottom: 8vw; } .sunit_l .ttlwrp div.ch3_vwrp { margin: 0; } .sunit_l .imgul { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100vw; margin-left: -10vw; } .sunit_l .imgul li { width: 48%; height: 29vw; overflow: hidden; margin-bottom: 4vw; } .sunit_l .imgul li img { width: 100%; } .sunit_l .imgul li:first-child { width: 100%; height: 40vw; } .sunit.sunit_l .txt { margin: 0 auto 6vw; width: 100%; position: relative; } h3.ch3_v.ttl_day1_23 { height: 46vw; width: 14vw; text-indent: -10000px; background: url(../images/ttl_day1_23.svg) center top no-repeat; background-size: contain; } #day1_20 .imgul li:nth-child(1) { display: none!important; } }/* End @media (max-width: 750px) */