@charset "UTF-8";
@media (min-width: 768px) {
/* CSS Document */
#modal_box p { margin-block-start: 0em; margin-block-end: 0em;}
#modal_box {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "pkana";
    color: #333;
    line-height: 1.5em;
    font-size: 14px;
}
#modal_box .modal_box{ padding: 4%; margin: 0; }
#modal_box .modal { 
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFF;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    transition: margin-top 0.3s ease, height 0.3s ease;
    width: 50%;
    height: auto;
    max-height: 90vh;
    border-radius:10px; /* CSS3 */
    -webkit-border-radius:10px; /* Safari,Google Chrome */
    -moz-border-radius:10px;/* Firefox */
    display:none; 
    z-index:9999; 
    text-align:center; 
}
#modal_box .modal_tit {
    padding: 3%;
    font-weight: bold;
    font-size: 120%;
    color: #FFF;
    background: #999;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#modal_box .come {
    padding: 3%;
    text-align: left;
}
#modal_box ul.modal_btn {
    margin: 20px auto 0;
    width: 80%;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
}
#modal_box ul.modal_btn li {
    float: left;
    width: 49%;
    list-style: none;
}
#modal_box ul.modal_btn li+li {
    margin-left: 2%!important;
}
#modal_box ul.modal_btn li a {
    display: block;
    width: 100%;
    padding: 15px;
    color: #FFF;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: 0.3s;
    
}
#modal_box ul.modal_btn li:nth-child(1) a {
    background: #4DA5DE;
}
#modal_box ul.modal_btn li:nth-child(2) a {
    background: #999;
}
#modal_box ul.modal_btn li a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
}
}

@media screen and (max-width: 767px) {
#modal_box {
    color: #333;
    line-height: 1.5em;
    font-size: 14px;
}
#modal_box .modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    background: #FFF;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    transition: margin-top 0.3s ease, height 0.3s ease;
    width:90%;
    height: auto;
    max-height: 90vh;
    border-radius:10px; /* CSS3 */
    -webkit-border-radius:10px; /* Safari,Google Chrome */
    -moz-border-radius:10px;/* Firefox */
    display:none; 
    z-index:9999; 
    text-align:center; 
}
#modal_box .modal_box{ padding: 15px;}
#modal_box .modal_tit {
    padding: 3%;
    font-weight: bold;
    font-size: 110%;
    color: #FFF;
    background: #999;
    border-radius: 5px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#modal_box .come { padding: 4% 0 0 0; font-size: 80%; text-align: left;}
#modal_box ul.modal_btn { margin: 4% auto 0; width: 80%;  padding: 0; box-sizing: border-box; overflow: hidden; }
#modal_box ul.modal_btn li { float: left; width: 49%; list-style: none;}
#modal_box ul.modal_btn li+li {  margin-left: 2%!important;}
#modal_box ul.modal_btn li a {
    display: block;
    width: 100%;
    padding: 10%;
    color: #FFF;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#modal_box ul.modal_btn li:nth-child(1) a {  background: #4DA5DE;}
#modal_box ul.modal_btn li:nth-child(2) a {  background: #999;}
}