@import url("/css/dev/common_cms.css");

.cms-container { width: 1200px; margin: 0 auto; }
.cms-container-900 { width: 900px; margin: 0 auto; }
.cms-container-full { width: 100%; max-width: 1200px; margin: 0 auto; text-align: justify; }

.cms-view-box {
  display: inline-block;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .5rem;
  width: 100%;
  min-height: 700px;
  padding: 40px;
  margin: 20px 0;
}

.cms-pre-box {
  border: 0;
  background: white;
  white-space: pre-wrap;  
}

.cms-border-box {
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .5rem;
  padding: 30px;  
}

.cms-border-box-c {
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #ccc;
  border-radius: .5rem;
  padding: 30px;  
}

.cms-btn-white {
  display: inline-block;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #bbb;
  border-radius: .3rem;
  text-decoration: none;
  color: #666;
  font-size: 11px;
  line-height: 11px;  
  font-weight: normal;
  padding: 2px 2px 1px;
  cursor: pointer;
  background: #f3f3f3;
}
.cms-btn-white:hover { text-decoration: none; color: #666; }
.cms-btn-white:link { text-decoration: none; color: #666; }
.cms-btn-white:visited { text-decoration: none; color: #666; }

.cms-list-img1 {
    border-radius: 50px 50px;
    padding: 5px;
}

.cms-list-img2 {
    border-radius: 80px 80px;
    padding: 20px;
}

.cms-no-data { padding: 100px 0; text-align: center; color: gray; font-size: 16px; font-weight: bold; line-height: 30px; }

.cms-color-S { color: #1f70f9; }
.cms-color-A { color: #37cf2b; }
.cms-color-J { color: #fa309d; }
.cms-color-I { color: #1ed8e4; }
.cms-color-C { color: #fe8237; }

.cms-search-day { float:left;width:410px;margin-left:30px;height:40px;line-height:40px;font-size:14px;font-weight:bold; }
.cms-search-input { float:left;width:270px;margin-left:30px;height:40px;line-height:40px;font-size:14px;font-weight:bold;text-align:right; }
.cms-search-input input {margin:0 12px;padding:10px; width:180px; height:40px;background:#fff;border:1px solid #00005a;font-size:14px;font-weight: normal;}

.cms-pre-title { display: inline-block; margin-right: 5px; padding-top: 2px;}

.cms-tab-menu { width: 1200px; overflow: hidden; }
.cms-tab-menu li { float: left; width: 300px; height: auto; background :#f5f5f5; }
.cms-tab-menu li a { display: block; font-family: 'noto'; font-size: 24px; line-height:68px; font-weight: 400; color :#00005a; text-align: center; }
.cms-tab-menu li a.on { height: 70px; background:#fff; border-top: 2px solid #00005a; border-left: 2px solid #00005a; border-right: 2px solid #00005a; border-bottom: 2px solid #ffffff;}

.cms-tab-menu-m { width: 100%; overflow: hidden; }
.cms-tab-menu-m li { float: left; width: 50%; height: auto; background :#f5f5f5; }
.cms-tab-menu-m li a { display: block; font-family: 'noto'; font-size: 20px; font-weight: 400; padding: 15px 0; color :#00005a; text-align: center; }
.cms-tab-menu-m li a.on { background:#fff; border-top: 2px solid #00005a; border-left: 2px solid #00005a; border-right: 2px solid #00005a; border-bottom: 2px solid #ffffff;}

.cms-icon-smartprice { background: #2F9D27; color: #fff; padding: 3px; font-family: 'noto'; font-weight: 400; font-size: 12px; line-height: 12px; border-radius: 3px; }

.cms-cate-btn { position: relative; width: 100%; height: 32px; font-size: 15px; line-height: 15px; padding: 8px 12px; text-align: center; cursor: pointer; border-radius: 5px; }
.cms-cate-select { position: relative; width: 100%; height: 32px; font-size: 15px; line-height: 15px; padding: 6px 12px; background: #fff; border: 1px solid #aaa; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; }
.cms-cate-select-wrap { position: relative; }
.cms-cate-select-arrow { position: absolute; top: 3px; right: 13px; color: #aaa; font-size: 13px; }

.cms-contents { word-break: break-all; }
.cms-contents img { width: 100%; }

@keyframes cms-twinkle-opacity {
    from {opacity:0.3;}
    to {opacity:1;}
}

.cms-modal-popup { display: table; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999999999; }
.cms-modal-popup_off { display: none; }
.cms-modal-popup > ._cell { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; }