/*porter_voice_sp*/

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

.s_subttlarea{text-align:center;}
.s_subttlarea h2{font-size:5vw;}
.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:40px;margin:0 auto;background-color:#000;filter:drop-shadow(2px 2px 2px #666);}    
.s_btn p{text-align: center;position:relative;line-height:40px;height:40px;}    
.s_btn p a{position:absolute;top:0;left:0;width:100%;height:100%;}   
.s_btn p a span{font-size: 4vw;color:#fff;}
.s_btn p a span:after{content: "";position: absolute;top: 33%;right: 15px;width: 10px;height: 10px;border: 0px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);}

.s_float{width:100%;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:10px  5px;}
.s_color{display:flex;width: 40%;margin: 0 auto;}
.s_color li{background-color:#000;width:3vw;height:3vw;margin-right:2px;border-radius:50%;}    
.cmp-image p{margin-top:2px!important;font-size:3.5vw;}
.s_point{width:15vw;height:15vw;background:#e76700;position:absolute;top:0%;left:0%;border-radius:50%;animation:s_fuwari 6s ease infinite;display:table;}
.s_luimg{position:relative;}
.s_luimg img{border-radius:50%;filter: drop-shadow(1px 1px 3px #666);}
.s_point p{font-size: 3.5vw;line-height: 4.5vw;display: table-cell;vertical-align: middle;}
    
    
    
/*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:1.5%;bottom:0;margin:auto;width:95vw;height:95vw;overflow-y:scroll;z-index: 1;border-radius:50%;border:double 4px #e76700;}

/*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: 5%;left: 22%;}
    
/*nakami*/
.s_PopupContent{margin:20px auto 0;width:90%;text-align: center;font-size: 4vw;}     
.s_PopupContent img{border-radius:0%;filter: none;}     

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

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

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

/*sns area*/    
.s_snsArea{background-color:#fff;color:#000;padding:10px 5px;margin-top:30px}    
.s_snsttl{text-align:center;font-size:3vw;}
/*---SNSシェアボタン---*/
ul.SnsContents{
    width:100%;
    margin:15px 0;
}
ul.SnsContents li{
    width:33%;
    float:left;
}
ul.SnsContents img{
    width:40px;
    height:40px;
}
ul.SnsContents li > a{
    display:block;
    width:40px;
}
ul.SnsContents li:first-child > a{
    margin-left:auto;
}
ul.SnsContents li:nth-child(2) > a{
    margin:0 auto;
}
ul.SnsContents li:last-child > a{
    margin-right:auto;
}
ul.SnsContents:after{
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
    content:".";
    line-height:0;
}