@charset "utf-8";
/* CSS Document */

.sns_pc{
	display: visible;
	
}

.sns_tab{
	display: none;
	
}

.sns_sp{
	display: none;
	
}


.sns_main{
	position: relative;
	width: 100%;
	
}

.sns_main img{
	width: 100%; 
	image-rendering: -webkit-optimize-contrast;
	
}


.line_id{
	position: absolute;
	left:34.1%;
	bottom:14.8%;
	display: block;
	width:20%;
	max-width: 200px;
	background-color: #FFFFFF;
	padding: 5px;
	border-radius:6px;
	font-weight: bold;
	font-size:1.6em;
	text-align: center;margin-top: 10px
		
	
}


.line_text{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
max-width: 1200px;
margin: 0 auto;
}

.line_text p{
margin: 0 2.5% 0 5%;
text-align: left;
font-weight: bold;
}

.line_btn{
height: 74px;
}


 @media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
    .selector {
        property: value;
    }
/* IE向けのCSS～START */
 .line_id{
padding:10px 5px 5px;
	
}
/* IE向けのCSS～END */
}

 

@media screen and (max-width:976px)
{
	.sns_pagebox{
width: 100%!important;
	margin: 0!important; 
		
	}

	
	
.line_text p {
font-size: 100%;
text-align: center;
margin-bottom: 20px;
}
	

.line_id{
	position: absolute;
	left:34.1%;
	bottom:calc(13.8% - 5px);
	font-size:1.4em;
	text-align: center;margin-top: 10px
		
	
}
}

@media screen and (max-width:767px)
{
	

	
.sns_pagebox{
width: 100%!important;
	margin: 0!important; 
		
	}
	
.line_id{
	display: none;
		
	
}
.line_btn{
height: 60px;
}
.line_text p {
    font-size: 84%;

}	
	
}