@charset "UTF-8";

#page-top {position: fixed;bottom: 40px;right: 40px;width: 60px; z-index:400;}
@media screen and (max-width: 896px) {
	#page-top {position: fixed;bottom: 5px;right: 5px;width: 30px; z-index:400;}
}

.EN {font-family: "Rubik", sans-serif; font-weight: 700;}
.maruGo {font-family: "Zen Maru Gothic", sans-serif;}

.bgWH {background-color: #FFF;}
.bgBL {background-color: #359CC5;}
.bgYL {background-color: #F4DA17;}
.bgGRY {background-color: #EEEEEE;}
.txtWH {color: #FFF;}
.txtBL {color: #359CC5;}
.txtYL {color: #F4DA17;}

.ratioBox {position: relative;width: 100%;height: auto;}
.ratio1-1:before {content: "";display: block;padding-top: 100%; /* 1:1 */}
.ratio2-1:before {content: "";display: block;padding-top: 50%; /* 2:1 */}
.ratio3-2:before {content: "";display: block;padding-top: 66%; /* 3:2 */}
.ratio4-3:before {content: "";display: block;padding-top: 75%; /* 4:3 */}
.ratioInner {position: absolute;top: 0; left: 0;width: 100%;height: 100%;}

#header {position: relative; width: 100%; padding: 30px 40px 35px;}
#header .headCopy {padding: 10px; position: absolute; top: 20px; right: 30px;}
.logo {width: 395px;}
#header .logo p {background: #359CC5; padding: 5px 10px; border-radius: 20px; margin-top: 10px;}
.menu:hover > a {background: #E1F4C4;}
.menu:hover .child_menu {visibility: visible;}
#hanburger {display: none;}
.menu_button {width: 55px; height: 55px; position: fixed; top: 0; right: 0; background: #359CC5; z-index: 15;}
#hanburger:checked ~ .menu_button {top: 0;}
#hanburger:checked ~ .span2 {display: none;}
#hanburger:checked ~ .span1 {width: 34px; transform: rotate(45deg); top: 27px; right: 11px;}
#hanburger:checked ~ .span3 {width: 34px; transform: rotate(-45deg); top: 27px; right: 11px;}
.global_menu {visibility: hidden; width: 100%; height: 100%; position: fixed; top: 0; left: 0; color: #222; overflow-y: scroll; text-align: center; background: #FFF;}
#hanburger:checked ~ .global_menu {visibility: visible;}
.global_menu a {display: block; width: 100%; padding: 5px 15px; border-radius: 22px; color: #359CC5;}
.global_menu a:hover {background: #359CC5; color: #FFF;}
.menu {font-size: 20px; font-weight: 500; white-space: nowrap; margin: 0 10px;}
.menu .pd {display: none;}
.headNav .insta {position: absolute; width: 50px; right: 0; bottom: -3px;}
#hanburger,.spOnly {display: none;}
@media screen and (max-width: 1355px) {
  .menu {font-size: 18px; margin: 0 5px;}
}
@media screen and (max-width: 1255px) {
  #header {padding: 30px 20px 35px;}
  .logo {width: 350px;}
  #header .logo p {font-size: 12px;}
  .menu {font-size: 18px; margin: 0 5px;}
  .global_menu a {padding: 5px 10px;}
}
@media screen and (max-width: 1120px) {
  .logo {width: 300px;}
  .menu {font-size: 16px; margin: 0;}
}
@media screen and (max-width: 960px) {
  .global_menu a {padding: 5px;}
}
@media screen and (min-width: 896px) {
  .menu_button {display: none;}
  .global_menu {position: inherit; padding: 0; color: #fff; visibility: visible; overflow-y: visible; height: auto; width: auto;}
  .menu:last-child {margin-right: 40px;}
  .headNav .insta {width: 40px;}
}
@media screen and (max-width: 896px) {
  #header,.spOnly {display: block;}
  #header {padding: 0 15px 20px;}
  #header .headCopy {position: relative; padding: 10px 50px 10px 0; top: 0; right: inherit; left: 0; width: 100%; text-align: left; font-size: 12px; line-height: 1.5;}
  .logo {width: 270px;}
  #header .logo p {font-size: 10px;}
  .headNav .insta {width: 36px;}
  span.span1,span.span2,span.span3 {width: 29px; height: 1px; background-color: #FFF; position: absolute; right: 13px; transition: .3s; z-index: 100; position: fixed;}
  .span1 {top: 17px;}
  .span2 {top: 27px;}
  .span3 {top: 37px;}
  .menu {display: block;}
  .menu > a {padding: 10px 15px; text-align: left; border-bottom: 1px solid #CCC;}
  .menu > a span {margin-right: 10px; width: 30px!important;}
  .menu > a span img {width: 100%;}
  .global_menu {z-index: 10;}
  .global_menu a {border-radius: 0;}
  .menu .pd {display: inline-block; width: 100%; position: absolute; top: 0; left: 0; height: 100%;}
  .menu_wrap {display: none;}
  #hanburger:checked ~ * .menu_wrap {display: block; opacity: 1; min-height: 100vh; background: rgba(255,255,255,.8); /*position: fixed;*/ top: 0; z-index: 5;}
  #hanburger:checked ~ * .menu {max-height: inherit; overflow-y: visible; padding: 0; margin-left: 0; position: relative;}
  .menu > label:hover {cursor: pointer; cursor: hand;}
  .menu input[type="checkbox"]:checked ~ .child_menu {max-height: inherit!important; overflow-y: visible; visibility: visible!important;}
  /*
  .angletoggle:before {content: "\f107";}
  #nav input[type="checkbox"]:checked ~ * .angletoggle:before {content: "\f106";}
  */
}

footer {padding: 60px 0; background: #359CC5;}
.footNav {margin-left: auto;}
.footNav li:not(:last-child) {margin-right: 20px;}
.footNav li a {color: #FFF;}
.footNav li a:hover {text-decoration: underline;}
.footCopy {text-align: right;}
.footCopy small {font-size: 14px;}
#ftNavi {display: none;}
@media screen and (max-width: 1255px) {
  footer .logo p {font-size: 12px;}
}
@media screen and (max-width: 896px) {
	footer {margin-bottom: 50px; padding: 40px 0;}
  footer .logo {margin: 0 auto 10px;}
  footer .logo p {font-size: 10px;}
  .footNav {width: 100%;}
  .footNav ul {justify-content: center; margin-bottom: 10px;}
  .footNav li {margin: 0 10px;}
  .footNav li:not(:last-child) {margin-right: 10px; margin-left: 10px;}
  .footCopy {text-align: center;}
	#ftNavi {display: block; background: #359CC5; letter-spacing: -.4em; position: fixed; z-index: 5; bottom: 0; border-top: 1px solid #FFF; width: 100%;}
	#ftNavi ul {text-align: center; font-size: 10px; font-weight: bold;}
	#ftNavi li {letter-spacing: normal; width: calc(100%/3);}
	#ftNavi li a {display: block; padding: 5px 0; color: #FFF; border-left: 1px solid #6eb9d6; border-right: 1px solid #205e76;}
	#ftNavi li:first-child a {border-left: none;}
	#ftNavi li:last-child a {border-right: none;}
	#ftNavi li span {width: 24px; margin: 0 auto 5px; display: block;}
}
@media screen and (max-width: 600px) {
  .footNav li {margin-bottom: 10px; text-align: center;}
  .footNav li:last-child {width: 100%;}
}

.w1300 {width: 100%; max-width: 1332px; padding-left: 0; padding-right: 0;}
.w1500 {width: 100%; max-width: 1520px; padding-left: 0; padding-right: 0;}
.container {width: 100%; max-width: 1212px; padding-left: 0; padding-right: 0;}
.containers {width: calc(100% - 40px); max-width: 888px; padding-left: 0; padding-right: 0;}
.mlr,.container,.containers {margin-left: auto; margin-right: auto;}
.mlr5 {margin-left: 5px; margin-right: 5px;}
.mlr20,.col1,.col2,.col3,.col4,.col5,.col6,.box3,.w46,.w54 {margin-left: 20px; margin-right: 20px;}
.col1 {width: calc(16.6666% - 40px);}
.col2,.box3 {width: calc(33.3333% - 40px);}
.col3 {width: calc(50% - 40px);}
.col4 {width: calc(66.6666% - 40px);}
.col5 {width: calc(83.3333% - 40px);}
.col6 {width: calc(100% - 40px);}
.box4 {width: calc(25% - 30px); margin-left: 15px; margin-right: 15px;}
.w260 {max-width: 260px; width: 100%;}
.w300 {max-width: 300px; width: 100%;}
.full {width: 100%;}
.half {width: 50%;}
.w46 {width: calc(46% - 50px);}
.w54 {width: calc(54% - 50px);}
@media screen and (max-width: 896px) {
  .containers {width: calc(100% - 30px);}
  .mlr20,.col1,.col2,.col3,.col4,.col5,.col6,.box3,.w46,.w54 {margin-left: 15px; margin-right: 15px;}
  .col1 {width: calc(16.6666% - 30px);}
  .col2,.box3 {width: calc(33.3333% - 30px);}
  .col3 {width: calc(50% - 30px);}
  .col4 {width: calc(66.6666% - 30px);}
  .col5 {width: calc(83.3333% - 30px);}
  .col6 {width: calc(100% - 30px);}
  .w46 {width: calc(46% - 30px);}
  .w54 {width: calc(54% - 30px);}
}
@media screen and (max-width: 568px) {
  .col1 {width: calc(33.3333% - 30px);}
  .col2,.col3,.col4,.col5,.col6,.box3,.w46,.w54 {width: calc(100% - 30px);}
  .mlr5 {margin-left: 5px; margin-right: 5px;}
  .box4 {width: calc(50% - 20px); margin-left: 10px; margin-right: 10px;}
}

ul.dot {list-style: disc; margin-left: 1.5em;}
ul.num {list-style: decimal; margin-left: 1.5em;}

table {width: 100%;}
table tr:nth-child(odd) {background-color: #FFF;}
table tr:nth-child(even) {background-color: #EEEEEE;}
table th,table td {padding: 10px 20px; line-height: 1.7; text-align: center; border: 1px solid #CCCCCC;}
table.tblGR th {width: 25%; background: #4A8308; color: #FFF;}
table.tblGR2 th {width: 280px; background: #4A8308; color: #FFF;}
table.tblGR2 td {text-align: left; width: calc(100% - 250px);}
@media screen and (max-width: 568px) {
  table.tblGR th,table.tblGR td {padding: 10px 5px;}
  table.tblGR2 th,table.tblGR2 td {width: 100%; display: block;}
  table.tblGR2 td {border-top: none;}
}

#cmnContact {background: url(../img/cmn/bg_bdr.svg) repeat top left; padding: 45px 0 60px;}
#cmnContact::before,#cmnContact::after {position: absolute; content: ''; width: 100%; height: 5px; background: #FFF; left: 0;}
#cmnContact::before {top: 70px;}
#cmnContact::after {bottom: 30px;}
#cmnContact h2 {position: relative; background: #FFF; padding: 5px 30px; border-radius: 30px;}
#cmnContact .col2 {background: #359CC5; padding: 30px; border: 2px solid #FFF; border-radius: 20px;}
@media screen and (max-width: 1100px) {
  #cmnContact .pcbr {display: none;}
  #cmnContact .col2 {width: calc(50% - 40px);}
  #cmnContact .container {justify-content: center;}
}
@media screen and (max-width: 620px) {
  #cmnContact .col2 {width: calc(100% - 30px);}
}

.btnCmn {display: block; width: 100%; padding: 15px 60px 15px 30px; border-radius: 30px; text-align: left; border: 1px solid #359CC5; border-radius: 30px; background-repeat: no-repeat; background-position: center right 20px;}
.btnCmn:hover {background-position: center right 20px;}
.btnWH,.btnBL:hover {background-color: #FFF; color: #359CC5; background-image: url(../img/cmn/arrow_bl.svg);}
.btnBL,.btnWH:hover {background-color: #359CC5; color: #FFF; background-image: url(../img/cmn/arrow_yl.svg);}
.btnWH:hover {border: 1px solid #FFF;}
.btnBL:hover {border: 1px solid #359CC5;}
.btnPI {border: 1px solid #D15E67; color: #FFF; background-color: #D15E67; background-image: url(../img/cmn/arrow_yl.svg);}
.btnPI:hover {background-color: #FFF; color: #D15E67;}
.btnGR {border: 1px solid #68B14D; color: #FFF; background-color: #68B14D; background-image: url(../img/cmn/arrow_yl.svg);}
.btnGR:hover {background-color: #FFF; color: #68B14D;}
@media screen and (max-width: 896px) {
  .btnCmn {padding: 10px 44px 10px 20px; background-position: center right 10px; background-size: 24px;}
}

.abs {position: absolute;}
.r20 {border-radius: 20px;}
.markerYL {background: #F4DA17; background: linear-gradient(0deg, rgba(244, 218, 23, 1) 0%, rgba(244, 218, 23, 1) 32%, rgba(255, 255, 255, 1) 32%);}
.ttlBdr {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #359CC5;}
.slick-slider {margin-bottom: 0!important;}
.slick-list {padding: 10px 0 !important;}
.slick-slide {height: auto !important;}
.slideArrow {position: absolute; content: ''; top: 50%; transform: translateY(-50%); width: 80px; height: 80px; z-index: 1; cursor: pointer;}
.prevArrow {background: url("../img/cmn/slide_prev.svg") no-repeat center; background-size: cover; left: calc(50% - 494px);}
.nextArrow {background: url("../img/cmn/slide_next.svg") no-repeat center; background-size: cover; right: calc(50% - 494px);}
@media screen and (max-width: 1024px) {
  .slideArrow {width: 50px; height: 50px;}
  .prevArrow {left: 5px;}
  .nextArrow {right: 5px;}
}
@media screen and (max-width: 568px) {
  .ttlBdr {font-size: 18px; padding-bottom: 10px; margin-bottom: 10px;}
}

#kv {overflow-x: hidden;}
#kv::after {position: absolute; content: ''; width: 100%; height: calc(100% - 90px); background: url(../img/cmn/bg_bdr.svg) repeat top left; top: 50px; left: 0; z-index: -1;}
#kv .kvImg {max-width: 840px; margin-left: auto; margin-right: -120px;}
#kv .container {position: absolute; margin: 0 auto; left: 0; right: 0;}
#kv .container.bread {bottom: 0;}
#kv .pageTtl {top: 50px; padding: 40px 0 0;}
#kv .pageTtl::before {position: absolute; content: ''; width: 400px; height: 10px; background: #F4DA17; top: 0; left: 20px;}
#kv .bread li a {padding-right: 28px; text-decoration: underline; color: #359CC5; background: url(../img/cmn/bread.svg) no-repeat center right 10px;}
@media screen and (max-width: 1145px) {
  #kv .kvImg {max-width: 700px;}
}
@media screen and (max-width: 1024px) {
  #kv .kvImg {max-width: 600px; padding-bottom: 30px;}
}
@media screen and (max-width: 896px) {
  #kv .kvImg {display: none; padding-bottom: 0;}
  #kv .container {position: relative;}
  #kv .pageTtl {top: 0; padding-bottom: 30px;}
  #kv::after {height: 100%; top: 0;}
  #kv .container.bread {background: #FFF;}
}

#top01 {margin-right: 40px; /*min-height: calc(100vh - 225px);*/}
#top01 .copy {padding: 50px; bottom: 0; left: 0; border-radius: 0 20px 0 0; z-index: 1;}
.mvImg li {width: 30%; padding-left: 5px;}
.mvImg li:first-child {width: 40%; height: calc(100% - 190px); padding-left: 0;}
.mvImg li:last-child > .ratioBox:first-of-type .objFit {width: calc(100% - 165px); margin-left: auto; height: 100%;}
.mvImg li:last-child > .ratioBox:first-of-type .objFit img {border-radius: 0 20px 0 0;}
.mvImg li:last-child > .ratioBox:last-of-type img {border-radius: 0 0 20px 0;}
.mvImg li:last-child > .ratioBox:first-of-type > .ratioInner > .rlt {padding: 50px 30px; width: 160px;}
.mvImg li:last-child > .ratioBox:first-of-type .maruGo {writing-mode: vertical-rl; height: 380px; line-height: 1.2; letter-spacing: .2em; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.mvImg li:last-child > .ratioBox:first-of-type .maruGo span {margin-top: 2.2em;}
.mvImg li:last-child > .ratioBox:first-of-type .maruGo::before,.mvImg li:last-child > .ratioBox:first-of-type .maruGo::after {position: absolute; content: ''; width: 60px; height: 60px;}
.mvImg li:last-child > .ratioBox:first-of-type .maruGo::before {border-top: 1px solid #359CC5; border-right: 1px solid #359CC5; top: -20px; right: -20px;}
.mvImg li:last-child > .ratioBox:first-of-type .maruGo::after {border-bottom: 1px solid #359CC5; border-left: 1px solid #359CC5; bottom: -20px; left: -20px;}
.fadeIn {opacity: 0; transform: translateY(20px); animation: fadeIn 0.8s ease-out forwards;}
.mvImg .fadeIn:nth-of-type(1),
.mvImg li:nth-child(1) .fadeIn { animation-delay: 0.2s; }
.mvImg li:nth-child(2) .fadeIn:nth-of-type(1) { animation-delay: 0.4s; }
.mvImg li:nth-child(2) .fadeIn:nth-of-type(2) { animation-delay: 0.6s; }
.mvImg li:nth-child(3) .fadeIn:nth-of-type(1) { animation-delay: 0.8s; }
.mvImg li:nth-child(3) .fadeIn:nth-of-type(2) { animation-delay: 1.0s; }
@keyframes fadeIn {
  from {opacity: 0; transform: translateY(20px);}
  to {opacity: 1; transform: translateY(0);}
}
@media screen and (max-width: 1515px) {
  #top01 .copy {font-size: 46px; padding: 30px 50px;}
  .mvImg li:last-child > .ratioBox:first-of-type .maruGo {font-size: 30px; height: 290px;}
}
@media screen and (max-width: 1255px) {
  #top01 {margin-right: 20px;}
}
@media screen and (max-width: 1200px) {
  #top01 .copy {font-size: 40px; padding: 30px 50px;}
  .mvImg li:first-child {height: calc(100% - 185px);}
  .mvImg li:last-child > .ratioBox:first-of-type > .ratioInner > .rlt {width: 110px;}
  .mvImg li:last-child > .ratioBox:first-of-type .maruGo {font-size: 20px; height: 190px;}
  .mvImg li:last-child > .ratioBox:first-of-type .objFit {width: calc(100% - 115px);}
}
@media screen and (max-width: 896px) {
  #top01 {margin-right: 0;}
  #top01 .copy {bottom: inherit; top: 0; width: 70%; border-radius: 0; font-size: 30px; padding: 20px;}
  .mvImg li:first-child {width: 70%; height: auto; position: relative; margin-top: 135px;}
  .mvImg li:first-child .objFit {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
  .mvImg li:nth-child(2) .ratio3-2::before {padding-top: 100%;}
  .mvImg li:last-child {margin-top: 5px; width: 100%; display: flex; padding-left: 0;}
  .mvImg li:last-child > .ratioBox:first-of-type .objFit img,.mvImg li:last-child > .ratioBox:last-of-type img {border-radius: 0;}
  .mvImg li:last-child > .ratioBox:first-child {width: 40%; margin-bottom: 0;}
  .mvImg li:last-child > .ratioBox:last-child {width: 60%; padding-left: 5px;}
  .mvImg li:last-child > .ratioBox.ratio3-2::before {content: none;}
  .mvImg li:last-child > .ratioBox.ratio3-2 .ratioInner {position: relative;}
}
@media screen and (max-width: 600px) {
  #top01 .copy {font-size: 20px;}
  #top01 li:first-child {margin-top: 105px;}
  .mvImg li:last-child > .ratioBox:first-of-type .maruGo {font-size: 16px; height: 151px;}
}
@media screen and (max-width: 480px) {
  #top01 .copy {font-size: 18px; padding: 10px 15px;}
  #top01 li:first-child {margin-top: 79px;}
  .mvImg li:last-child > .ratioBox:first-of-type .maruGo span {margin-top: 1em;}
  .mvImg li:last-child > .ratioBox:first-of-type .maruGo::before, .mvImg li:last-child > .ratioBox:first-of-type .maruGo::after {width: 20px; height: 20px;}
  .mvImg li:last-child > .ratioBox:first-of-type .maruGo::before {top: -10px; right: -10px;}
  .mvImg li:last-child > .ratioBox:first-of-type .maruGo::after {bottom: -10px; left: -10px;}
  .mvImg li:last-child > .ratioBox:first-of-type > .ratioInner > .rlt {width: 80px; padding: 20px 10px;}
  .mvImg li:last-child > .ratioBox:first-of-type .maruGo {height: 132px;}
  .mvImg li:last-child > .ratioBox:first-of-type .objFit {width: calc(100% - 85px);}
}

.pickupSlider li {width: 868px; margin: 0 20px; box-shadow: 0 0 6px rgba(0,0,0,.4);}
.pickupSlider .thumb {width: 41.5%;}
.pickupSlider .eventData {width: 58.5%; padding-left: 30px;}
.pickupSlider .slick-list {padding: 30px 0 !important;}
.pickupSlider .slick-initialized .slick-slide {display: flex;}
.pickupSlider .slick-track,.themeSlider .slick-track {display: flex;}
.eventData .date dt {padding: 3px 15px; border-radius: 5px; background: #D15E67; color: #FFF; margin-right: 15px;}
.infoData dt {width: 60px; font-weight: 700; margin-bottom: 10px;}
.infoData dd {width: calc(100% - 60px); margin-bottom: 10px;}
.moreBtn {margin-top: auto; padding: 5px 35px 5px 0; background: url(../img/cmn/arrow_bl.svg) no-repeat right center; margin-left: auto;}
.pickupSlider li a {padding: 30px 40px;}
.pickupSlider li a:hover {background: rgba(53,156,197,.3);}
@media screen and (max-width: 1024px) {
  .pickupSlider li {width: auto;}
  .pickupSlider li a {padding: 20px;}
}
@media screen and (max-width: 650px) {
  .pickupSlider .thumb {width: 100%; margin-bottom: 10px;}
  .pickupSlider .eventData {width: 100%; padding-left: 0;}
}

#top03::before,#top03::after {position: absolute; content: ''; width: 100%; height: 5px; background: #359CC5; left: 0; z-index: -1;}
#top03::before {top: 20px;}
#top03::after {bottom: 30px;}
#top03 h2 {padding: 0 20px;}
.newsInfo .thumb {width: 37%;}
.newsInfo .newsData {width: 63%; padding-left: 30px;}
.newsInfo .newsData .ttlBdr {border-bottom: none;}
.newsInfo .newsData .ttlBdr::after {position: absolute; content: ''; bottom: 0; left: 0; width: 120px; height: 2px; background: #359CC5;}
#top03 .col6 .mlr {position: relative; z-index: 1;}
@media screen and (max-width: 896px) {
  .newsInfo .thumb {width: 100%; margin-bottom: 10px;}
  .newsInfo .newsData {width: 100%; padding-left: 0;}
}
@media screen and (max-width: 568px) {
  .newsInfo {width: calc(50% - 30px);}
}

#top04 {margin-top: -30px;}
#top04 .read {background: url(../img/top/04-01.jpg) no-repeat center; background-size: cover;}
#top04 .read::after {position: absolute; content: ''; width: 100%; height: 100%; background: #FFF; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); top: 0;}
#top04 .read .container {z-index: 1; padding: 110px 0 490px 0;}
#top04 .logo {width: 435px;}
#top04 .logo img {width: 100%;}
#top04 .read .txt18 {width: calc(100% - 450px); padding-left: 40px;}
.ttlCircle {width: 233px; padding: 70px 0; background: #FFF; border: 5px solid #359CC5; border-radius: 50%; bottom: 50px; right: 0;}
.themeSlider {margin-top: -100px;}
.themeSlider li {margin: 0 20px; width: 380px;}
.themeSlider .thumb img {border-radius: 20px 20px 0 0;}
.themeSlider .inner {padding: 20px 30px 30px;}
.themeSlider .ttlBdr {border-bottom: 2px solid #FFF;}
.themeSlider .prevArrow {left: calc(50% - 670px);}
.themeSlider .nextArrow {right: calc(50% - 670px);}
@media screen and (max-width: 1345px) {
  .themeSlider .prevArrow {left: 5px;}
  .themeSlider .nextArrow {right: 5px;}
}
@media screen and (max-width: 896px) {
  #top04 .logo,#top04 .read .txt18 {width: 100%; padding: 0;}
  #top04 .read .container {padding: 80px 0 200px;}
  .ttlCircle {width: 140px; padding: 37px 0;}
}

#top05 .container {max-width: 108px;}
#top05 .ttl {width: 90px;}
#top05 .ttl .EN {transform: rotate(-90deg); position: absolute; top: 40px; left: -50px;}
#top05 .ttl h2 {writing-mode: vertical-rl; padding-left: 50px;}
#top05 .movie {position: relative; width: calc(100% - 120px); padding-top: 56.25%;}
#top05 .movie iframe {position: absolute; top: 0; right: 0; width: 100%; height: 100%; border-radius: 20px;}
@media screen and (max-width: 896px) {
  #top05 .ttl {width: 90px;}
  #top05 .ttl .EN {top: 25px; left: -20px;}
  #top05 .ttl h2 {padding-left: 40px;}
  #top05 .movie {width: calc(100% - 120px);}
}

#top06 {max-width: 1256px; width: 100%; margin-left: auto; margin-right: auto;}
#top07 li {width: 200px; margin: 0 10px 20px; border: 1px solid #CCCCCC;}
@media screen and (max-width: 896px) {
  #top07 li {width: calc(25% - 16px); margin: 0 8px 15px;}
}
@media screen and (max-width: 568px) {
  #top07 li {width: calc(50% - 16px); margin: 0 8px 15px;}
}

#marche_news .thumb {width: 44%;}
#marche_news .eventData {width: 56%; padding-left: 30px;}
#marche_news .ttlBdr {padding-bottom: 15px; padding-left: 30px; position: relative;}
#marche_news .ttlBdr::after,#single .date::after {position: absolute; content: ''; width: 20px; height: 20px; border-radius: 50%; border: 5px solid #359CC5; left: 0; top: 6px;}
#marche_news .ttlBdr.icon01 {padding-right: 74px;}
#marche_news .ttlBdr.icon02 {padding-right: 158px;}
#marche_news .btn {margin-top: auto; margin-left: auto;}
.iconList {position: absolute; top: -5px; right: 0; z-index: 1;}
.iconList li {width: 64px; padding: 15px 0; text-align: center; margin-left: 10px; line-height: 1.2; border-radius: 50%;}
.pickupSlider .iconList {top: -30px; right: auto; left: 40px;}
.pickupSlider .iconList li {margin: 0 10px; width: 94px; padding: 30px 0;}
.iconTrial {background: #D15E67;}
.iconExhibitors {background: #68B14D;}
@media screen and (max-width: 896px) {
  #marche_news .thumb,#marche_news .eventData {width: 100%; padding-left: 0;}
  #marche_news .thumb {margin-bottom: 20px;}
  #marche_news .ttlBdr.icon01 {padding-right: 0;}
  #marche_news .ttlBdr.icon02 {padding-right: 0;}
  #marche_news .iconList {top: auto; bottom: -40px;}
  #marche_news .thumb img {width: 100%;}
}
@media screen and (max-width: 650px) {
  .pickupSlider .iconList {top: -20px; left: 20px;}
  .pickupSlider .iconList li {margin: 0 5px; width: 64px; padding: 16px 0;}
}

#single .ttlBdr {position: relative; border-bottom: none; padding-bottom: 15px;}
#single .ttlBdr::before {position: absolute; content: ''; width: 100%; height: 8px; border-radius: 4px; bottom: 0; left: 0; background: #359CC5;}
#single .date {position: relative; padding-left: 30px;}
#single .date::after {top: 18px;}
#single .iconList {top: 0;}
#single .iconList li {width: 100px; padding: 27px 0;}
#single .icon01 {padding-right: 80px;}
#single .icon02 {padding-right: 160px;}
#single .dateInfo {width: 44%;}
#single .eventImg {width: 56%; padding-left: 40px;}
.dateInfo dt {position: relative;}
.dateInfo dt span {position: relative; background: #FFF; padding-right: 20px; z-index: 1; color: #D15E67;}
.dateInfo dt::before {position: absolute; content: ''; z-index: -1; width: 100%; height: 2px; background: #D15E67; left: 0; top: 50%; transform: translateY(-50%);}
.mapLink {display: block; padding-left: 34px; background: url(../img/cmn/icon_map.svg) no-repeat left center;}
.btnArea li:not(:last-child) {margin-bottom: 10px;}
@media screen and (max-width: 896px) {
  #single .iconList li {width: 70px; padding: 16px 0;}
}
@media screen and (max-width: 568px) {
  #single .dateInfo,#single .eventImg {width: 100%; padding-left: 0;}
  #single .date {font-size: 14px;}
  #single .date::after {top: 1px;}
  #single .ttlBdr::before {height: 4px;}
  #single .iconList {flex-direction: column;}
  #single .icon01 {padding-right: 80px;}
  #single .icon02 {padding-right: 80px;}
  #single .iconList li {margin: 0 0 5px;}
}

.postNav li a {padding: 0 22px; display: block;}
.postNav li.prev a {background: url("../img/cmn/arrow_grl.svg") no-repeat left center;}
.postNav li.next a {background: url("../img/cmn/arrow_gr.svg") no-repeat right center;}
.postNav li.prev {margin-right: auto;}
.postNav li.next {margin-left: auto;}
/*.pageNav li {margin: 0 10px; text-align: center;}
.pageNav li a {width: 44px; line-height: 40px; border: 2px solid #359CC5; display: block; border-radius: 50%; background: #359CC5; color: #FFF;}
.pageNav li a:hover,.pageNav li.active a {background: #FFF; color: #359CC5;}*/
.pageNav ul {align-items: center;}
.pageNav {padding: 0 15px; width: 100%;}
.pageNav .page-numbers {width: 44px; line-height: 40px; text-align: center; border: 2px solid #359CC5; border-radius: 50%; background: #359CC5; color: #FFF; margin: 0 10px 10px; display: block;}
.pageNav .page-numbers.current {background: #FFF; color: #359CC5;}
.pageNav .next.page-numbers ,.pageNav .prev.page-numbers{width: auto; line-height: inherit; border: none; border-radius: 0; background: none; font-size: 80%; color: #359CC5;}