/*porter_voice_pc*/

.s_mainttl img{width:100%;}
.s_innercontents{background:#e76700;padding:20px 0;}
.s_comentarea{margin-top:10px;font-size:30px;background:#fff;padding:10px;line-height: 1.5em;}
.s_comentarea p span{font-weight:bold;}
section{margin:30px 30px 0;}

.s_subttlarea{text-align:center;}
.s_subttlarea h2{font-size:50px;}
.s_subttlarea h2 span{background: linear-gradient(transparent 50%, #e76700 50%);}
.s_subttlarea p{font-size:3.5vw;margin-top:0.5em;}
.s_btn{border-radius:20px;width:60%;height:60px;margin:0 auto;background-color:#000;filter:drop-shadow(2px 2px 2px #666);}    
.s_btn p{text-align: center;position:relative;line-height:60px;height:60px;}    
.s_btn p a{position:absolute;top:0;left:0;width:100%;height:100%;}   
.s_btn p a span{font-size:30px;color:#fff;}
.s_btn p a span:after{content: "";position: absolute;top: 33%;right: 15px;width: 15px;height: 15px;border: 0px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);}

.s_float{width:950px;position:fixed;bottom:0%;background-color:rgba(231, 103, 0,0.5);padding:1em 0;z-index:10;}     
     
/*lineup*/
.s_lineuparea{background-color:#fff;color:#000;padding:40px 30px;}
.s_color{display:flex;width: 40%;margin: 0 auto;}
.s_color li{background-color:#000;width:40px;height:40px;margin-right:2px;border-radius:50%;}    
.cmp-image p{margin-top:0px!important;font-size:40px;line-height:1em;}
.s_point{width:150px;height:150px;background:#e76700;position:absolute;top:0%;left:0%;border-radius:50%;animation:s_fuwari 6s ease infinite;display:table;cursor:pointer;}
.s_luimg{position:relative;}
.s_luimg img{border-radius:50%;filter: drop-shadow(1px 1px 3px #666);}
.s_point p{font-size: 40px;line-height: 40px;display: table-cell;vertical-align: middle;}

/*hover_effect*/
.s_point:hover{width:180px;height:180px;}
    
    
/*animetion*/
@keyframes s_fuwari{
    0%{transform:translateY(0)}
    5%{transform:translateY(0)}
    10%{transform:translateY(0)}
    20%{transform:translateY(-10px)}
    25%{transform:translateY(0)}
    30%{transform:translateY(-10px)}
    50%{transform:translateY(0)}
    100%{transform:translateY(0)}
    }
    
/*popup window*/
.s_PopUp{background-color:#efefef;box-shadow:0 0 0 9999px rgba(0,0,0,0.6);display:none;position:fixed;top:0;left:29%;bottom:0;margin:auto;width:800px;height:800px;z-index: 25;border-radius:50%;border:double 15px #e76700;box-sizing: border-box;}

/*checkbox*/
#s_PopupOn{display:none;}
#s_PopupOn:checked + .s_PopUp{display:block;}
#s_PopupOn2{display:none;}
#s_PopupOn2:checked + .s_PopUp{display:block;}    
#s_PopupOn3{display:none;}
#s_PopupOn3:checked + .s_PopUp{display:block;}       
#s_PopupOn4{display:none;}
#s_PopupOn4:checked + .s_PopUp{display:block;}       
#s_PopupOn5{display:none;}
#s_PopupOn5:checked + .s_PopUp{display:block;}       
#s_PopupOn6{display:none;}
#s_PopupOn6:checked + .s_PopUp{display:block;}       
#s_PopupOn7{display:none;}
#s_PopupOn7:checked + .s_PopUp{display:block;}   
#s_PopupOn8{display:none;}
#s_PopupOn8:checked + .s_PopUp{display:block;}       
    
    
    
/*close*/
.s_BtnClose{background:#000;border-radius:10px;color:#fff;padding:10px;cursor:pointer;margin:10px auto;width:50%;text-align:center;z-index: 1;    position: absolute;bottom:10%;left:25%;font-size:30px;}
    
/*nakami*/
.s_PopupContent{margin:60px auto 0;width:90%;text-align: center;font-size: 40px;}     
.s_PopupContent img{border-radius:0%;filter: none;width:100%;}     

/**/
.s_contentsarea{background:#fff;}

/*ページトップに戻す↑の位置調整*/
.primaryTemplate__pageTop {bottom:15vw!important;}

/*フッタにフロートが潜るための記述*/
.s_Fixed {/*display: none!important;*/animation : fadeOut 0.5s;animation-fill-mode: both;}
@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}