@charset "utf-8";

body{
	color: #FFF;
	background-color: #318B00;
}
img{
	max-width: 100%;
}

/* SYSTEM */
.flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.col_3{
	width: 31.33%;
	margin: 1%;
}
a{
	transition: all .3s ease;
}
a:hover{
	opacity: .8;
}
.col_3 a img{
	width: 100%;
}

/* COMMON */
.wrap{
	width: auto;
	max-width: 1280px;
	margin: 30px auto;
	padding: 0 15px;
}

/* INDEX */
h1,p{
	text-align: center;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}

/*---------SNSアイコン----------*/
/* アイコンボタンホバー時 */
.flowbtn15:hover{
	text-decoration:none;
	opacity:.8;
}

/* ボタン内テキスト調整 */
.flowbtn15 div{
	font-size:16px;	
	position:relative;
	bottom:-5px;
}

/* ulタグの内側余白を０にする */
ul.snsbtniti2{
	padding:0!important;
}

/* アイコンボタンの位置調整 */
.snsbtniti2{
	display:flex;
	flex-flow:row wrap;
	list-style: none;
}

/* アイコンボタン同士の余白調整 */
.snsbtniti2 li{
	/*flex:0 0 48%;*/
	text-align:center!important;
	margin: 0.6rem 1rem;
    display: inline-block;
}

/* アイコン周り全体 */

.flowbtn15{
	font-family:'Arial',sans-serif;	
	display:inline-block;
	position:relative;
	width:250px;
	height:55px;
	font-size:23px;
	border-radius:5px;
	color:#fff!important;
	text-decoration:none;
	transition:0.3s;
    padding: 3px 0px;
}

.flowbtn15 i{
	position:relative;
	bottom:-5px;
}

/* Twitter */
.fl_tw1{
	background:#55acee;
}

/* Instagramアイコン位置 */
.insta_btn15 .fa-instagram{
	font-size:28px;
}

/* Instagram紫グラデ背景色 */
.insta_btn15{
	background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	overflow:hidden;
}

/* Instagramオレンジグラデ背景色 */
.insta_btn15:before{
	content: '';
	position:absolute;
	top:27px;
	left:-75px;
	width:100%;
	height:100%;
	background:-webkit-radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 45%, rgba(255, 88, 96, 0) 80%);
	background:radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 80%);
}

/* Facebook */
.fl_fb1{
	background:#3b5998;
}
/*-----------------------------*/

@media only screen and (max-width: 991px){
	/* SYSTEM */
	.col_3{
		width: 48%;
	}
}

@media only screen and (max-width: 767px){
	/* SYSTEM */
	.col_3{
		width: 98%;
	}
	
	.snsbtniti2 li{
		width:100%;
	}
}