body { word-break: break-all; }
@media screen and (min-width: 768px) {
  #pageWrap { background: #4a2121; text-align: center;}
  #content { max-width: 1654px; margin: 0 auto; text-align: center; box-shadow: 0, 0, 10px, 10px, rgba(0,0,0,.7) ;}

  #hero { background-image: url(/d/lounge/img/bg-head.webp) ; background-position: center; }
  .heroInner {max-width: 834px; margin: 0 auto;}
  .heroInner img { width: 100%; }

  #information { background-image: url(/d/lounge/img/bg-infor.webp) ; background-position: center;}
  .informationInner { display:flex; justify-content:center;}
  .informationInner > div { width:50%; max-width:730px; }
  .informationInner > div img { width:100%; }

  #mc { background-image: url(/d/lounge/img/bg-mc.webp) ; background-position: center;}
  .mcInner { display:flex; justify-content:center; background: url(/d/lounge/img/h2-mc.webp) center 100px no-repeat;}
  .mcInner > div { width:50%; max-width:730px; }
  .mcInner > div img { width:100%; }
  .mcInner p { text-align: left; padding: 10px 50px 40px; font-size: 16px; }
#pv { background: #886060; padding-bottom: 40px;}
#pvyt { max-width: 740px; margin: 0 auto;  position: relative; background: #886060; 
   }
  #pvyt > div {padding-top: 57%;}
  #pvyt iframe { width: 100%; height: 100%; position: absolute; top: -40px; left: 0; border: 3px solid #fff;  }

  #inquirybox { background: #f3f3f3;  margin: 0 auto; padding: 40px 0; }
  #inquirybox h2 { font-size: 28px; font-weight: bold; margin-bottom: 20px; }
  #bbarea { padding: 100px 0; }
  #bbarea a { transition: .6s; }
  #bbarea a:hover { opacity: .6; }
  #cvbtn { background: #fff; position: fixed; width: 100%; bottom: 0; right: 0; }
  #cvbtn ul { display:flex; justify-content: center;}
  #cvbtn ul li { width:30%; max-width: 400px; margin: 1%; }
  #cvbtn ul li a { display:block; padding: 15px 5px; text-align: center; font-weight: bold; font-size: 24px; background: #4a2121;  background-image: linear-gradient(0deg, rgba(118, 83, 26, 1), rgba(179, 123, 40, 1) 43%, rgba(198, 131, 36, 1)); color: #fff!important; border-radius: 6px; text-shadow: 3px 3px 3px rgba(0,0,0,.7); text-decoration: none!important; border: 2px solid rgba(118, 83, 26, 1); }
  #cvbtn ul li a.normal { background: #fbff6d;   color: #4a2121!important; border-radius: 6px; text-shadow: 3px 3px 3px rgba(255,255,255,.7); text-decoration: none!important; border: 2px solid rgba(118, 83, 26, 1); }

  #cvbtn a { transition: .6s; }
  #cvbtn a:hover { opacity: .6; }
