﻿.mask_sarana{position:fixed;top:0;left:0;right:0;bottom:0;margin:0;padding:0;background:rgba(0,0,0,0.6);z-index:900;display:none}.pop_sarana{position:absolute;top:50px;left:50%;width:560px;margin-left:-280px;background:#fff;padding:15px;text-align:left;font-size:14px;z-index:1000;padding-top:35px;box-sizing:border-box;display:none}@media only screen and (min-width: 768px) and (max-width: 1024px){.pop_sarana{padding-top:25px}}@media only screen and (max-width: 767px){.pop_sarana{padding-top:15px}}.pop_sarana *{box-sizing:border-box}@media only screen and (max-width: 1023px){.pop_sarana{position:fixed}}@media only screen and (max-width: 767px){.pop_sarana{position:absolute;width:calc(100% - 60px);left:30px;margin-left:0;padding:10px}}.pop_sarana .btn_close{position:absolute;top:-25px;right:-25px}@media only screen and (max-width: 767px){.pop_sarana .btn_close{width:45px;top:-12px;right:-12px}}.pop_sarana .btn_close:hover{opacity:.8}.pop_sarana .box_sarana .photo{text-align:center;line-height:0;max-width:350px;margin:0 auto;margin-bottom:25px}@media only screen and (min-width: 768px) and (max-width: 1024px){.pop_sarana .box_sarana .photo{margin-bottom:20px}}@media only screen and (max-width: 767px){.pop_sarana .box_sarana .photo{margin-bottom:10px}}.pop_sarana .box_sarana .photo img{max-width:100%}.pop_sarana .box_sarana .btn{text-align:center;margin-bottom:25px}@media only screen and (min-width: 768px) and (max-width: 1024px){.pop_sarana .box_sarana .btn{margin-bottom:20px}}@media only screen and (max-width: 767px){.pop_sarana .box_sarana .btn{margin-bottom:10px}}.pop_sarana .box_sarana .btn a{display:block;text-decoration:none;color:#fff;background:#d94612;font-family:'FutoMinA101Pr6N', "HannariMincho","Yu Mincho","ヒラギノ明朝 ProN W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝","Times New Roman",serif;font-size:160%;max-width:450px;border-radius:10px;margin:0 auto;padding:10px 40px;position:relative}@media only screen and (min-width: 768px) and (max-width: 1024px){.pop_sarana .box_sarana .btn a{font-size:120%}}@media only screen and (max-width: 767px){.pop_sarana .box_sarana .btn a{font-size:107%}}@media only screen and (max-width: 767px){.pop_sarana .box_sarana .btn a{padding:10px 20px}}.pop_sarana .box_sarana .btn a:after{content:'';position:absolute;width:11px;height:19px;top:50%;right:25px;margin-top:-10px;background:transparent url(../img/ic_arr_right.png) no-repeat center center;background-size:contain}@media only screen and (max-width: 767px){.pop_sarana .box_sarana .btn a:after{width:8px;right:10px}}.pop_sarana .box_sarana .btn a:hover{opacity:.8}.pop_sarana .box_sarana .box{text-align:right}.pop_sarana .box_sarana .box input{display:none}.pop_sarana .box_sarana .box label{position:relative;padding-left:20px}.pop_sarana .box_sarana .box label:before{content:'';position:absolute;left:0;top:0;width:15px;height:15px;margin:0;padding:0;box-sizing:border-box;border:1px solid #000}
