/*shareボタンstyle
/************************************************************/

.shareList_div {margin:-20px -40px 0 0px;}

.shareList_div p {
text-align:center;
font-size:12px;
border-bottom:solid;
border-width:1px;
padding-bottom:3px;
width: 90%;
}

.shareList {
	list-style:none;
	display: flex;

	flex-wrap:wrap;
	width:100%;
	margin:-10px 0 0 -5px;
	padding:0;
}


.shareList__item {
	list-style:none;
	height:20px;
	line-height:20px;
	margin:5px 0 0 5px;
	text-align:center;
}
.shareList__link {
	display:block;
	padding:0 12px;
	color:#ffffff;
	text-decoration: none;
	border-radius: 5px;
}

.shareList__link::before{
	font-size:12px;
	transition: ease-in-out .2s;
	border-radius: 5px;

}
.shareList__link::after{
	content:attr(title);
	font-size:12px;
	vertical-align: top;
	margin-left:5px;
}
.shareList__link:hover{opacity: 0.75;color:#ffffff;}

.shareList__link.icon-twitter{background:#55acee;color:#ffffff;}

.shareList__link.icon-facebook{background:#3B5998;color:#ffffff;}

.shareList__link.icon-line{background:#1dcd00;color:#ffffff;}



/***  SNS フォローアイコン ***/

/* アイコン周り全体 */
.flowbtn13{
font-family:'Arial', sans-serif;	
display:inline-block;
width:90%;
font-size:18px;
text-align:left;
border-bottom:dotted 1px #bbb;
text-decoration:none;
}
/* マウスホバー時に下線を消す */
.flowbtn13:hover{
text-decoration:none;
}
/* Twitter */
.flowbtn13 .fa-twitter-square{
color:#55acee;
}
/* Twitterマウスホバー時 */
.fl_tw13 span:hover{
color:#55acee;
}
/* Instagram */
.flowbtn13 .fa-instagram{
color:#c6529a;
}
/* Instagramマウスホバー時 */
.insta_btn13 span:hover{
color:#c6529a;	
}
/* Facebook */
.flowbtn13 .fa-facebook-square{
color:#3b5998;
}
/* Facebookマウスホバー時 */
.fl_fb13 span:hover{
color:#3b5998;	
}
/* YouTube */
.flowbtn13 .fa-youtube-square{
color:#fc0d1c;
}
/* YouTubeマウスホバー時 */
.fl_yu13 span:hover{
color: #fc0d1c;	*/
}
/* LINE */
.flowbtn13 .fa-line{
color:#00c300;
}
/* LINEマウスホバー時 */
.fl_li13 span:hover{
color:#00c300;	
}
/* メールアイコン */
.flowbtn13 .fa-envelope-square{
color:#f3981d;
}
/* メールアイコンマウスホバー時 */
.fl_ma13 span:hover{
color:#f3981d;	
}
/* テキスト調整 */
.flowbtn13 span{
font-size:12px;	
position:relative;
left:6px;
bottom:2px;	
color:#666;	
}
/* テキストマウスホバー時*
.flowbtn13 span:hover{
 transition: .5s;
font-weight:bold;	
margin-left:5px;	
}
/* ulタグの内側余白を0にする */
ul.snsbtniti2{
padding:0!important;
}
/* 全体の位置 */
.snsbtniti2{
display:flex;
justify-content: flex-end;
flex-flow:row wrap;
}
/* 要素同士の余白 */
.snsbtniti2 li{
flex:0 0 12%;
text-align:center!important;
}


/* iPad 縦 */
@media only screen and (max-width:768px){

.flowbtn13{
width:90%;
font-size:15px;
text-align:left;
}
/* テキスト調整 */
.flowbtn13 span{
left:6px;
bottom:1px;	
}

/* 全体の位置 */
.snsbtniti2{
justify-content:center;
}


/* 要素同士の余白 */
.snsbtniti2 li{
flex:0 0 18%;
}

}



/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){

.flowbtn13{
font-size:15px;
text-align:left;
}
/* テキスト調整 */
.flowbtn13 span{
left:6px;
bottom:1px;	
}

/* 全体の位置 */
.snsbtniti2{
justify-content:center;
}


/* 要素同士の余白 */
.snsbtniti2 li{
flex:0 0 20%;
}

}



/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){

.flowbtn13{
width:80%;
font-size:10px;
text-align:left;
}
/* テキスト調整 */
.flowbtn13 span{
font-size:11px;	
left:6px;
bottom:1px;	
}

/* 全体の位置 */
.snsbtniti2{
justify-content:center;
}

/* 要素同士の余白 */
.snsbtniti2 li{
flex:0 0 23%;
}

}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:370px){

.shareList_div {margin-right:0px 3px 0 0px;}

.shareList_div p {
font-size:10px;
}

.shareList {
	justify-content:;
	flex-wrap:nowrap;
}


.shareList__item {
	height:18px;
	line-height:18px;
}

.shareList__link::before{
	font-size:11px;

}
.shareList__link::after{
	font-size:11px;
}



}