body { margin: 0; padding: 0; }

html, body { height: 100%; }

img { line-height: 0; font-size: 0; border: 0; }

a img, fieldset, img { border: 0; }

blockquote, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, ul, li, ol, p, pre, span, td, th { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6, p, address { font-size: 100%; }

ul, li, ol { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }

a:link, a:visited { color: #1b1b1b; text-decoration: none; }

a:hover, a:active { color: #1b1b1b; text-decoration: none; }

a { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

/*a:hover {filter:alpha(opacity=80);-moz-opacity: 0.80;opacity: 0.80;}*/
hr { display: none; }

.cf:before, .secBox:before, .cf:after, .secBox:after { content: " "; display: table; }

.cf:after, .secBox:after { clear: both; }

.cf, .secBox { *zoom: 1; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

#container { margin: 0 auto; text-align: center; line-height: 160%; min-width: 1200px; overflow-x: hidden; font-size: 16px; font-family: 'Noto Sans JP', sans-serif; font-weight: 700; }

.pc, #main img, #information img, .section img { display: block; }

.sp, img.sp { display: none !important; }

.cInner { width: 1100px; margin: 0 auto; text-align: center; position: relative; }

#content { overflow: hidden; padding-bottom: 180px; }

/*-------------------------------------------------
	++ HOME MAIN 
-------------------------------------------------*/
#main { height: 730px; color: #FFF; background: url("../img/main.jpg") no-repeat center top; background-size: 100%; position: relative; }
#main .cInner { width: 1200px; padding-top: 60px; }
#main .mainDetail { width: 640px; margin: 0 0 0 100px; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); }
#main .mainDetail .catch { font-size: 24px; line-height: 38px; margin-bottom: 20px; }
#main .mainDetail .text { border-top: 2px solid #FFF; border-bottom: 2px solid #FFF; padding: 15px 0; font-size: 18px; line-height: 32px; }

@media (max-width: 1920px) { #main { background-size: 1920px auto; } }
/*-------------------------------------------------
	++ HOME CONTENTS 
-------------------------------------------------*/
.section { position: relative; padding: 150px 0 45px 0; }
.section:before { content: ""; display: block; width: 100%; position: absolute; top: 270px; }
.section .logo { position: absolute; top: 0; }
.section .detail { text-align: left; padding-top: 45px; }
.section .detail h2 { font-size: 38px; font-weight: 900; margin-bottom: 20px; }
.section .detail h2 span { display: inline-block; margin-right: 15px; }
.section .detail .text { font-size: 24px; letter-spacing: 1px; line-height: 180%; }
.section .link a { display: inline-block; text-align: center; width: 270px; border-radius: 30px; background-color: #FFF; padding: 16px; font-size: 24px; box-shadow: 4px 8px 0 0 rgba(0, 0, 0, 0.3); letter-spacing: 2px; border: 2px solid #FFF; }
.section#campaignsong:before { background-color: #fed76e; height: 800px; left: 50%; margin-left: -450px; }
.section#campaignsong .photo { padding-top: 70px; }
.section#campaignsong .jt { position: absolute; top: 565px; right: 30px; }
.section#campaignsong .logo { right: -65px; }
.section#campaignsong .detail { width: 780px; padding-left: 140px; }
.section#livemusic:before { background-color: #14416a; height: 950px; right: 50%; margin-right: -450px; }
.section#livemusic .program { padding-top: 65px; }
.section#livemusic .program ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.section#livemusic .program ul li { width: 48%; background-color: #E5E5E5; padding: 80px 50px 60px 50px; }
.section#livemusic .program ul li:nth-of-type(1) { margin-right: 4%; }
.section#livemusic .program ul li .pgLogo { margin-bottom: 65px; }
.section#livemusic .program ul li .text { text-align: left; font-size: 20px; line-height: 34px; margin-bottom: 40px; }
.section#livemusic .program ul li .link a { background: #FFF url("../img/out_blue.png") no-repeat right 20px center; color: #14416a; }
.section#livemusic .program ul li .link a:hover { background: #14416a url("../img/out_white.png") no-repeat right 20px center; color: #FFF; }
.section#livemusic .logo { left: -30px; }
.section#livemusic .detail { color: #FFF; padding-right: 135px; }
.section#onairarchive:before { background-color: #066a68; height: 880px; left: 50%; margin-left: -450px; }
.section#onairarchive .photo { padding-top: 70px; }
.section#onairarchive .logo { right: -95px; }
.section#onairarchive .detail { padding-left: 145px; color: #FFF; }
.section#onairarchive .detail .text { margin-bottom: 45px; }
.section#onairarchive .detail h2 span { vertical-align: sub; margin-right: 3px; }
.section#onairarchive .detail .link a { background: #FFF url("../img/link_green.png") no-repeat right 20px center; color: #066a68; }
.section#onairarchive .detail .link a:hover { background: #066a68 url("../img/link_white.png") no-repeat right 20px center; color: #FFF; }
.section#metrosongs:before { background-color: #f29f8f; height: 820px; right: 50%; margin-right: -450px; }
.section#metrosongs .photo { padding-top: 70px; }
.section#metrosongs .logo { left: -50px; }
.section#metrosongs .detail { padding-right: 165px; color: #FFF; }
.section#metrosongs .detail .text { margin-bottom: 45px; }
.section#metrosongs .detail h2 span { vertical-align: sub; margin-right: 3px; }
.section#metrosongs .detail .link a { background: #FFF url("../img/out_pink.png") no-repeat right 20px center; color: #f29f8f; }
.section#metrosongs .detail .link a:hover { background: #f29f8f url("../img/out_white.png") no-repeat right 20px center; color: #FFF; }
.section#handstogether:before { background-color: #ffab53; height: 1080px; left: 50%; margin-left: -450px; }
.section#handstogether .photo { padding-top: 70px; }
.section#handstogether .logo { left: -48px; top: 10px; }
.section#handstogether .detail { padding-left: 145px; color: #FFF; }
.section#handstogether .detail .text { margin-bottom: 45px; }
.section#handstogether .detail h2 span { vertical-align: sub; margin-right: 3px; }
.section#handstogether .detail .link a { background: #FFF url("../img/link_orange.png") no-repeat right 20px center; color: #ffab53; width: 360px; }
.section#handstogether .detail .link a:hover { background: #ffab53 url("../img/link_white.png") no-repeat right 20px center; color: #FFF; }

/*-------------------------------------------------
	++ SUB MAIN 
-------------------------------------------------*/
#submain { height: 500px; color: #FFF; background: url("../img/onairarchive/onairarchive_main.jpg") no-repeat center top; background-size: 100%; position: relative; padding-top: 40px; }
#submain h1 { margin-bottom: 60px; }
#submain h2 img.pc { margin: 0 auto; text-align: center; }
#submain .mainDetail { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); }
#submain .mainDetail .text { padding: 15px 0; font-size: 18px; line-height: 38px; letter-spacing: 1px; }

body.handstogether #submain { background: url("../img/handstogether/handstogether_main.jpg") no-repeat center top; background-size: 100%; }
body.handstogether #submain h1 { margin-bottom: 60px; }

@media (max-width: 1920px) { #submain { background-size: 1920px auto !important; } }
/*-------------------------------------------------
	++ SUB CONTENTS 
-------------------------------------------------*/
.subSection { padding-top: 150px; }
.subSection .secHead { margin: 0 auto; text-align: center; margin-bottom: 60px; }
.subSection .secHead h2 span { display: block; color: #066a68; font-size: 20px; margin-top: 10px; }
.subSection .secHead .catList { margin-top: 44px; }
.subSection .secHead .catList ul li { width: 32%; margin-right: 2%; margin-bottom: 30px; float: left; }
.subSection .secHead .catList ul li:nth-of-type(3n) { margin-right: 0; }
.subSection .secHead .catList ul li a { display: block; padding: 25px; border: 2px solid #1b1b1b; border-radius: 40px; font-size: 20px; position: relative; background-color: #FFF; background-repeat: no-repeat; background-position: 20px center; background-size: 50px; }
.subSection .secHead .catList ul li a:after { content: ''; width: 16px; height: 16px; border: 0px; border-top: solid 2px #1b1b1b; border-right: solid 2px #1b1b1b; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 50%; right: 30px; margin-top: -10px; transition: all 0.3s ease-in; }
.subSection .secHead .catList ul li a.current, .subSection .secHead .catList ul li a:hover { color: #FFF; background-repeat: no-repeat; background-position: 20px center; background-size: 50px; }
.subSection .secHead .catList ul li a.current:after, .subSection .secHead .catList ul li a:hover:after { border-color: #FFF; }
.subSection .secHead .catList ul li.all a { background-image: url("../img/onairarchive/caticon_all_off.png"); }
.subSection .secHead .catList ul li.all a.current, .subSection .secHead .catList ul li.all a:hover { background-color: #066a68; background-image: url("../img/onairarchive/caticon_all_on.png"); }
.subSection .secHead .catList ul li.all a.current:after, .subSection .secHead .catList ul li.all a:hover:after { border-color: #FFF; }
.subSection .secHead .catList ul li.music a { background-image: url("../img/onairarchive/caticon_music_off.png"); }
.subSection .secHead .catList ul li.music a.current, .subSection .secHead .catList ul li.music a:hover { background-color: #fed76e; color: #1b1b1b; }
.subSection .secHead .catList ul li.music a.current:after, .subSection .secHead .catList ul li.music a:hover:after { border-color: #1b1b1b; }
.subSection .secHead .catList ul li.enjoy a { background-image: url("../img/onairarchive/caticon_enjoy_off.png"); }
.subSection .secHead .catList ul li.enjoy a.current, .subSection .secHead .catList ul li.enjoy a:hover { background-color: #f57454; background-image: url("../img/onairarchive/caticon_enjoy_on.png"); }
.subSection .secHead .catList ul li.relax a { background-image: url("../img/onairarchive/caticon_relax_off.png"); }
.subSection .secHead .catList ul li.relax a.current, .subSection .secHead .catList ul li.relax a:hover { background-color: #14416a; background-image: url("../img/onairarchive/caticon_relax_on.png"); }
.subSection .secHead .catList ul li.know a { background-image: url("../img/onairarchive/caticon_know_off.png"); }
.subSection .secHead .catList ul li.know a.current, .subSection .secHead .catList ul li.know a:hover { background-color: #82bd5a; background-image: url("../img/onairarchive/caticon_know_on.png"); }
.subSection .secHead .catList.all ul li.all a { color: #FFF; background-color: #066a68; background-image: url("../img/onairarchive/caticon_all_on.png"); }
.subSection .secHead .catList.all ul li.all a:after { border-color: #FFF; }
.subSection .secHead .catList.music ul li.music a { background-color: #fed76e; background-image: url("../img/onairarchive/caticon_music_off.png"); }
.subSection .secHead .catList.enjoy ul li.enjoy a { color: #FFF; background-color: #f57454; background-image: url("../img/onairarchive/caticon_enjoy_on.png"); }
.subSection .secHead .catList.enjoy ul li.enjoy a:after { border-color: #FFF; }
.subSection .secHead .catList.relax ul li.relax a { color: #FFF; background-color: #14416a; background-image: url("../img/onairarchive/caticon_relax_on.png"); }
.subSection .secHead .catList.relax ul li.relax a:after { border-color: #FFF; }
.subSection .secHead .catList.know ul li.know a { color: #FFF; background-color: #82bd5a; background-image: url("../img/onairarchive/caticon_know_on.png"); }
.subSection .secHead .catList.know ul li.know a:after { border-color: #FFF; }
.subSection .catTitle h3 { font-size: 38px; padding-top: 60px; background-repeat: no-repeat; background-position: center top; background-size: 50px; }
.subSection .catTitle h3.all { background-image: url("../img/onairarchive/caticon_all_off.png"); }
.subSection .catTitle h3.music { background-image: url("../img/onairarchive/caticon_music_off.png"); }
.subSection .catTitle h3.enjoy { background-image: url("../img/onairarchive/caticon_enjoy_off.png"); }
.subSection .catTitle h3.relax { background-image: url("../img/onairarchive/caticon_relax_off.png"); }
.subSection .catTitle h3.know { background-image: url("../img/onairarchive/caticon_know_off.png"); }
.subSection .archiveLink { margin-bottom: 80px; }
.subSection .archiveLink a { display: block; width: 100%; background: #e5e5e5 url("../img/onairarchive/out_green.png") no-repeat right 35px bottom 30px; box-shadow: 7px 7px 0 0 #066a68; position: relative; border-radius: 4px; min-height: 210px; padding: 50px 50px 30px 260px; }
.subSection .archiveLink a .circle { width: 160px; height: 160px; border-radius: 100%; background-color: #066a68; color: #FFF; padding: 50px 0; font-size: 20px; line-height: 160%; position: absolute; top: 20px; left: 50px; letter-spacing: 1px; }
.subSection .archiveLink a .logo { width: 630px; height: 121px; background: url("../img/onairarchive/logo_j-wave_news_off.png") no-repeat center center; }
.subSection .archiveLink a .logo img { opacity: 0; }
.subSection .archiveLink a:hover { background: #066a68 url("../img/onairarchive/out_white.png") no-repeat right 35px bottom 30px; box-shadow: 0 0 0 0 rgba(6, 106, 104, 0); }
.subSection .archiveLink a:hover .circle { background-color: #FFF; color: #066a68; }
.subSection .archiveLink a:hover .logo { background: url("../img/onairarchive/logo_j-wave_news_on.png") no-repeat center center; }
.subSection .archiveLink a:hover .logo img { opacity: 0; }
.subSection .catTitle { margin-bottom: 60px; }

.secBox { border: 4px solid #066a68; border-radius: 4px; padding: 50px 40px; margin-bottom: 50px; }
.secBox:nth-last-of-type(1) { margin-bottom: 0; }
.secBox .secLeft { width: 35%; margin-right: 5%; float: left; text-align: left; }
.secBox .secLeft .photo img { display: block; }
.secBox .secLeft .time { margin-top: 20px; font-size: 18px; }
.secBox .secLeft h3 { margin-top: 5px; font-size: 20px; }
.secBox .secLeft .listenBtn { margin-top: 25px; }
.secBox .secLeft .listenBtn a { display: block; background: #066a68 url("../img/onairarchive/icon_timefree_off.png") no-repeat left 20px center; padding: 25px; border-radius: 10px; text-align: center; border: 4px solid #066a68; color: #FFF; font-size: 20px; }
.secBox .secLeft .listenBtn a:hover { background: #FFF url("../img/onairarchive/icon_timefree_on.png") no-repeat left 20px center; color: #066a68; }
.secBox .secRight { width: 60%; float: left; text-align: left; }
.secBox .secRight .pgText { font-size: 18px; line-height: 32px; margin-bottom: 60px; }
.secBox .secRight .pgText b { color: #0099ff; }
.secBox .secRight .catList ul li { width: 23%; float: left; margin-right: 2%; }
.secBox .secRight .catList ul li a { display: block; border: 1px solid #1b1b1b; border-radius: 15px; text-align: center; padding: 2px; min-height: 30px; }
.secBox .secRight .catList ul li.music a { background: url("../img/onairarchive/caticons_music.png") no-repeat left 5px center; background-size: 22px auto; }
.secBox .secRight .catList ul li.enjoy a { background: url("../img/onairarchive/caticons_enjoy.png") no-repeat left 5px center; background-size: 22px auto; }
.secBox .secRight .catList ul li.relax a { background: url("../img/onairarchive/caticons_relax.png") no-repeat left 5px center; background-size: 22px auto; }
.secBox .secRight .catList ul li.know a { background: url("../img/onairarchive/caticons_know.png") no-repeat left 5px center; background-size: 22px auto; }
.secBox .secRight .snsBtn { margin-top: 130px; font-size: 18px; text-align: right; }
.secBox .secRight .snsBtn ul { display: inline-block; vertical-align: middle; }
.secBox .secRight .snsBtn ul li { display: inline-block; margin-left: 10px; }

/*-------------------------------------------------
	++ FORM 
-------------------------------------------------*/
#messageform { padding-top: 140px; }
#messageform .cInner { padding: 0 150px; }
#messageform .intro { text-align: left; font-size: 18px; line-height: 34px; margin-bottom: 80px; }
#messageform .formAtt { margin: 20px 0; text-align: left; font-size: 14px; }
#messageform .message .message-subtitle { color: #ffab53; font-size: 20px; margin: 50px 0; }
#messageform .message .message-subtitle#subtitle2 { margin-top: 80px; }
#messageform .message .sub-link { margin: 20px 0; }
#messageform .message .sub-link a { margin: 0 20px; color: #999; }
#messageform .message #form-notice { margin: 20px 0; text-align: left; font-size: 12px; }
#messageform .message #form-notice .formAtt { margin-bottom: 20px; }
#messageform .message #form-notice .center { display: block; margin-top: 40px; text-align: center; font-size: 14px; }
#messageform .message table { width: 100%; border-collapse: collapse; margin: 0 auto; text-align: center; }
#messageform .message table tr th, #messageform .message table tr td { text-align: left; vertical-align: top; padding: 10px 0; }
#messageform .message table tr th { width: 25%; }
#messageform .message table tr td { width: 75%; }
#messageform .message table tr td input.fname { width: 50%; margin-bottom: 2px; vertical-align: middle; }
#messageform .message table tr td input.fage { width: 10%; margin-right: 3px; margin-bottom: 2px; vertical-align: middle; }
#messageform .message.thanks { padding: 40px; }
#messageform .message.thanks h2 { font-size: 32px; font-weight: bold; margin-bottom: 15px; }

#hw-message input[type="text"], #hw-message input[type="password"], #hw-message input[type="tel"], #hw-message input[type="email"], #hw-message input[type="number"], #hw-message table textarea { width: 100%; border: 1px solid #ffab53; background: #fff; -webkit-appearance: none; padding: 5px; border-radius: 0; outline: none; }

#hw-message input#zipcode, #hw-message input#age { width: 150px; }

#hw-message input[type="text"], #hw-message input[type="password"], #hw-message input[type="tel"], #hw-message input[type="email"], #hw-message input[type="number"] { height: 30px; vertical-align: top; }

.custom-selectbox { position: relative; }
.custom-selectbox .inner { position: relative; z-index: 0; height: 30px; line-height: 32px; margin-top: -2px; border: 1px solid #ffab53; width: 150px; }
.custom-selectbox .inner:after { content: ""; position: absolute; display: block; top: 50%; right: 7px; margin-top: -3px; width: 0; height: 0; border: solid transparent; border-top-color: #ffab53; border-width: 8px 5px 0; }
.custom-selectbox select { display: block; cursor: pointer; -webkit-appearance: none; appearance: none; padding: 2px 20px 2px 10px; border: none; outline: none; border-radius: 0; background: transparent; position: absolute; top: 0; left: 0; z-index: 1; width: 150px; height: 30px; font-size: 14px; }

input[type="radio"] { position: absolute; left: -10000px; margin-right: 10px; }
input[type="radio"] + label { padding: 0 0 0 20px; display: inline-block; min-height: 16px; background: url(../img/radio-off.png) no-repeat left center; background-size: 16px 16px; cursor: pointer; margin-right: 30px; }
input[type="radio"]:checked + label { background: url(../img/radio-on.png) no-repeat left center; background-size: 16px 16px; cursor: pointer; }

#form-submit, #form-reset, #form-back { -webkit-appearance: none; position: relative; border: 2px solid #b3b3b3; background: #b3b3b3; outline: none; height: 60px; width: 300px; margin-right: 16px; font-size: 16px; cursor: pointer; color: #fff; border-radius: 30px; }
#form-submit:after, #form-reset:after, #form-back:after { content: ""; background: url(../img/form_btn_rewrite_off.png) no-repeat left center; background-size: 20px 20px; width: 20px; height: 20px; position: absolute; right: 20px; top: 50%; margin-top: -10px; }
#form-submit:hover, #form-reset:hover, #form-back:hover { background: #FFF; color: #b3b3b3; }
#form-submit:hover:after, #form-reset:hover:after, #form-back:hover:after { background: url(../img/form_btn_rewrite_on.png) no-repeat left center; background-size: 20px 20px; }

#form-submit { background: #ffab53; border: 2px solid #ffab53; }
#form-submit:after { background: url(../img/form_btn_send_off.png) no-repeat left center; background-size: 20px 20px; }
#form-submit:hover { background: #FFF; color: #ffab53; }
#form-submit:hover:after { background: url(../img/form_btn_send_on.png) no-repeat left center; background-size: 20px 20px; }

#form-back:after { display: none; }

/*-------------------------------------------------
	++ FOOTER
-------------------------------------------------*/
#jwaveFooter { background-color: #a0a0a0; color: #FFF; padding: 20px 0 60px 0; }
#jwaveFooter .commonSet { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }
#jwaveFooter .commonSet .toHome { width: 50%; text-align: left; }
#jwaveFooter .commonSet .footerLogo { width: 50%; text-align: right; }
#jwaveFooter .commonSet .copyRight { position: absolute; top: 15px; left: 25%; width: 50%; text-align: center; font-size: 12px; }

/*inview
---------------------------------------------------------------------------*/
.up { overflow: hidden; position: relative; opacity: 0; bottom: -80px; }

.upstyle { opacity: 1; bottom: 0px; transition: 1s 0.3s; }

form[method="post"] { padding: 5px 0 30px; }

form[method="post"] input { width: 100px; font-size: 20px; }