/*--------top-------------*/

#mainv {
    margin-left: -12px;
    margin-right: -12px;
}
.mtitle {
   top: 5vw;
   left: 10%;
   width: 100%;
}
.mtitle #elem_heading_lv1 {
    padding:0 !important;
}
.mtitle h1 {
    display: block !important;
    font-size: 5.0vw  !important;
    line-height: 1.4em !important;
}
.mtitle h1 span {
   font-size:6.4vw;
}
.mtext {
    top: 21vw;
    left: 10%;
    width: 100%;
}
.mtext p.font16 {
    font-size: 4vw !important;
}
.mapply {
    bottom: 3vw;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    min-width: 250px;
}
.mapply .linkbox {
    width: 50vw;
}
.mapply .linkbox .font20 {
    font-size: 4.5vw !important;
}

.mlogin {
    top: 3vw;
    right: 4vw;
}
.loginbtn a span {
    font-size: 0.5rem;
}
.mpoint {
   top: 50vw;
   left: 5vw;
   width: 40vw;
}
.mpoint .elem_paragraph > dl > dt {
   font-weight: normal;
   text-align: center;
   font-size: 3.5vw;
   margin-bottom: 1.0vh !important;
}
.mpoint .elem_paragraph > dl > dd {
   display: none;
}
.mpoint .elem_paragraph {
    padding: 0;
}
.mpoint .elem_paragraph li {
   text-align: center;
   font-size: 3.5vw;
   margin-bottom: 1.0vh !important;
}
.mpoint .elem_content_divide_block .elem_content_divide_box {
    margin-bottom: 0;
}
.mpic img {
   width: 100%;
}
.elem_heading_lv2 ul.var_icon_arrow {
    position: relative;
    top: 5px;
}

/*-----common title--------*/

.titlebar {
    margin-left: -12px;
    margin-right: -12px;
}
.titlebar #elem_category_title {
   padding-left: 12px;
}
.titlebar #elem_category_title h1 img{
   width: 20vw;
}

#elem_category_title .hside_block,
#elem_heading_lv1 .hside_block {
    position: relative;
    right:5px;
}
.hside_block_link {
    position: absolute;
    right:5px;
    top:12px
}

.elem_heading_lv2 .note,
.elem_heading_lv3 .note {
    position: absolute;
    right:0;
    bottom:3px;
   letter-spacing: normal;
}
#elem_category_title ul.button li a.var_link {
     padding: 8px 7px 8px 2px  !important;
     background: #006ec8 url(/library/new/common/content_images/arrow/arrow_right_small.png) right 50% no-repeat !important;
}
.elem_list_news li .title {
    width:auto;
}


/*-----------------------------------
 setting 
------------------------------------- */

/* sp accordion*/


.select_sp .elem_form_list {
    display: none; 
    padding: 0;
}
.select_sp .elem_form_list ul {
    margin: 0;
}
.select_sp .elem_form_list ul li {
    padding: 7px 0 5px 20px;
    background: none;
    border-bottom: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
}
.select_sp li p {
    padding: 3px;
    font-weight: bold;
    border: 1px solid #cdcdcd;
    border-bottom: none;
    background-color: #cbe9f2;
    position: relative;
    font-size: 1.125em;
}
.select_sp li p.sc_area {
   padding-left: 15px;
   background-color: #E6F7FC;
}
.select_sp li p.sc_area label {
  display:table;
}
.select_sp li p.sc_area label input {
  display:table-cell;
  line-height:1.3;
}
.select_sp li p.sc_area label span,
.select_sp li p.sc_area label a {
  display:table-cell;
  line-height:1.3;
  padding:0 0 0 5px;
}
.select_sp > li:last-child p {
    border-bottom: 1px solid #cdcdcd;
}
.spmix .linkBox {
   padding: 0 !important;
}
.spmix .linkBox  a {
   height: auto !important;
}
.spmix .linkBox a.var_gray {
    border: 1px solid #666;
}
.open_all_btn  a {
    background: #fff;
    border: solid 1px #006ec8;
    position: relative;
    min-width: 100px;
}
.open_all_btn  a span {
    color: #006ec8;
}
.open_all_btn a:before,
.select_sp > ul > li > p a:before {
    position: absolute;
    content: "";
    left: 10px;
    top: 18%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #006ec8;
    border-left: 2px solid #006ec8;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.open_all_btn.open a:before,
.select_sp > ul > li > p a.open:before {
    top: 40%;
    border-bottom: 2px solid #006ec8;
    border-right: 2px solid #006ec8;
    border-top: none;
    border-left: none;
}
.select_sp > ul > li > p a:before {
   right: 12px;
   left: auto;
}
.open_all_btn a {
    padding-left: 15px;
}
.open_all_btn a:before {
    top: 2px;
    left: 10px;
}
.open_all_btn.open a:before {
    top: 5px;
}
.open_all_btn a:hover {
    background: #fff;
}
.select_sp li a span {
    margin-left: -9999px;
}
.select_country_sp li a:before {
     position: absolute;
     content: '';
     width: 17px;
     height: 17px;
     background: #006ec8;
     border-radius: 50%;
     top: 20%;
     right: 10px;
}
.select_country_sp li a:after {
     position: absolute;
     content: '';
     width: 4px;
     height: 4px;
     border-bottom: solid 1px #fff;
     border-right: solid 1px #fff;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 40%;
     right: 16px;
     margin-top: -1px;
}
.select_country_sp li a.open:after {
     border-top: solid 1px #fff;
     border-left: solid 1px #fff;
     border-bottom: none;
     border-right: none;
     top: 47%;
}

a.withmore, a .withmore {
    padding: 0 0 10px 24px;
    background: url(/library/icons/icon_more_belowb.png) no-repeat left 0.2em;
}

/*sp*/
.mm-page .elem_content_divide_box .elem_column_block .elem_column_block_pad {
    padding: 15px 10px 5px !important;
}
.mm-page .elem_heading_lv2 ul.button, .mm-page .elem_heading_lv3 ul.button {
    position: absolute;
    top: 0;
}
#elem_heading_lv1 {
   position: relative;
   padding: 12px 12px 20px !important;
}

#elem_category_title ul.button li a.var_link {
     padding: 8px 7px 8px 2px  !important;
     background: #006ec8 url(/library/new/common/content_images/arrow/arrow_right_small.png) right 50% no-repeat !important;
}
a.withmore, a .withmore {
    padding: 0 0 10px 24px;
    background: url(/library/icons/icon_more_belowb.png) no-repeat left 0.2em;
}

.elem_table_basic.elem_table_mypage .th {
        padding: 6px 8px !important;
}
.elem_table_basic.elem_table_mypage .cate {
    min-width: initial;
    margin-bottom: 2px;
}
.elem_column_block .color_base {
    background: #E0F5FC !important;
}

.tab_events {
   position: relative;
}
.tab_events:before {
   position: absolute;
   content: "";
   display: block;
   top: -30px;
  left:10px;
}

.checkTab .elem_heading_lv2 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.checkTab .tabNav {
  overflow: initial;
}
.tab-balloon-wrap {
  top: -73px;
  right: 0;
}

.tab-balloon:before {
  left: 70%;
  margin-left: -15px;
}

.tab-balloon p {
  margin: 0;
  padding: 0;
  font-weight: bold;
}

.more-box p {
  font-size: 0.75em;
}