@charset "UTF-8";
/* CSS Document */

*{margin: 0;padding: 0; outline:none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-appearance: none; /*font-feature-settings : "palt";*/}
html {font-size:62.5%;}
body {font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif; font-size:16px;/* letter-spacing: 0.02em;*/ line-height:1.7; background:#FFF; color:#444; text-align: center; scrolling: yes; position: relative; -webkit-text-size-adjust: 100%; overflow-x: hidden;}
*.en{font-family: "Montserrat", "游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif!important;}

body.fixed {position: fixed; width: 100%; height: 100%;}

a{color:#222; text-decoration:none; overflow:hidden; outline:none; cursor: pointer;}
a[href^="tel"]{color:inherit; text-decoration:none!important;}
a:hover{text-decoration:none; color: #222;}
a.outer{position: relative; padding-right: 20px;}
a.outer::after{background: url(/National_Library/oe_/https://wacci.jp/img/common/mark_outer.png?20220414) no-repeat center center; background-size: 15px 10px; width: 15px; height: 100%; top: 0; right: 0; content: ""; position: absolute;}

p{font-size: 1.4rem;}
img{border:none; vertical-align: top;}
table{border-collapse:collapse;}
ul{list-style-type:none;}
button, input, select, textarea{border: none; border-radius: 0; -webkit-appearance: none;}
button{ cursor: pointer;}
/*select{-moz-appearance: none; text-indent: 0.01px; text-overflow: '';}
select::-ms-expand {display: none;}*/

h1, h2, h3{font-weight:bold;}

div.slick-list{padding: 0!important;}

/* ::::::::::::::::::::::::::::::::: COMMON ::::::::::::::::::::::::::::::::: */

/* HEADER */
header.mainHeader{background: #FFF; position: fixed; z-index: 400; left: 0; top: 0; height: 60px; width: 100%;}
header.mainHeader::before { content: ""; width: 340px; height: 85px; position: absolute; left: 0; top: 0; background: url(/National_Library/oe_/https://wacci.jp/img/common/header_bg_pc.png?20220414) no-repeat left top; background-size: 340px 85px; z-index: 399; }
header.mainHeader p.siteTitle,
header.mainHeader h1.siteTitle{ padding: 25px 0 0 35px;  text-align: left; position: absolute; left: 0; top: 0; z-index: 402;}
header.mainHeader p.siteTitle a { position: relative; z-index: 402; }
header.mainHeader ul.menuList{height: 40px; padding: 16px 0 0; text-align: center; position: relative; z-index: 401;}
header.mainHeader ul.menuList li{display: inline-block; padding: 0 10px;}
header.mainHeader ul.menuList li a{color: #043958; font-size: 1.4rem; line-height: 28px; display: inline-block; font-weight: bold;}
header.mainHeader ul.menuList li.active a{background: url(/National_Library/oe_/https://wacci.jp/img/common/header_line.png?20220414) repeat-x left bottom; background-size: 9px 4px;}
header.mainHeader ul.snsList{width: 150px; height: 20px; position: absolute; right: 3%; top: 20px; display: flex; justify-content: space-between; z-index: 402;}
header.mainHeader button.menuOpenBtn{display: none;}

@media screen and (max-width: 1100px){
    header.mainHeader p.siteTitle, 
    header.mainHeader h1.siteTitle { padding: 25px 0 0 25px; }
    header.mainHeader ul.menuList li{padding: 0 6px;}
    header.mainHeader ul.snsList{width: 140px; right: 2%;}
}

/* MAIN CONTENT */
div.wrap{overflow: hidden; width: 100%; background: #e7eef3; padding: 60px 0 0;}
div.mainContent{margin: 0 0 40px;}
div.mainContent div.segment{}
div.mainContent h1.pageTitle,
div.mainContent h2.pageTitle,
div.mainContent p.pageTitle{padding: 80px 5% 55px; color: #043958; font-size: 2.3rem; font-weight: bold;}
div.mainContent h2.pageTitle{padding-top: 20px;}
div.mainContent p.btnBack{text-align: center; margin: 0 0 30px;}
div.mainContent p.btnBack a{line-height: 36px; font-size: 1.5rem; background: #043958 url(/National_Library/oe_/https://wacci.jp/img/common/vector_2_left.png?20220414) no-repeat 15px center; background-size: 10px 10px; width: 160px; border-radius: 18px; color: #FFF; font-weight: bold; display: inline-block; text-indent: 5px;}
div.mainContent p.btnMore{text-align: center; margin: 0 0 30px;}
div.mainContent p.btnMore a{line-height: 36px; font-size: 1.5rem; background: #043958 url(/National_Library/oe_/https://wacci.jp/img/common/vector_2_right.png?20220414) no-repeat 135px center; background-size: 10px 10px; width: 160px; border-radius: 18px; color: #FFF; font-weight: bold; display: inline-block; text-indent: -5px;}

/* INDEX */
div.indexTopWrap{background: #FFF; position: relative; min-height: 650px; margin-top: -60px; padding-top: 60px;}
div.indexTopWrap p.scrollMark{position: absolute; width: 65px; height: 65px; right: 45px; bottom: 55px; z-index: 102; animation-name: scrollMarkMove; animation-duration: 2s; animation-iteration-count: infinite;}
div.indexTopWrap div.newsWrap{position: absolute; width: calc(100% - 200px); height: 30px; left: 60px; bottom: 25px;}
div.indexTopWrap div.newsWrap p.cap{width: 110px; line-height: 24px; color: #FFF; background: #043958; border-radius: 12px; position: absolute; left: 0; top: 3px; font-size: 1.2rem; font-weight: bold;}
div.indexTopWrap div.newsWrap div.marqueeBlock{position: absolute; right: 0; top: 0; width: calc(100% - 130px); height: 30px; overflow: hidden;}
div.indexTopWrap div.newsWrap div.marqueeBlock a{position: absolute; left: 0; top: 0; width: 500%; height: 30px; text-align: left;}
div.indexTopWrap div.newsWrap div.marqueeBlock p{display: inline-block; font-size: 1.35rem; line-height: 30px; padding: 0 20px 0 0;}  /*animation: 16s marquee1 infinite linear;}
div.indexTopWrap div.newsWrap div.marqueeBlock p:last-child{animation: 16s marquee1 8s infinite linear;*/
div.indexTopWrap div.newsWrap div.marqueeBlock p.no-article{display: block; text-align: left;}

div.mainVisualWrap{position: absolute; width: calc(100% - 120px); height: calc(100% - 140px); left: 60px; top: 60px; border-radius: 20px 20px 0 20px; overflow: hidden;}
div.mainVisualWrap::before{position: absolute; left: 0; top: 0; width: 220px; height: 50px; z-index: 100; content: ""; background: url(/National_Library/oe_/https://wacci.jp/img/index/cap_1.png?20220414) no-repeat left top; background-size: contain;}
div.mainVisualWrap::after{position: absolute; right: 0; bottom: 0; width: 90px; height: 90px; z-index: 100; content: ""; background: url(/National_Library/oe_/https://wacci.jp/img/index/cap_2.png?20220414) no-repeat right bottom; background-size: contain;}
div.mainVisualWrap h1{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(/National_Library/oe_/https://wacci.jp/img/index/logo.png?20220414) no-repeat center center; background-size: cover; text-indent: -9999px; opacity: 0; transform: translateY(-20px); transition: all 1.5s ease; transition-delay: 0.5s;}
div.mainVisualWrap h1.on{opacity: 1; transform: translateY(0);}
div.mainVisualWrap p.base{position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 20px; overflow: hidden; background: #d9e4e6; }
div.mainVisualWrap p.base span{position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transform: scale(1.2); transition: opacity 1.5s ease, transform 1.5s ease;}
div.mainVisualWrap p.base span.sld2{background: url(/National_Library/oe_/https://wacci.jp/img/index/main_photo2.jpg?20220414) no-repeat center center; background-size: cover;}
div.mainVisualWrap p.base span.sld1{background: url(/National_Library/oe_/https://wacci.jp/img/index/main_photo.jpg?20220414) no-repeat center center; background-size: cover;}
div.mainVisualWrap p.base span.on{opacity: 1; transform: scale(1);}
div.mainVisualWrap ul.btnList{position: absolute; right: 20px; top: 20px; display: flex; justify-content: flex-end; transition: opacity 1.0s ease, visibility 1.0s ease; opacity: 0; visibility: hidden;}
div.mainVisualWrap ul.btnList.on{opacity: 1; visibility: visible;}
div.mainVisualWrap ul.btnList li{cursor: pointer; width: 8px; height: 8px; background: #FFF; border-radius: 50%; margin: 0 0 0 10px;}
div.mainVisualWrap ul.btnList li.on{background: #043958;}
/*div.mainVisualWrap p.cd{position: absolute; width: 250px; height: 120px; left: 35px; bottom: 50px;}*/
div.mainVisualWrap p.cd{position: absolute; width: 480px; height: 120px; left: 25px; bottom: 25px;}
div.mainVisualWrap p.cd a{float: left;}
div.mainVisualWrap p.cd a:first-child{padding: 0 10px 0 0;}
div.mainVisualWrap p.load{width: 30px; height: 30px; border: 4px solid rgba(56,169,223,0); border-top-color: rgba(0,0,0,0.2); border-radius: 50%; animation: spinLoad 0.4s linear 0s infinite; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; content: ""; transition: opacity 0.6s ease;}
div.mainVisualWrap p.load.on{opacity: 0;}

div.indexBNWrap { background: #043958; padding: 30px 0; }
div.indexBNWrap div.inner {}
div.indexBNWrap ul.bnList { _zoom: 1; overflow: hidden; position: relative; }
div.indexBNWrap ul.bnList li { float: left; padding: 0 15px; }
div.indexBNWrap ul.bnList button { width: 35px; height: 70px; position: absolute; top: 45px; left: 0; border: none; cursor: pointer; z-index: 10; overflow: hidden; background: url(/National_Library/oe_/https://wacci.jp/img/index/vector_left.png) no-repeat center center; background-size: 35px 70px; text-indent: -999px; }
div.indexBNWrap ul.bnList button:hover { opacity: 0.9; }
div.indexBNWrap ul.bnList button.slick-next { left: auto; right: 0; background-image: url(/National_Library/oe_/https://wacci.jp/img/index/vector_right.png); }

div.indexMiddleWrap{background: #e7eef3; padding: 40px 0 60px;}
div.indexMiddleWrap h2.pageTitle{padding: 0 0 35px;}
div.indexMiddleWrap div.inner{width: 1160px; margin: 0 auto;}
div.indexMiddleWrap div.infoBlock{background: #FFF; border-radius: 20px; margin: 0 0 40px; display: flex; justify-content: space-between; align-items: center;}
div.indexMiddleWrap div.infoBlock h2{width: 22%; color: #043958; font-size: 1.8rem; text-align: center;}
div.indexMiddleWrap div.infoBlock div.main{width: 73%; text-align: left; padding: 30px 5% 25px 0;}
div.indexMiddleWrap div.infoBlock ul{display: block;}
div.indexMiddleWrap div.infoBlock ul li{display: block;}
div.indexMiddleWrap div.infoBlock a{display: inline-block;}
div.indexMiddleWrap div.infoBlock p.date{font-size: 1.3rem; color: #043958; font-weight: bold;}
div.indexMiddleWrap div.infoBlock p.title{font-size: 1.4rem;}
div.indexMiddleWrap div.videoWrap{display: flex; justify-content: space-between; margin: 0 0 20px;}
div.indexMiddleWrap div.videoWrap div.block{width: 496px; padding: 32px; background: #FFF; border-radius: 20px;}
div.indexMiddleWrap div.videoWrap div.youTube{position: relative; width: 100%; padding-top: 56.25%;}
div.indexMiddleWrap div.videoWrap div.youTube iframe{position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
div.indexMiddleWrap p.liveBanner{margin: 0 0 50px; border-radius: 20px; overflow: hidden;}

@keyframes scrollMarkMove{
    0%{transform: translate(0, 0); opacity: 1;}
    50%{transform: translate(0, 10px); opacity: 0.6;}
    100%{transform: translate(0, 0); opacity: 1;}
}
@keyframes spinLoad {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

/* BIOGRAPHY */
div.bioTopWrap{width: 600px; margin: 0 auto 60px; text-align: left;}
div.bioTopWrap p{line-height: 2;}
div.bioTopWrap p.cap{font-size: 1.3rem; font-weight: bold; line-height:1.4;}
div.bioTopWrap p.title{font-size: 2.6rem; letter-spacing:0.02em; line-height: 1.2; font-weight: bold; margin: 0 0 18px; color: #222;}
div.bioMemberWrap{width: 990px; display: flex; justify-content: space-between; margin: 0 auto 90px;}
div.bioMemberWrap div.block{width: 150px; padding: 17px; background: #FFF; border-radius: 12px; text-align: left;}
div.bioMemberWrap p.img{margin: 0 0 15px;}
div.bioMemberWrap p.name{color: #043958; font-weight: bold; font-size: 1.6rem; margin: 0;}
div.bioMemberWrap p.name.en{font-size: 1.1rem; margin: 0 0 10px;}
div.bioMemberWrap p.position{color: #043958; font-weight: bold; font-size: 1.1rem; margin: 0 0 10px;}
div.bioMemberWrap p.profile{font-size: 1.25rem; margin: 0 0 15px;}
div.bioMemberWrap ul.snsList{width: 100%; text-align: left; padding: 0 0 20px;}
div.bioMemberWrap ul.snsList li{display: inline-block; margin: 0 7px 0 0;}
div.historyWrap{background: #FFF; padding: 70px 0 80px;}
div.historyWrap div.inner{width: 990px; margin: 0 auto;}
div.historyWrap div.block{padding: 0; position: relative;}
div.historyWrap div.main{text-align: left; padding: 50px 0 0 215px;}
div.historyWrap p{font-size: 1.4rem; line-height: 2; color: #043958; margin: 0 0 20px;}
div.historyWrap p.cap{font-size: 1.5rem; line-height: 25px; width: 80px; padding: 27px 0 28px; font-weight: bold; background: #043958; color: #FFF; border-radius: 50%; position: absolute; left: 90px; top: 25px;}

/* INFORMATION */
div.infoArchiveWrap{width: 860px; margin: 0 auto 50px;}
div.infoArchiveWrap div.block{margin: 0 0 20px;}
div.infoArchiveWrap div.block a{width: 750px; padding: 25px 70px 25px 40px; background: #FFF; border-radius: 12px; display: block; text-align: left; position: relative;}
div.infoArchiveWrap div.block a::after{content: ""; width: 16px; height: 16px; background: url(/National_Library/oe_/https://wacci.jp/img/common/vector_1.png?20220414) no-repeat center center; background-size: 16px 16px; right: 27px; top: 0; bottom: 0; margin: auto 0; position: absolute;}
div.infoArchiveWrap div.block p.date{color: #043958; font-weight: bold; font-size: 1.3rem; margin: 0 0 5px;}
div.infoArchiveWrap div.block h2{font-size: 1.8rem; font-weight: bold; color: #444; line-height: 1.6;}
ul.page-numbers{margin: 0 0 30px;}
ul.page-numbers li{display: inline-block; margin: 0 5px; vertical-align: top;}
ul.page-numbers li a{display: block; width: 40px; line-height: 40px; display: block; background: #FFF; border-radius: 50%; color: #043958; font-weight: bold;}
ul.page-numbers li a:hover{opacity: 0.8;}
ul.page-numbers li span{display: block; width: 40px; line-height: 40px; display: block; background: #043958; border-radius: 50%; color: #FFF; font-weight: bold;}

div.infoSingleWrap{width: 700px; padding: 60px 80px 80px; margin: 0 auto 50px; background: #FFF; border-radius: 12px; text-align: left; font-size: 1.4rem; line-height: 1.7;}
div.infoSingleWrap p{margin: 0 0 30px;}
div.infoSingleWrap p.date{color: #043958!important; font-weight: bold; font-size: 1.3rem; margin: 0 0 5px;}
div.infoSingleWrap h1{font-size: 2.2rem; line-height: 1.5; margin: 0 0 40px;}
div.infoSingleWrap h2{font-size: 2.0rem; line-height: 1.6; margin: 0 0 30px; color: #043958;}
div.infoSingleWrap h3{font-size: 1.9rem; line-height: 1.6; margin: 0 0 30px; color: #043958;}
div.infoSingleWrap h4{font-size: 1.8rem; line-height: 1.6; margin: 0 0 30px; color: #444;}
div.infoSingleWrap h5{font-size: 1.7rem; line-height: 1.6; margin: 0 0 30px; color: #444;}
div.infoSingleWrap h6{font-size: 1.6rem; line-height: 1.6; margin: 0 0 30px; color: #444;}
div.infoSingleWrap div.youTube{position: relative; width: 100%; padding-top: 56.25%; margin: 0 0 30px;}
div.infoSingleWrap div.youTube iframe{position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
div.infoSingleWrap img{max-width: 100%; height: auto;}
div.infoSingleWrap hr{border: none; border-top: 2px solid #CCC; margin: 0 0 30px;}
div.infoSingleWrap table{margin: 0 0 30px; width: 100%; border-collapse: collapse;}
div.infoSingleWrap table th,
div.infoSingleWrap table td{text-align: left; vertical-align: middle; border: 1px solid #DDD; padding: 15px; font-size: 1.4rem; line-height: 1.7;}
div.infoSingleWrap table th{background: #EEE;}
div.infoSingleWrap ul,
div.infoSingleWrap ol{font-size: 1.4rem; line-height: 1.7; margin: 0 0 30px; padding: 0 0 0 20px;}
div.infoSingleWrap ul li{position: relative;}
div.infoSingleWrap ul li::before{position: absolute; content: "・"; left: -20px; top: 0;}
div.infoSingleWrap blockquote{font-size: 1.35rem; line-height: 2; border: 2px solid #CCC; padding: 30px; margin: 0 0 30px;}
div.infoSingleWrap a{color: #043958; text-decoration: underline;}
div.infoSingleWrap a:hover{opacity: 0.7;}
div.infoSingleWrap p.email{font-size: 2.1rem; line-height: 1.4; font-weight: bold;}
div.infoSingleWrap p.email a{text-decoration: none;}


/* MUSIC */
p.no-article.music{width:100%;}
div.musicTabWrap{width: 990px; margin: 0 auto 40px;}
div.musicTabWrap ul{width: 100%; display: flex; justify-content: space-between; margin: 0 0 40px;}
div.musicTabWrap ul li{width: 132px;}
div.musicTabWrap ul li span{display: block; cursor: pointer; background: #FFF; border-radius: 8px; font-size: 1.5rem; font-weight: bold; color: #043958; line-height: 55px; text-decoration: underline; position: relative;}
div.musicTabWrap ul li span.active{color: #FFF; text-decoration: none; background: #043958;}
div.musicTabWrap ul li span.active::after{content: ""; border-right: 7px solid transparent; border-top: 7px solid #043958; border-left: 7px solid transparent; position: absolute; width: 1px; height: 1px; left: calc(50% - 7px); bottom: -8px;}
div.musicTabWrap p{color: #043958;}
div.musicTabWrap p a{color: #043958; text-decoration: underline;}
div.musicArchiveWrap{background: #FFF; padding: 70px 0 80px;}
div.musicArchiveWrap.index{padding: 45px 0 60px;}
div.musicArchiveWrap div.segment{width: 1160px; display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 0 auto; visibility: hidden; height: 0;}
div.musicArchiveWrap div.segment.active{visibility: visible; height: auto;}
div.musicArchiveWrap div.segment div.block{width: 260px; align-self: stretch; margin: 0 40px 40px 0; position: relative;}
div.musicArchiveWrap div.segment div.block:nth-child(4n){margin-right: 0;}
div.musicArchiveWrap div.segment div.block a{display: block; background: #f4f7fa; border: 3px solid #8ba4b3; border-radius: 25px; box-sizing: border-box; height: 100%; padding: 40px 27px 90px; position: relative;}
div.musicArchiveWrap div.segment div.block p,
div.musicArchiveWrap div.segment div.block h2{color: #043958; text-align: left;}
div.musicArchiveWrap div.segment div.block p{font-size: 1.3rem; line-height: 1.5; font-weight: bold;}
div.musicArchiveWrap div.segment div.block p.img{padding: 0 0 15px; overflow: hidden; text-align: center;}
div.musicArchiveWrap div.segment div.block p.img img{height: 175px; width: auto; box-shadow: 0px 0px 10px 2px rgba(68,68,68,0.1); border-radius: 3px;}
div.musicArchiveWrap div.segment div.block p.img span.no-thumbnail{color:#fff; font-weight:bold; display:flex; margin:0 auto; justify-content:center; align-items:center; width:175px; height:175px; background:#83cdf0; border-radius: 3px;}
div.musicArchiveWrap div.segment div.block p.cap{font-size: 1.3rem; font-weight: 300; padding: 0 0 5px;}
div.musicArchiveWrap div.segment div.block p.btnMore{line-height: 36px; font-size: 1.5rem; background: #043958 url(/National_Library/oe_/https://wacci.jp/img/common/vector_2_right.png?20220414) no-repeat 135px center; background-size: 10px 10px; width: 160px; border-radius: 18px; color: #FFF; font-weight: bold; display: inline-block; text-indent: -5px; position: absolute; left: 0; right: 0; bottom: 30px; margin: 0 auto; text-align: center;}
div.musicArchiveWrap div.segment div.block h2{font-size: 2.0rem; line-height: 1.5; margin: 0 0 10px;}
div.musicArchiveWrap div.segment div.block.new::after{font-size: 1.5rem; line-height: 25px; width: 80px; padding: 27px 0 28px; font-weight: bold; color: #FFF; background: #043958; position: absolute; left: -15px; top: -15px; content: "NEW"; font-family: "Montserrat", Helvetica, Arial, sans-serif; border-radius: 50%; }
div.musicArchiveWrap p.allLink{text-align: right; font-size: 1.5rem; font-weight: bold; width: 1160px; margin: 0 auto;}
div.musicArchiveWrap p.allLink a{background: url(/National_Library/oe_/https://wacci.jp/img/common/vector_1.png?20220414) no-repeat right center; background-size: 16px 16px; padding: 0 23px 0 0;}

div.musicArchiveWrap div.segment.seg5{width: 860px; display: block;}
div.musicArchiveWrap div.segment.seg5 div.block{width: 100%; margin: 0 0 50px 0;}
div.musicArchiveWrap div.segment.seg5 div.block a{padding: 0; _zoom: 1; overflow: hidden;}
div.musicArchiveWrap div.segment.seg5 div.block p.img{padding: 35px 50px 35px 60px; width: 150px; float: left;}
div.musicArchiveWrap div.segment.seg5 div.block p.img img{height: 130px; width: 150px; box-shadow: none;}
div.musicArchiveWrap div.segment.seg5 div.block h2{font-size: 3.5rem; line-height: 1.5; padding-top: 60px; margin: 0 0 5px;}
div.musicArchiveWrap div.segment.seg5 div.block p.btnMore{left: auto; right: 60px;}

div.infoSingleWrap.music{}
div.infoSingleWrap.music div.topWrap{display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center;}
div.infoSingleWrap.music div.topWrap div.titleBlock{width: 350px;}
div.infoSingleWrap.music div.topWrap p.img{width: 310px;}
div.infoSingleWrap.music div.topWrap p.img img{box-shadow: 0px 0px 10px 2px rgba(68,68,68,0.1); border-radius: 4px;}
div.infoSingleWrap.music div.topWrap p.img span.no-thumbnail{color:#fff; font-size:1.8rem; font-weight:bold; display:flex; margin:0 auto; justify-content:center; align-items:center; width:310px; height:310px; background:#83cdf0; border-radius: 3px; text-align:center;}
div.infoSingleWrap.music div.topWrap p{color: #888;}
div.infoSingleWrap.music div.topWrap h1{font-size: 2.4rem; margin: 0 0 5px;}
div.infoSingleWrap.music div.topWrap h1 br{display: none;}
div.infoSingleWrap.music div.trackWrap{margin: 0 0 60px;}
div.infoSingleWrap.music div.trackWrap div.block{border-bottom: 1px solid #e6e6e6; margin: 0 0 15px; padding: 0 200px 15px 0; position: relative; min-height: 40px;}
div.infoSingleWrap.music div.trackWrap p.title{font-size: 1.6rem; margin: 0 0 3px;}
div.infoSingleWrap.music div.trackWrap p.credit{font-size: 1.3rem; margin: 0; color: #888;}
div.infoSingleWrap.music div.trackWrap ul{position: absolute; display: block; right: 0; top: 0; bottom: 0; margin: auto 0; padding: 0; width: 200px; height: 40px; text-align: right;}
div.infoSingleWrap.music div.trackWrap ul li{display: inline-block; margin: 0 0 0 5px; padding: 0;}
div.infoSingleWrap.music div.trackWrap ul li::before{display: none;}
div.infoSingleWrap.music div.trackWrap ul li img{border: 1px solid #043958; border-radius: 1px;}

/* LIVE */
div.liveArchiveWrap{width: 860px; margin: 0 auto 50px;}
div.liveArchiveWrap div.block{margin: 0 0 20px; width: 860px; padding: 0; background: #FFF; border-radius: 12px; display: block; text-align: left; position: relative;}
div.liveArchiveWrap div.block p.date{color: #043958; font-weight: bold; font-size: 1.3rem; margin: 0 0 5px;}
div.liveArchiveWrap div.block p.description{color: #888;}
div.liveArchiveWrap div.block h2{font-size: 1.8rem; font-weight: bold; color: #444; line-height: 1.6; margin: 0 0 5px;}
div.liveArchiveWrap div.titleWrap{padding: 25px 80px 25px 40px; cursor: pointer; position: relative;}
div.liveArchiveWrap div.titleWrap::after{content: ""; width: 40px; height: 40px; background: url(/National_Library/oe_/https://wacci.jp/img/common/mark_toggle_plus.png?20220414) no-repeat center center; background-size: 40px 40px; right: 25px; top: 0; bottom: 0; margin: auto 0; position: absolute;}
div.liveArchiveWrap div.titleWrap.active::after{background: url(/National_Library/oe_/https://wacci.jp/img/common/mark_toggle_minus.png?20220414) no-repeat center center; background-size: 40px 40px;}
div.liveArchiveWrap div.mainWrap{padding: 0 80px 70px 40px; display: none;}
div.liveArchiveWrap div.mainWrap table{width: 100%;}
div.liveArchiveWrap div.mainWrap table th,
div.liveArchiveWrap div.mainWrap table td{font-size: 1.4rem; border-bottom: 1px solid #e6e6e6; padding: 10px 0; text-align: left; vertical-align: top;}
div.liveArchiveWrap div.mainWrap table td a{color: #043958; text-decoration: underline;}
div.liveArchiveWrap div.mainWrap table th{color: #043958; width: 130px;}

/* FORM */
div.infoSingleWrap.form p.title{margin: 0 0 5px;}
div.infoSingleWrap.form img.ui-datepicker-trigger{display: inline-block; padding: 5px 0 0 10px; cursor: pointer;}
div.infoSingleWrap.form img.ui-datepicker-trigger:hover{opacity: 0.8;}
div.infoSingleWrap.form input.txtForm{font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif; font-size: 1.5rem; line-height: 2; padding: 5px 10px; width: 100%; box-sizing: border-box; background: #f5f5f5; border-radius: 4px; margin: 0 0 30px;}
div.infoSingleWrap.form input.txtForm.narrow{width: 320px;}
div.infoSingleWrap.form div.radioWrap{padding: 10px 0 30px;}
div.infoSingleWrap.form div.btnWrap{padding: 30px 0 0; text-align: center;}
div.infoSingleWrap.form input.radio{display: none;}
div.infoSingleWrap.form input.radio + label{padding-left: 20px; position:relative; margin-right: 15px; cursor: pointer;}
div.infoSingleWrap.form input.radio + label::before{content: ""; display: block; position: absolute; top: 0px; left: 0; width: 12px; height: 12px; border: 2px solid #888; border-radius: 50%;}
div.infoSingleWrap.form input.radio:checked + label{color: #043958;}
div.infoSingleWrap.form input.radio:checked + label::before{border-color: #043958;}
div.infoSingleWrap.form input.radio:checked + label::after{content: ""; display: block; position: absolute; top: 5px; left: 5px; width: 6px; height: 6px; background: #043958; border-radius: 50%;}
div.infoSingleWrap.form input.check{display: none;}
div.infoSingleWrap.form input.check + label{padding-left: 20px; position:relative; margin-right: 15px; cursor: pointer; height: 14px;}
div.infoSingleWrap.form input.check + label::before{content: ""; display: block; position: absolute; top: 0px; left: 0; width: 12px; height: 12px; border: 2px solid #888;}
div.infoSingleWrap.form input.check:checked + label{color: #043958;}
div.infoSingleWrap.form input.check:checked + label::before{border-color: #043958;}
div.infoSingleWrap.form input.check:checked + label::after{top: 2px; left: 5px; display: block; width: 4px; height: 6px; border-right: 2px solid #043958; border-bottom: 2px solid #043958; content: ''; transform: rotate(45deg); position: absolute;}

div.infoSingleWrap.form textarea.txtArea{font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif; font-size: 1.5rem; line-height: 2; padding: 10px 10px; width: 100%; height: 200px; box-sizing: border-box; background: #f5f5f5; resize: vertical; margin: 0 0 30px;}
div.infoSingleWrap.form select{-webkit-appearance: button; -moz-appearance: button; appearance: button; font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif; font-size: 1.5rem; line-height: 2; padding: 5px 10px; width: 320px; box-sizing: border-box; background: #f5f5f5 url(/National_Library/oe_/https://wacci.jp/img/page/mark_select.png?20220414) no-repeat 295px center; background-size: 10px 6px; border-radius: 4px; position: relative;}
div.infoSingleWrap.form button{line-height: 36px; font-size: 1.5rem; background: #043958 url(/National_Library/oe_/https://wacci.jp/img/common/vector_2_right.png?20220414) no-repeat 135px center; background-size: 10px 10px; width: 160px; border-radius: 18px; color: #FFF; font-weight: bold; display: inline-block; text-indent: -5px;}
div.infoSingleWrap.form table{}
div.infoSingleWrap.form table th,
div.infoSingleWrap.form table td{padding: 10px 0; background: none; border: none;}
div.infoSingleWrap.form table th{width: 80px;}
div.infoSingleWrap.form table input.txtForm{margin: 0;}

/* FOOTER */
footer.mainFooter{}
footer.mainFooter div.bnWrap{display: flex; justify-content: space-between; width: 990px; flex-wrap: wrap; margin: 0 auto; padding: 70px 0 50px;}
footer.mainFooter div.bnWrap div.block{width: 480px; margin: 0 0 30px;}
footer.mainFooter div.bnWrap div.block a{display: block;}
footer.mainFooter div.bnWrap div.block p.img{margin: 0 0 10px;}
footer.mainFooter div.bnWrap div.block p.title{padding: 0 0 0 25px; background: url(/National_Library/oe_/https://wacci.jp/img/common/vector_1.png?20220414) no-repeat left center; background-size: 16px 16px; text-align: left; color: #444;}
footer.mainFooter div.snsWrap{background: #FFF; padding: 90px 0 30px;}
footer.mainFooter div.snsWrap div.inner{width: 990px; margin: 0 auto; display: flex; justify-content: space-between;}
footer.mainFooter div.snsWrap div.inner div{width: 300px;}
footer.mainFooter div.snsWrap div.inner h2{text-align: center; font-size: 1.8rem; font-weight: bold; margin: 0 0 15px; line-height: 20px;}
footer.mainFooter div.snsWrap div.inner h2.tw{color: #169fef;}
footer.mainFooter div.snsWrap div.inner h2.fb{color: #4064b0;}
footer.mainFooter div.snsWrap div.inner h2.line{color: #00b400;}
footer.mainFooter div.snsWrap div.inner h2.instagram{color: #de4639;}
footer.mainFooter div.snsWrap div.inner h2.blog{color: #043958;}
footer.mainFooter div.snsWrap div.inner p.bn{margin: 0 0 40px;}
footer.mainFooter div.snsWrap div.twBlock{width: 1005; height: 372px; overflow: hidden; overflow-y: scroll; border-top: 3px solid #169fef; padding: 5px 0 0;}
footer.mainFooter div.snsWrap p.btnContact{text-align: right; padding: 0 2.5%;}
footer.mainFooter div.bottomBar{height: 20px; background: #043958; padding: 25px 2.5% 25px 5%;}
footer.mainFooter div.bottomBar p.copyright{color: #FFF; font-size: 1.2rem; font-weight: bold; float: left; line-height: 20px;}
footer.mainFooter div.bottomBar ul.snsList{width: 300px; float: right; display: block;}
footer.mainFooter div.bottomBar ul.snsList li{display: inline-block; text-align: right; margin: 0 0 0 10px;}
footer.mainFooter p.pageTop{height: 60px; background: #e7eef3;}
footer.mainFooter p.pageTop a{display: inline-block; transform: translateY(-70px);}
footer.mainFooter p.pageTop a img.on{display: none;}
footer.mainFooter p.pageTop a:hover img.off{display: none;}
footer.mainFooter p.pageTop a:hover img.on{display: inline;}

/* FOR SMALL PC OR TABLET DEVICE */
@media screen and (max-width: 1200px){
    div.indexMiddleWrap div.inner{width: 90%;}
    div.indexMiddleWrap div.infoBlock h2{width: 25%;}
    div.indexMiddleWrap div.infoBlock div.main{width: 70%;}
    div.indexMiddleWrap div.videoWrap div.block{width: calc(50% - 55px); padding: 20px;}
    div.indexMiddleWrap div.videoWrap div.youTube{}
    div.indexMiddleWrap div.videoWrap div.youTube iframe{}
    div.indexMiddleWrap p.liveBanner img{width: 100%; height: auto;}

    div.musicArchiveWrap div.segment{width: 860px;}
    div.musicArchiveWrap div.segment div.block:nth-child(4n){margin-right: 40px;}
    div.musicArchiveWrap div.segment div.block:nth-child(3n){margin-right: 0;}
    div.musicArchiveWrap.index div.segment div.block:last-child{display: none;}
    div.musicArchiveWrap p.allLink{width: 860px;}
}

/* FORM */
div.infoSingleWrap.form div.btnWrap{display:flex; justify-content:center;}
div.infoSingleWrap.form dt{margin: 0 0 5px; font-weight: bold; }
div.infoSingleWrap.form dd {font-size: 1.5rem; line-height: 2; padding: 5px 10px; width: 100%; box-sizing: border-box; background: #f5f5f5; border-radius: 4px; margin: 0 0 30px; min-height:40px;}
div.infoSingleWrap.form button.send{ text-indent:-9px; margin-left: 10px;}

/* button (FORM , 404) */
div.infoSingleWrap.form div.btnWrap a.back{text-decoration: none; line-height: 36px; font-size: 1.5rem; width: 160px; border-radius: 18px; color: #FFF; font-weight: bold; display: inline-block;}
div.infoSingleWrap.form .back{background: #043958 url(/National_Library/oe_/https://wacci.jp/img/common/vector_2_left.png?20220414) no-repeat 15px center; background-size: 10px 10px; text-indent:10px; margin-right: 10px;}

/* 404 */
div.infoSingleWrap.form p.message{margin-bottom:0;}
div.infoSingleWrap.form div.inner{display: flex;align-items: center; justify-content: center; margin-bottom:20px;}
div.infoSingleWrap.form div.inner div.logoDog{;width:100px; margin-right:20px;}

/* MEDIA */
div.mainContent  ul.mediaCatList { display: flex; justify-content: center; flex-wrap: wrap; font-size: 1.5rem; padding: 0 0 50px; }
div.mainContent  ul.mediaCatList li { padding: 0 10px 5px; }
div.mainContent  ul.mediaCatList li a { color: #043958; text-decoration: underline; }
div.mainContent  ul.mediaCatList li a.on { font-weight: bold; text-decoration: none; }


/* ::::::::::::::::::::::::::::::::: PC ::::::::::::::::::::::::::::::::: */
@media screen and (min-width: 1000px){
    .sp{display:none!important;}

    .hoverAlpha{transition: opacity 0.2s ease;}
    .hoverAlpha:hover{opacity: 0.8;}

}

/* ::::::::::::::::::::::::::::::::: SP ::::::::::::::::::::::::::::::::: */
@media screen and (max-width: 999px){
    .pc{display:none!important;}

    /* HEADER */
    header.mainHeader{height: 50px; transition: height 0.4s ease;}
    header.mainHeader::before { width: 165px; height: 65px; background: url(/National_Library/oe_/https://wacci.jp/img/common/header_bg_sp.png?20220414) no-repeat left top; background-size: 165px 65px; }
    header.mainHeader p.siteTitle,
    header.mainHeader h1.siteTitle{ padding: 20px 0 0 20px; }
    header.mainHeader p.siteTitle a img,
    header.mainHeader h1.siteTitle a img{width: 100px; height: 20px;}
    header.mainHeader ul.menuList{height: 330px; padding: 0; position: absolute; width: 100%; left: 0; top: 0; bottom: 0; margin: auto 0; visibility: hidden; opacity: 0; transition: opacity 0.4s ease;}
    header.mainHeader ul.menuList li{display: block; padding: 0; height: 50px;}
    header.mainHeader ul.menuList li a{line-height: 28px; margin: 11px 0;}
    header.mainHeader ul.menuList li.active a{}
    header.mainHeader ul.menuList li:last-child{padding: 0 0 0 10px;}
    header.mainHeader ul.snsList{width: 100%; height: 20px; right: 0; top: auto; bottom: 0; padding: 30px 0; justify-content: center; background: #e7eef3; visibility: hidden; opacity: 0; transition: opacity 0.4s ease;}
    header.mainHeader ul.snsList li{margin: 0 7px;}
    header.mainHeader.on{height: 100%;}
    header.mainHeader.on ul.menuList{visibility: visible; opacity: 1;}
    header.mainHeader.on ul.snsList{visibility: visible; opacity: 1;}
    header.mainHeader button.menuOpenBtn{display: block; width: 50px; height: 30px; box-sizing: content-box; line-height: 30px; padding: 0 30px 0 0; text-align: right; color: #043958; font-size: 1.1rem; font-weight: bold; position: absolute; right: 5%; top: 10px; background: url(/National_Library/oe_/https://wacci.jp/img/common/btn_sp_menu_open.png?20220414) no-repeat right center; background-size: 30px 30px; z-index: 500;}
    header.mainHeader button.menuOpenBtn::before{content: "MENU";}
    header.mainHeader button.menuOpenBtn.on{background: url(/National_Library/oe_/https://wacci.jp/img/common/btn_sp_menu_close.png?20220414) no-repeat right center; background-size: 30px 30px;}
    header.mainHeader button.menuOpenBtn.on::before{content: "CLOSE";}

    /* MAIN CONTENT */
    div.wrap{padding: 50px 0 0;}
    div.mainContent{margin: 0;}
    div.mainContent div.segment{}
    div.mainContent h1.pageTitle,
    div.mainContent h2.pageTitle,
    div.mainContent p.pageTitle{padding: 60px 5% 30px; font-size: 1.9rem;}
    div.mainContent h2.pageTitle{padding-top: 20px;}

    /* INDEX */
    div.indexTopWrap{min-height: inherit; margin-top: -50px; padding-top: 50px;}
    div.indexTopWrap p.scrollMark{right: 2%; bottom: 40px; width: 50px; height: 50px;}
    div.indexTopWrap p.scrollMark img{width: 50px; height: 50px;}
    div.indexTopWrap div.newsWrap{width: 90%; height: 30px; left: 5%; bottom: 15px;}
    div.indexTopWrap div.newsWrap p.cap{width: 85px;}
    div.indexTopWrap div.newsWrap div.marqueeBlock{width: calc(100% - 95px);}
    div.indexTopWrap div.newsWrap div.marqueeBlock a{width: 2000%;}
    div.indexTopWrap div.newsWrap div.marqueeBlock p{}
    div.mainVisualWrap{width: 90%; height: calc(100% - 110px); top: 50px; left: 5%; border-radius: 10px 10px 0 10px; border-radius: 0; border: none;}
    div.mainVisualWrap::before{width: 145px; height: 30px; background: url(/National_Library/oe_/https://wacci.jp/img/index/cap_1_sp.png?20220414) no-repeat left top; background-size: contain;}
    div.mainVisualWrap::after{width: 70px; height: 70px; background: url(/National_Library/oe_/https://wacci.jp/img/index/cap_2_sp.png?20220414) no-repeat right bottom; background-size: 70px 70px; }
    div.mainVisualWrap h1{height: calc(100% - 80px); transform: translateY(-35px); background: url(/National_Library/oe_/https://wacci.jp/img/index/logo_sp.png?20220414) no-repeat center center; background-size: contain;}
    div.mainVisualWrap h1.on{transform: translateY(-15px);}
    div.mainVisualWrap p.base{height: calc(100% - 70px); border-radius: 10px 10px 0 0;}
    div.mainVisualWrap p.base span.sld2{background: url(/National_Library/oe_/https://wacci.jp/img/index/main_photo2_sp.jpg?20220414) no-repeat center bottom; background-size: cover;}
    div.mainVisualWrap p.base span.sld1{background: url(/National_Library/oe_/https://wacci.jp/img/index/main_photo_sp.jpg?20220414) no-repeat top center; background-size: cover;}
    div.mainVisualWrap ul.btnList{right: 15px; top: 15px;}
    div.mainVisualWrap ul.btnList.on{}
    div.mainVisualWrap ul.btnList li{width: 6px; height: 6px; margin: 0 0 0 7px;}
    div.mainVisualWrap ul.btnList li.on{}
    /*div.mainVisualWrap p.cd{width: 100%; height: 130px; position: absolute; left: 0; bottom: 0; background: #ea9696; text-align: center;}*/
    div.mainVisualWrap p.cd{width: 100%; height: 70px; position: absolute; left: 0; bottom: 0;}
    div.mainVisualWrap p.cd a{display: block; width: 100%; text-align: left;}
    /*div.mainVisualWrap p.cd a:first-child{background: #ea9696; padding: 0 0 0 calc((100% - 280px) / 2);}
    div.mainVisualWrap p.cd a:last-child{background: #6983cb; padding: 0 0 0 calc((100% - 280px) / 2);}*/
	div.mainVisualWrap p.cd a:first-child{background: #A63E31; padding: 0 0 0 calc((100% - 280px) / 2); border-radius: 0 0 0 10px; }
    div.mainVisualWrap p.load{top: calc(50% - 50px); bottom: inherit;}
    div.mainVisualWrap p.load.on{}

    div.indexBNWrap { padding: 15px 0; }
    div.indexBNWrap div.inner {}
    div.indexBNWrap ul.bnList { }
    div.indexBNWrap ul.bnList li { padding: 0 6px; }
    div.indexBNWrap ul.bnList li img { width: 200px; height: 100px; }
    div.indexBNWrap ul.bnList button { width: 25px; height: 50px; top: 15px; background-size: 25px 50px; }
    div.indexBNWrap ul.bnList button:hover { opacity: 0.1; }
    div.indexBNWrap ul.bnList button.slick-next { }

    div.indexMiddleWrap{padding: 30px 0 30px;}
    div.indexMiddleWrap h2.pageTitle{padding: 0 0 20px;}
    div.indexMiddleWrap div.inner{width: 90%;}
    div.indexMiddleWrap div.infoBlock{border-radius: 10px; margin: 0 0 30px; padding: 30px 6% 0; display: block;}
    div.indexMiddleWrap div.infoBlock h2{width: 100%; font-size: 1.7rem;}
    div.indexMiddleWrap div.infoBlock div.main{width: 100%; padding: 20px 0 40px 0;}
    div.indexMiddleWrap div.infoBlock ul{}
    div.indexMiddleWrap div.infoBlock ul li{}
    div.indexMiddleWrap div.infoBlock a{}
    div.indexMiddleWrap div.infoBlock p.date{}
    div.indexMiddleWrap div.infoBlock p.title{}
    div.indexMiddleWrap div.videoWrap{display: block; margin: 0 0 10px;}
    div.indexMiddleWrap div.videoWrap div.block{width: calc(100% - 20px); padding: 10px; border-radius: 10px; margin: 0 0 20px;}
    div.indexMiddleWrap div.videoWrap div.youTube{}
    div.indexMiddleWrap div.videoWrap div.youTube iframe{}
    div.indexMiddleWrap p.liveBanner{margin: 0 auto 30px; border-radius: 10px; max-width: 500px;}

    @keyframes scrollMarkMove{
        0%{transform: translate(0, 0); opacity: 1;}
        50%{transform: translate(0, 5px); opacity: 0.6;}
        100%{transform: translate(0, 0); opacity: 1;}
    }

    /* BIOGRAPHY */
    div.bioTopWrap{width: 80%; max-width: 600px; margin: 0 auto 30px;}
    div.bioTopWrap p{line-height: 1.7;}
    div.bioTopWrap p.cap{}
    div.bioTopWrap p.title{font-size: 2.0rem;}
    div.bioMemberWrap{width: 80%; max-width: 600px; display: block; margin: 0 auto 50px;}
    div.bioMemberWrap div.block{width: calc(100% - 60px); padding: 30px 30px 10px; margin: 0 0 20px; border-radius: 10px;}
    div.bioMemberWrap p.img{}
    div.bioMemberWrap p.img img{width: 100%; height: auto;}
    div.bioMemberWrap p.name{}
    div.bioMemberWrap p.name.en{}
    div.bioMemberWrap p.position{}
    div.bioMemberWrap p.profile{}
    div.bioMemberWrap ul.snsList{}
    div.bioMemberWrap ul.snsList li{}
    div.historyWrap{padding: 55px 0 30px;}
    div.historyWrap div.inner{width: 90%; margin: 0 auto;}
    div.historyWrap div.block{padding: 0 0 10px;}
    div.historyWrap div.main{padding: 10px 0 0 80px;}
    div.historyWrap p{line-height: 1.7;}
    div.historyWrap p.cap{font-size: 1.3rem; line-height: 20px; width: 70px; padding: 25px 0 25px; background-size: contain; left: -5px; top: -15px; }

    /* INFORMATION */
    div.infoArchiveWrap{width: 100%; margin: 0 auto 30px;}
    div.infoArchiveWrap div.block{}
    div.infoArchiveWrap div.block a{width: 73%; padding: 15px 11% 15px 6%; margin: 0 auto; border-radius: 10px;}
    div.infoArchiveWrap div.block a::after{right: 4%;}
    div.infoArchiveWrap div.block p.date{}
    div.infoArchiveWrap div.block h2{font-size: 1.5rem; line-height: 1.5;}
    ul.page-numbers{margin: 0 0 20px;}
    ul.page-numbers li{}
    ul.page-numbers li a{}
    ul.page-numbers li a:hover{}
    ul.page-numbers li span{}

    div.infoSingleWrap{width: 78%; padding: 40px 6% 40px; margin: 0 auto 40px; border-radius: 10px;}
    div.infoSingleWrap p{}
    div.infoSingleWrap p.date{}
    div.infoSingleWrap h1{font-size: 1.8rem; margin: 0 0 30px;}
    div.infoSingleWrap h2{font-size: 1.75rem;}
    div.infoSingleWrap h3{font-size: 1.7rem;}
    div.infoSingleWrap h4{font-size: 1.65rem;}
    div.infoSingleWrap h5{font-size: 1.6rem;}
    div.infoSingleWrap h6{font-size: 1.55rem;}
    div.infoSingleWrap p.email{}
    div.infoSingleWrap p.email a{}

    /* MUSIC */
    div.musicTabWrap{width: 90%; margin: 0 auto 40px;}
    div.musicTabWrap ul{width: 100%; margin: 0 0 15px; flex-wrap: wrap;}
    div.musicTabWrap ul li{width: 48%; margin: 0 0 15px;}
    div.musicTabWrap ul li span{line-height: 45px;}
    div.musicTabWrap ul li span.active{}
    div.musicTabWrap ul li span.active::after{display: none;}
    div.musicTabWrap p{}
    div.musicTabWrap p a{}

    div.musicArchiveWrap div.segment{width: 560px;}
    div.musicArchiveWrap div.segment div.block:nth-child(4n){margin-right: 40px;}
    div.musicArchiveWrap div.segment div.block:nth-child(3n){margin-right: 40px;}
    div.musicArchiveWrap div.segment div.block:nth-child(2n){margin-right: 0;}
    div.musicArchiveWrap.index div.segment div.block:last-child{display: none;}
    div.musicArchiveWrap p.allLink{width: 560px;}

    @media screen and (max-width: 680px){
        div.musicArchiveWrap{padding: 40px 0 20px;}
        div.musicArchiveWrap.index{padding: 20px 0 20px;}
        div.musicArchiveWrap div.segment{width: 90%; max-width: 450px; display: block;}
        div.musicArchiveWrap div.segment.active{}
        div.musicArchiveWrap div.segment div.block{width: 100%; margin: 0 0 30px 0;}
        div.musicArchiveWrap div.segment div.block:nth-child(4n){}
        div.musicArchiveWrap div.segment div.block a{border-radius: 10px; padding: 40px 6% 90px;}
        div.musicArchiveWrap div.segment div.block p,
        div.musicArchiveWrap div.segment div.block h2{}
        div.musicArchiveWrap div.segment div.block p.img{}
        div.musicArchiveWrap div.segment div.block p.img img{height: auto; width: 180px;}
        div.musicArchiveWrap div.segment div.block p.cap{}
        div.musicArchiveWrap div.segment div.block p.description{}
        div.musicArchiveWrap div.segment div.block p.btnMore{}
        div.musicArchiveWrap div.segment div.block h2{}
        div.musicArchiveWrap div.segment div.block h2 br{display: none;}
        div.musicArchiveWrap div.segment div.block.new::after{font-size: 1.2rem; line-height: 20px; width: 70px; padding: 25px 0 25px; background-size: contain; left: -12px; top: -12px;}
        div.musicArchiveWrap p.allLink{width: 90%; margin: -10px auto 15px;}
        div.musicArchiveWrap p.allLink a{}


    }


    div.musicArchiveWrap div.segment.seg5{width: 90%;}
    div.musicArchiveWrap div.segment.seg5 div.block{width: 100%; margin: 0 0 30px 0;}
    div.musicArchiveWrap div.segment.seg5 div.block a{padding: 0 0 90px;}
    div.musicArchiveWrap div.segment.seg5 div.block p.img{padding: 35px 0 15px; width: 150px; float: none; margin: 0 auto;}
    div.musicArchiveWrap div.segment.seg5 div.block p.img img{}
    div.musicArchiveWrap div.segment.seg5 div.block h2{text-align: center; padding-top: 0; margin: 0 0 5px;}
    div.musicArchiveWrap div.segment.seg5 div.block p.description{text-align: center;}
    div.musicArchiveWrap div.segment.seg5 div.block p.btnMore{left: 0; right: 0; margin: 0 auto;}

    div.musicArchiveWrap.index div.segment div.block:last-child{display: block;}

    div.infoSingleWrap.music{}
    div.infoSingleWrap.music div.topWrap{display: block;}
    div.infoSingleWrap.music div.topWrap div.titleBlock{width: 100%;}
    div.infoSingleWrap.music div.topWrap p.img{width: 100%;}
    div.infoSingleWrap.music div.topWrap p.img img{}
    div.infoSingleWrap.music div.topWrap p.description{}
    div.infoSingleWrap.music div.topWrap h1{font-size: 1.8rem; margin: 0 0 5px;}
    div.infoSingleWrap.music div.topWrap h1 br{}
    div.infoSingleWrap.music div.trackWrap{margin: 0 0 30px;}
    div.infoSingleWrap.music div.trackWrap div.block{margin: 0 0 15px; padding: 0 0 15px 0;}
    div.infoSingleWrap.music div.trackWrap p.title{}
    div.infoSingleWrap.music div.trackWrap p.credit{margin: 0 0 10px;}
    div.infoSingleWrap.music div.trackWrap ul{position: relative; display: block; width: 100%; height: 23px; text-align: right;}
    div.infoSingleWrap.music div.trackWrap ul li{}
    div.infoSingleWrap.music div.trackWrap ul li::before{}
    div.infoSingleWrap.music div.trackWrap ul li img{}

    /* LIVE */
    div.liveArchiveWrap{width: 90%; margin: 0 auto 40px;}
    div.liveArchiveWrap div.block{width: 100%; border-radius: 10px;}
    div.liveArchiveWrap div.block p.date{}
    div.liveArchiveWrap div.block p.description{font-size: 1.35rem; line-height: 1.6;}
    div.liveArchiveWrap div.block h2{font-size: 1.55rem; line-height: 1.5;}
    div.liveArchiveWrap div.titleWrap{padding: 20px 6% 20px 6%;}
    div.liveArchiveWrap div.titleWrap::after{width: 30px; height: 30px; background-size: 30px 30px; right: 3%; top: 12px; bottom: auto;}
    div.liveArchiveWrap div.titleWrap.active::after{background-size: 30px 30px;}
    div.liveArchiveWrap div.mainWrap{padding: 0 6% 30px 6%;}
    div.liveArchiveWrap div.mainWrap table{}
    div.liveArchiveWrap div.mainWrap table th,
    div.liveArchiveWrap div.mainWrap table td{}
    div.liveArchiveWrap div.mainWrap table th{width: 70px;}

    /* FORM */
    div.infoSingleWrap.form p.title{}
    div.infoSingleWrap.form img.ui-datepicker-trigger{}
    div.infoSingleWrap.form img.ui-datepicker-trigger:hover{}
    div.infoSingleWrap.form input.txtForm{}
    div.infoSingleWrap.form input.txtForm.narrow{width: 70%;}
    div.infoSingleWrap.form div.radioWrap{padding: 10px 0 20px;}
    div.infoSingleWrap.form div.btnWrap{padding: 20px 0 0;}
    div.infoSingleWrap.form input.radio{}
    div.infoSingleWrap.form input.radio + label{display: inline-block; margin-bottom: 10px;}
    div.infoSingleWrap.form input.radio + label::before{top: 3px;}
    div.infoSingleWrap.form input.radio:checked + label{}
    div.infoSingleWrap.form input.radio:checked + label::before{}
    div.infoSingleWrap.form input.radio:checked + label::after{top: 8px;}
    div.infoSingleWrap.form input.check{}
    div.infoSingleWrap.form input.check + label{display: inline-block; margin-bottom: 10px;}
    div.infoSingleWrap.form input.check + label::before{top: 3px;}
    div.infoSingleWrap.form input.check:checked + label{}
    div.infoSingleWrap.form input.check:checked + label::before{}
    div.infoSingleWrap.form input.check:checked + label::after{top: 6px;}

    div.infoSingleWrap.form textarea.txtArea{}
    div.infoSingleWrap.form select{width: 100%; background: #f5f5f5 url(/National_Library/oe_/https://wacci.jp/img/page/mark_select.png?20220414) no-repeat 94% center; background-size: 10px 6px; border-radius: 4px; position: relative;}
    div.infoSingleWrap.form button{}
    div.infoSingleWrap.form table{}
    div.infoSingleWrap.form table th,
    div.infoSingleWrap.form table td{}
    div.infoSingleWrap.form table th{}
    div.infoSingleWrap.form table input.txtForm{}

    div.wideTable{overflow-x: auto; -webkit-overflow-scrolling: touch;}
    div.wideTable::after{display: block; content: "※この表は横にスクロールできます"; font-size: 1.3rem; color: #999; margin: -15px 0 0; padding: 0 0 30px; text-align: left;}
    div.wideTable table{min-width: 600px;}


    /* FORM */
    @media (max-width: 480px) {
      div.infoSingleWrap.form div.btnWrap{display:block; margin-bottom:50px;}
      div.infoSingleWrap.form .back{margin-right: 0px; margin:0 auto 20px; display:block;}
      div.infoSingleWrap.form button.send{margin-left: 0px; margin:0 auto; display:block;}
    }

    /* 404 */
    @media (max-width: 680px) {
    div.infoSingleWrap.form div.inner{display: block;}
    div.infoSingleWrap.form div.inner div.logoDog{text-align: center; margin:0 auto 20px;}
    div.infoSingleWrap.form p.message{width:100%;}
    div.infoSingleWrap.form.error .btnWrap{margin-bottom: 0;}
}

    /* MEDIA */
    div.mainContent  ul.mediaCatList {padding: 0 0 30px; }
    div.mainContent  ul.mediaCatList li { padding: 0 5px 5px; }
    div.mainContent  ul.mediaCatList li a { }
    div.mainContent  ul.mediaCatList li a.on { }


    /* FOOTER */
    footer.mainFooter{}
    footer.mainFooter div.bnWrap{display: block; width: 90%; max-width: 600px; padding: 50px 5% 30px;}
    footer.mainFooter div.bnWrap div.block{width: 100%; margin: 0 0 20px;}
    footer.mainFooter div.bnWrap div.block a{}
    footer.mainFooter div.bnWrap div.block p.img{}
    footer.mainFooter div.bnWrap div.block p.img img{width: 100%; height: auto;}
    footer.mainFooter div.bnWrap div.block p.title{}
    footer.mainFooter div.snsWrap{padding: 50px 0 30px;}
    footer.mainFooter div.snsWrap div.inner{width: 90%; max-width: 600px; display: block;}
    footer.mainFooter div.snsWrap div.inner div{width: 100%; margin: 0 0 30px;}
    footer.mainFooter div.snsWrap div.inner h2{}
    footer.mainFooter div.snsWrap div.inner p.bn{margin: 0 0 40px;}
    footer.mainFooter div.snsWrap div.inner p.bn img{width: 100%; height: auto;}
    footer.mainFooter div.snsWrap div.twBlock{width: 100%;}
    footer.mainFooter div.snsWrap p.btnContact{text-align: center; padding: 0 0 60px 10px;}
    footer.mainFooter div.bottomBar{height: auto; padding: 25px 5% 20px 5%;}
    footer.mainFooter div.bottomBar p.copyright{text-align: center; float: none;}
    footer.mainFooter div.bottomBar ul.snsList{width: 100%; float: none;}
    footer.mainFooter div.bottomBar ul.snsList li{text-align: center; margin: 0 5px 10px 0;}
    footer.mainFooter p.pageTop{}
    footer.mainFooter p.pageTop a{}
    footer.mainFooter p.pageTop a img.on{}
    footer.mainFooter p.pageTop a:hover img.off{}
    footer.mainFooter p.pageTop a:hover img.on{}

    .fb_iframe_widget,
    .fb_iframe_widget span,
    .fb_iframe_widget iframe[style]{
        width: 100% !important;
    }


}