@charset "UTF-8";

.l-main_flex-w1200 {
  -ms-flex: 1;
  flex: 1;
  margin: 0 auto;
  width: 1200px;
  align: center }
  @media screen and (max-width: 767px) {
    .l-main_flex-w1200 {
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      width: 100%;
      box-sizing: border-box;
      margin-left: 0;
      margin: 0 auto; } }
      

.l-main_section-w1200 {
  width: 1200px;
  margin: 0 0 50px 0;
  padding: 0 0 20px 0; }
  @media screen and (max-width: 767px) {
    .l-main_section-w1200 {
      width: 100%;
      margin: 0 0 40px 0;
      padding: 0 0 20px 0; } }
  @media screen and (min-width: 600px) and (max-width: 1000px) {
    .l-main_section-w1200 {
      width: 100%; } }
  .l-main_section-w1200.is-border {
    border-bottom: 1px solid #ddd; }
  .l-main_section-w1200 > iframe {
    width: 100%;
    height: auto;
    min-height: 1480px; }

.l-main_flex-w900 {
  -ms-flex: 1;
  flex: 1;
  margin: 0 auto;
  width: 900px;
  align: center }
  @media screen and (max-width: 767px) {
    .l-main_flex-w900 {
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      width: 100%;
      box-sizing: border-box;
      margin-left: 0;
      margin: 0 auto; } }
      

.l-main_section-w900 {
  width: 900px;
  margin: 0 0 50px 0;
  padding: 0 0 20px 0; }
  @media screen and (max-width: 767px) {
    .l-main_section-w900 {
      width: 100%;
      margin: 0 0 40px 0;
      padding: 0 0 20px 0; } }
  @media screen and (min-width: 600px) and (max-width: 1000px) {
    .l-main_section-w900 {
      width: 100%; } }
  .l-main_section-w900.is-border {
    border-bottom: 1px solid #ddd; }
  .l-main_section-w900 > iframe {
    width: 100%;
    height: auto;
    min-height: 1480px; }
    
    
body {
	background:#d6f5f7 url(/lounge/common/images/com_bg003.gif) repeat-x center top; }
	
	
.bw {
	background:#fff;
	background-image: url(/lounge/common/images/footer_bg001_pc.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	border: solid 2px #8fc35a;
  border-radius: 24px 24px;
  padding: 30px }
  @media screen and (max-width: 767px) {
  .bw {
  background-image: url(/lounge/common/images/footer_bg001_sp.gif);
  padding: 10px 5px 10px 5px;
  border-radius: 0px;
  margin: 0px; }}
.by {
	background:#fff7ad;
  border-radius: 24px;
  padding: 10px 15px 10px 15px;
  margin: 20px 0px 20px 0px; }
  @media screen and (max-width: 767px) {
.by {
  padding: 10px;
  margin: 5px; }}
  
.bg {
	background:#defbad;
  border-radius: 24px;
  padding: 10px 15px 10px 15px;
  margin: 20px 0px 20px 0px; }
  @media screen and (max-width: 767px) {
.bg {
  padding: 10px;
  margin: 5px; }}
  
  .c-btn-text.lo {
    color: #fff;
    background:#fea634;
    border: solid 5px #feba61;}
  .lo:hover {
    opacity: 0.8; }
  .c-btn-text.lg {
    color: #fff;
    background:#8fc35a;
    border: solid 5px #a8d07f; }
  .lg:hover {
    opacity: 0.8; }
    
.p-lounge-banner {
  margin: 0 auto;
  width: 100%;
  -ms-flex-pack: center;
  justify-content: center; }
  .p-lounge-banner li {
    border: 2px solid #ccc !important;
    border-radius: 10px !important;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
    margin-right: 10px;
    height: 108px;
    -ms-flex-preferred-size: 200px !important;
    flex-basis: 200px !important;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
  .p-lounge-banner li {
    margin-right: 0px; } }
  
    .p-lounge-banner li:hover {
      box-shadow: 1px 5px 15px grey; }
      @media screen and (max-width: 767px) {
        .p-lounge-banner li:hover {
          box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); } }
    .p-lounge-banner li img {
      width: 100%;
    height: 106px; }
      
    .p-lounge-banner li .backn {
    color: #fff;
    font-size: 24px;
    text-align: center;
    background:#8fc35a;
    display: inline-block;
    vertical-align: middle;
    height: 108px;
    width: 100%;
     }
     
.link-01 {
	padding: 0 0 2px 20px !important;
	margin: 5px 0 0 0;
	background: url(/lounge/common/images/com_ic001.gif) no-repeat 0 0.2em !important;
	text-indent: 0 !important;
	vertical-align: top;
    font-size: 15px; 
}
    @media screen and (max-width: 767px) {
  .link-01 {
    font-size: 13px; } }
    
    
    
.ty {
  border: 2px solid #fea634;
  color: #333!important;
  background: #f7e7b5;
  }
  .ty thead th {
  border: 2px solid #fea634;
    background: #f7e7b5; }
  .ty tbody tr {
  border: 2px solid #fea634;
    background: #f7e7b5; }
  .ty tbody td {
  border: 2px solid #fea634!important;
    background: #f7e7b5!important; }
    
    
.tg {
  border: 2px solid #8fc35a;
  color: #333!important;
  background: #d6ebc6;
  }
  .tg thead th {
  border: 2px solid #8fc35a;
    background: #d6ebc6; }
  .tg tbody tr {
  border: 2px solid #8fc35a;
    background: #d6ebc6; }
  .tg tbody td {
  border: 2px solid #8fc35a!important;
    background: #d6ebc6!important; }
    
.c-list_lounge {
  font-size: 16px;
  text-align: left;
  color: #000;
  margin: 0 0 10px 20px; }
  @media screen and (max-width: 767px) {
    .c-list_lounge {
      margin-left: 12px;
      font-size: 13px;
      margin: 0 0 10px 20px; } }
  .c-list_lounge > li {
    margin: 10px 0 0px 0;
    list-style: disc;
    text-indent: 0px; }
    @media screen and (max-width: 767px) {
      .c-list_lounge > li {
    margin: 5px 8px 0px 0; } }
    .c-list_lounge > li:before {
      display: none; }
  .c-list_lounge.is-red li {
    color: #e60012; }
    
    
.c-lounge-header {
  border-bottom: 1px solid #d6d6d6;
  margin: 10px 0 15px 0;
  padding: 0 0 0 23px; }
  @media screen and (max-width: 767px) {
    .c-lounge-header {
      overflow-y: scroll;
      white-space: nowrap; } }
  .c-lounge-header li {
    font-size: 15px;
    color: #666;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 25px 0 0;
    line-height: 1;
    transition: 0.3s all ease-out; }
  @media screen and (max-width: 767px) {
  .c-lounge-header li {
    font-size: 11px;} }
    .c-lounge-header li:hover {
      opacity: 0.7; }
    .c-lounge-header li:after {
      content: '';
      width: 2px;
      height: 16px;
      border-right: 2px solid #ccc;
      position: absolute;
      top: 0;
      right: -15px;
      bottom: 0;
      margin: auto;
      vertical-align: middle; }
    .c-lounge-header li:last-child {
      color: #666; }
      .c-lounge-header li:last-child:after {
        display: none; }
  .c-lounge-header a {
    color: inherit;
    text-decoration: none; }
    .c-lounge-header a:visited {
      color: inherit; }