.aboutDiveBtnBox { background: #fff; margin: 0 auto; position: relative; padding-top: 40px; padding-bottom: 40px; }
.aboutDiveBtnBox p { color: #4a2121; font-weight: bold; font-size: 20px; margin-bottom: 10px; }
  #aboutdive a.channel { display: block; width:320px; border-radius: 10px; color: #fff; font-weight: bold; background: #0d40cd; border: 2px solid #0d40cd; padding: 20px; font-size: 24px; margin: 0 auto 20px; }
#aboutdive a.yt { display: block; width:320px; border-radius: 10px; color: #4a2121; font-weight: bold; background: #fff; border: 2px solid #4a2121; padding: 20px; font-size: 24px; margin: 0 auto; }
}
@media screen and (min-width: 1200px) { }
@media screen and (min-width: 768px) and (max-width: 1200px) { }
@media screen and (min-width: 980px) and (max-width: 1200px) { }
@media screen and (min-width: 768px) and (max-width: 979.98px) { 
  
}
@media screen and (min-width: 0px) and (max-width: 767.98px) {
  #pageWrap { background: url(/d/spy/img/bg.webp) center; background-size: 149%; text-align: center;}
  #contentSpy {  margin: 0 auto; text-align: center; box-shadow: 0, 0, 10px, 10px, rgba(0,0,0,.7) ;}
#hero { background-image: url(/d/lounge/img/bg-head.webp) ; background-position: center; background-size: auto 100%; }
  .heroInner {max-width: 834px; margin: 0 auto;}
  .heroInner img { width: 100%; }

  #information { background-image: url(/d/lounge/img/bg-infor.webp) ; background-position: center;}
  .informationInner > div img { width:90%; }

  #mc { background-image: url(/d/lounge/img/bg-mc.webp) ; background-position: center; background-size: auto 100%;}
  .mcInner { background: url(/d/lounge/img/h2-mc.webp) center 5vw no-repeat; background-size: 50%; padding-top: 18vw;}
  .mcInner > div { width:90%; margin: 0 auto; }
  .mcInner > div img { width:100%; }
  .mcInner p { text-align: left; padding: 0 5% 5%; font-size: 2.8vw; }
  #pv { background: #886060; padding: 5% 0;}
#pvyt { max-width: 80%; margin: auto;  position: relative; 
   }
  #pvyt > div {padding-top: 57%;}
  #pvyt iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0;border: 3px solid #fff;  }
  .pvlogo { width:70%}


  
  #inquirybox { background: #f3f3f3; max-width: 1198px; margin: 0 auto; padding: 40px 0; }
  #inquirybox h2 { font-size: 7vw; margin-bottom: 3%; font-weight: bold; }
  #bbarea { padding: 5%; }
  #bbarea img { width: 100%; }

  #cvbtn { background: #fff; position: fixed; width: 100%; bottom: 0; right: 0; }
  #cvbtn ul { display:flex; justify-content: center;}
  #cvbtn ul li { width:30%; max-width: 400px; margin: 1%; }
  #cvbtn ul li a { display:block; padding: 3%; text-align: center; font-weight: bold; font-size: 3.4vw; background: #4a2121;  background-image: linear-gradient(0deg, rgba(118, 83, 26, 1), rgba(179, 123, 40, 1) 43%, rgba(198, 131, 36, 1)); color: #fff!important; border-radius: 6px; text-shadow: 3px 3px 3px rgba(0,0,0,.7); text-decoration: none!important; border: 2px solid rgba(118, 83, 26, 1); }
  #cvbtn ul li a.normal { font-size: 3.4vw; background: #fbff6d;   color: #4a2121!important; border-radius: 6px; text-shadow: 3px 3px 3px rgba(255,255,255,.7); text-decoration: none!important; border: 2px solid rgba(118, 83, 26, 1); }
    
#aboutdive { background: #fff; padding: 5%;}
.aboutDiveBtnBox p { color: #4a2121; font-weight: bold; font-size: 3.4vw; margin-bottom: 2%; }
  #aboutdive a.channel { display: block; width:60%; border-radius: 1vw; color: #fff; font-weight: bold; background: #0d40cd; border: 2px solid #0d40cd; padding: 3vw; font-size: 4vw; margin: 0 auto 3%; }
  #aboutdive a.yt { display: block; width:60%; border-radius: 1vw; color: #4a2121; font-weight: bold; background: #fff; border: 2px solid #4a2121; padding: 3vw; font-size: 4vw; margin: 0 auto; }

}

footer { background-color: #fff; }

.view-pc { display: block!important; }
.view-sp { display: none!important; }

@media screen and (min-width: 768px) {
  
  #block6 { padding: 120px 40px; background: #f3f3f3; }
  #block6Inner { max-width: 1400px; margin: 0 auto; text-align: center; }
  #block6Inner h2 { font-size: 48px; line-height: 1.5; margin-bottom: 40px; font-weight: 700; color: #323232; }
  #block6Inner h2 span.luby { font-size: 14px; display: block; }
  #block6Inner p { font-size: 16px; line-height: 1.8; margin-bottom: 60px; }

  
  #wrapForm table {border-top: 2px solid #f1f1f1; max-width: 980px; margin: 0 auto; background: #fff;}
  #wrapForm table th { text-align: left; border-bottom: 4px solid #f1f1f1; font-size: 18px; padding: 8px 20px; }
  #wrapForm table td { text-align: left; border-bottom: 4px solid #f1f1f1; font-size: 16px; padding: 0 20px;}
  #wrapForm table th p,
  #wrapForm table td p { margin-bottom: 12px; }
  #wrapForm table th .titNote { font-size: 70%; display: block;}
  #wrapForm table th .required { display: block; padding: 5px 10px; width: 5em; font-size: 70%; text-align: center; line-height: 1; background: red; color: #fff; border-radius: 2px; }
  #wrapForm table th, #wrapForm table td{position: relative;}
  #wrapForm .ifpersonal { border: 2px solid #f1f1f1; padding-left: 10px; margin-bottom: 3px;}
  .label-side  { display: flex; justify-content: space-between;}
  .label-side li  { width: 48%; }

  /* FORM */
  
  
  #wrapForm .ulFormBtn{display: flex; margin: 20px auto 0; width: 100%;}
  #wrapForm .ulFormBtn > li{ width: 100%; max-width:512px; margin: 0 auto;}
  #wrapForm iframe.ifpersonal {width: 100%; border: none; border-radius: 5px; font-size: 14px; }
  
  .checkboxInput {padding: 12px 0; display: flex; align-items: center; cursor: pointer; margin-bottom: 20px;}
  .checkboxInput-Input {margin: 0;width: 0;opacity: 0;}
  .checkboxInput:hover > .checkboxInput-DummyInput {background: #DDDDDD !important;border: solid 2px #333333;}
  .checkboxInput-Input:focus + .checkboxInput-DummyInput {background: #DDDDDD !important;border: solid 2px #333333;}
  .checkboxInput-Input:checked + .checkboxInput-DummyInput {border: solid 2px #333333;background: #FFFFFF;}
  .checkboxInput-Input:checked + .checkboxInput-DummyInput::before {content: "";display: block;position: absolute;top: 0;left: 0; width: 100%;height: 100%;background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hlY2siPjxwb2x5bGluZSBwb2ludHM9IjIwIDYgOSAxNyA0IDEyIj48L3BvbHlsaW5lPjwvc3ZnPg==") no-repeat center;background-size: contain;
  }
  .checkboxInput-DummyInput {position: relative;top: 0;left: 0;display: block;width: 32px;height: 32px;border: solid 2px #888888;background: #FFFFFF;border-radius: 4px;}
  .checkboxInput-LabelText {margin-left: 12px;display: block;font-size: 18px;font-weight: bold;}
  
  
  select, 
  textarea { color: #191919;  padding: 4px; border: 2px solid #666;}
  select{ line-height: 1; vertical-align: middle; padding: 8px; width: 60%; background: #f9f9f9; border: 2px solid #999; border-radius: 5px; }
  input[type="text"]  { line-height: 1;  vertical-align:middle; padding: 8px; width: 100%; border: 2px solid #666;  border-radius: 4px;background: #f7f7f7;} 
  input[type="text"].w40{width: 40%; position: absolute; right: 30px;}
  textarea { line-height: 1.4; border: 2px solid #999; border-radius: 4px; vertical-align:middle; padding: 20px; width: 100%;background: #f7f7f7;}
  
  label { display: inline-block; padding-left: 5px; margin-bottom:3px; }
  label input { margin-left: -5px; vertical-align: top; margin-top: 6px;}
  .boxTextarea{padding:20px;border:1px #eaeaea solid; margin-bottom:0px;}
  #check .boxTextarea{padding:30px;border:1px #eaeaea solid; margin-bottom:0px;}
  #btnArea{position: relative; overflow: hidden;padding:30px 0 0;}
  .btnSubmit{ display: block; position: relative; background: #4a2121; width: 100%; margin: 0 auto; text-align: center; padding: 20px 40px; color: #fff!important; border: 2px solid #4a2121; font-size: 24px; border-radius: 4px; text-decoration: none; transition: .3s;}
  
  .btnSubmit:after{ content: ''; position: absolute; top: calc(10px + 0.6rem); right: calc(10px + 0.6rem); background-repeat: no-repeat; width: 24px; height: 24px; }
  .btnSubmit:hover{opacity: 100%;text-decoration: none; background:linear-gradient(90deg, rgba(2555, 255, 255, 1), rgba(255, 255, 255, 1));; color: #4a2121!important; transform: scale(1.03);  }
  

  .note { font-size: 14px;}

#progtramTalk { background: #83572e; }
#progtramTalk h2 { color: #fff; padding: 40px 0; font-size: 36px; font-weight: bold; }
  .programInfoWrap { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; background:  #83572e; padding: 20px; }
.programInfo { width: 48%; text-align: left; padding: 0px; color: #fff; margin-bottom: 40px; }
.programInfo .programTit ul { display: flex; justify-self: start; flex-wrap: wrap; margin-bottom: 20px;}
.programInfo .programTit li { background: #fff; border-radius: 10px; padding: 6px 10px; font-size: 20px; font-weight: bold; margin-right: 16px; margin-bottom: 10px; }
.programInfo .programFocus {font-size: 20px; margin-bottom: 20px;}
.programInfo img.thmb { width: 100%;}
.programInfo h4 { font-size: 20px; margin-bottom: 10px; font-weight: bold;}
.programInfo .programPurposeofuse { display: flex; justify-self: start; flex-wrap: wrap; }
.programInfo .programPurposeofuse li { padding: 2px 8px; font-size: 18px; border-radius: 6px; border: 2px solid #fff; margin-right: 10px; margin-bottom: 10px; }
h4.specialProgramTx { margin-top: 20px;} 
.progtramLead { margin: 10px 0; }
}
@media screen and (min-width: 1200px) { }
@media screen and (min-width: 768px) and (max-width: 1200px) { }
@media screen and (min-width: 980px) and (max-width: 1200px) { }
@media screen and (min-width: 768px) and (max-width: 979.98px) { }
@media screen and (min-width: 0px) and (max-width: 767.98px) {
  
  #block6 { padding: 15% 5%; background: #f3f3f3; }
  #block6Inner { text-align: center; }
  #block6Inner h2 { font-size: 8vw; line-height: 1.3; margin-bottom: 4%; font-weight: 700; color: #323232; }
  #block6Inner h2 span.luby { font-size: 2.8vw; display: block; }
  #block6Inner p { font-size: 3.2vw; line-height: 1.4; text-align: left; margin-bottom: 3%; }

  #wrapForm table {border-top: 2px solid #f1f1f1; background: #fff;}
  #wrapForm table th { display: block; width: 100%; text-align: left; border-bottom: 1px solid #f1f1f1; font-size: 3.2vw; padding: 1% 4%; }
  #wrapForm table td { display: block; width: 100%; text-align: left; border-bottom: 1vw solid #f1f1f1; font-size: 2.8vw; padding: 0% 4%;}
  #wrapForm table th p,
  #wrapForm table td p { margin-bottom: 2%; }
  #wrapForm table th .titNote { font-size: 70%;}
  #wrapForm table th .required { padding: .5vw 2vw; margin-right: 1vw; width: 5em; font-size: 60%; text-align: center; line-height: 1; background: red; color: #fff; border-radius: 2px; vertical-align: middle; }
  #wrapForm table th, #wrapForm table td{position: relative;}
  #wrapForm .ifpersonal { border: 2px solid #f1f1f1; padding-left: 1px; margin-bottom: 0;}
  .label-side  { display: flex; justify-content: space-between;}
  .label-side li  { width: 48%; }
    
  /* FORM */
  
  
  #inquiry #wrapForm .ulFormBtn{display: flex; width: 90%; margin: 0 auto;}
  #inquiry #wrapForm .ulFormBtn > li{ width: 100%; max-width:512px; margin: 0 auto;}
  #inquiry #wrapForm iframe {width: 100%; border: none; border-radius: 5px; font-size: 14px; }
  
  .checkboxInput {padding: 12px 0; display: flex; align-items: center; cursor: pointer; margin-bottom: 0;}
  .checkboxInput-Input {margin: 0;width: 0;opacity: 0;}
  .checkboxInput:hover > .checkboxInput-DummyInput {background: #DDDDDD !important;border: solid 2px #333333;}
  .checkboxInput-Input:focus + .checkboxInput-DummyInput {background: #DDDDDD !important;border: solid 2px #333333;}
  .checkboxInput-Input:checked + .checkboxInput-DummyInput {border: solid 2px #333333;background: #FFFFFF;}
  .checkboxInput-Input:checked + .checkboxInput-DummyInput::before {content: "";display: block;position: absolute;top: 0;left: 0; width: 100%;height: 100%;background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hlY2siPjxwb2x5bGluZSBwb2ludHM9IjIwIDYgOSAxNyA0IDEyIj48L3BvbHlsaW5lPjwvc3ZnPg==") no-repeat center;background-size: contain;
  }
  .checkboxInput-DummyInput {position: relative;top: 0;left: 0;display: block;width: 32px;height: 32px;border: solid 2px #888888;background: #FFFFFF;border-radius: 4px;}
  .checkboxInput-LabelText { margin-left: 5%;display: block;font-size: 3.8vw;font-weight: bold;}
  
  
  select, 
  textarea { color: #191919;  padding: 4px; border: 2px solid #666;}
  select{ line-height: 1; vertical-align: middle; padding: 2vw; background: #f9f9f9; border: 2px solid #999; border-radius: 5px; width: 100%; }
  input[type="text"]  { line-height: 1;  vertical-align:middle; padding: 2vw; width: 100%; border: 2px solid #666;  border-radius: 4px;background: #f7f7f7;} 
  input[type="text"].w40{width: 40%; position: absolute; right: 30px;}
  textarea { line-height: 1.4; border: 2px solid #999; border-radius: 4px; vertical-align:middle; padding: 5vw; width: 100%;background: #f7f7f7;}
  
  label { display: inline-block; padding-left: 5px; margin-bottom:3px; }
  label input { margin-left: -5px; vertical-align: top; margin-top: 6px;}
  .boxTextarea{padding:20px;border:1px #eaeaea solid; margin-bottom:0px;}
  #check .boxTextarea{padding:30px;border:1px #eaeaea solid; margin-bottom:0px;}
  #btnArea{position: relative; overflow: hidden;padding:30px 0 0;}
  .btnSubmit{ display: block; position: relative; background:#4a2121; width: 100%; margin: 0 auto; text-align: center; padding: 4% 5%; color: #fff!important; border: 2px solid #4a2121; font-size: 5vw; border-radius: 4px; text-decoration: none; transition: .3s;}
  
  .btnSubmit:after{ content: ''; position: absolute; top: calc(10px + 0.6rem); right: calc(10px + 0.6rem); background-repeat: no-repeat; width: 24px; height: 24px; }

#progtramTalk { background: #83572e; }
#progtramTalk h2 { color: #fff; padding: 5vw 0; font-size: 8vw; font-weight: bold; }
  .programInfoWrap { background: #83572e; }
  .programInfo { text-align: left; padding: 3%; color: #fff; font-size: 3.4vw; }
  .programInfo .programTit ul { display: flex; justify-self: start; margin-bottom: 5%; flex-wrap: wrap;}
  .programInfo .programTit li { background: #fff; border-radius: 1vw; padding: .5vw; font-size: 4vw; font-weight: bold; margin-right: 1vw; margin-bottom: 1vw; }
  .programInfo .programFocus {font-size: 3.4vw; margin-bottom: 3%; }
  .programInfo img.thmb { width: 100%;}

  .programInfo h4 { font-size: 3.4vw; margin-bottom: 2%; font-weight: bold;}
  .programInfo .programPurposeofuse { display: flex; justify-self: start; flex-wrap: wrap; margin-top: 3%; }
  .programInfo .programPurposeofuse li { padding: 2px 8px; font-size: 3vw; border-radius: 1vw; border: 1px solid #fff; margin-right: 1vw; margin-bottom: 1vw; }

.progtramLead { margin: 3vw 0; }
}

.view-pc { display: block!important; }
.view-sp { display: none!important; }

@media screen and (min-width: 0px) and (max-width: 767px) {
	.view-pc { display: none!important; }
	.view-sp { display: block!important; }
}


.fwN{font-weight: normal !important;}
.fsS{font-size: 80% !important;}
.taL{text-align: left !important;}

#infoClose a::after { content:'\3082\3063\3068\898B\308B\a0\25BC'; }
#infoClose a.op::after { content:'\9589\3058\308B\a0\25B2'; }

.modalContentInner { display: none;}
.modalContentInner.on { display: block;}
.modalOn2 #modalBg { z-index: 100; opacity: 1; }
.modalOn2 #modalContent2 { z-index: 101; opacity: 1; }
.modalOn #modalBg { z-index: 100; opacity: 1; }
.modalOn #modalContent,.modalOn #modalContentW { z-index: 101; opacity: 1; }
.fcred { color:#ff0000!important;}

.colmunFxWrapOver.more { display: none; }
.fs120p { font-size: 120%!important;}

#modal { background: rgba(0,0,0,.7); width: 100%; height: 0; position: fixed; top: 0; left: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; z-index: -1;}
#modal.on { height: 100vh; z-index: 100;}
#ifBoxWrap { display: flex; width: 80%; position: relative; } 
#ifBoxWrap img { position: absolute; top: -50px; right: 0; width: 30px; }
#ifBox { width:100%; padding-top: 56.25%; position: relative;}
#ifBox iframe { width:100%; height: 100%; top: 0; left: 0; position: relative;}