@charset "utf-8";
/* ------------------------------
   Browser Reset
------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
}
article,aside,details,figcaption,figure,
footer,header,main,menu,nav,section{
  display:block;   /*旧ブラウザの表示対策*/
}

html{
  -webkit-text-size-adjust: 100%;   /*スマートフォン等の横長表示での文字サイズ拡大防止*/
}
/*header
--------------------*/
.slideShow{
  position: relative;
  /*height: 500px;*/
  height: calc(100vh - 60px);
  background-size: cover;
}
.header {
  opacity:0.5;
}


ul,li{
list-style:none
}

/* HTML5 ELEMENTS
------------------------------ */
header,article,aside,section,footer,
nav,menu,details,hgroup,summary {
	display: block;
}

/* COMMON ELEMENTS */
body {
	font-size: 14px;
	line-height: 1.6em;
	font-family: "游ゴシック",YuGothic,"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	background: #fff;
}


/* ボタン全体 */
.flowbtn17{
border-radius:50%;
position:relative;
margin-top: 4px;
display:inline-block;
width:50px;
height:50px;
font-size:30px;
text-decoration:none;
transition:.5s;
background-color:#888;
}
/* ボタンマウスホバー時のテキスト指定 */
.flowbtn17:hover{
text-decoration:none;
}
/* アイコンをど真ん中に */
.flowbtn17 i{
position:absolute;
top:50%;
left:50%;
-ms-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
/* Twitterマウスホバー時 */
.flowbtn17.fl_tw2:hover{
background:linear-gradient(135deg, #13f1fc 0%,#0470dc 100%);
}
/* Instagramマウスホバー時 */
.flowbtn17.insta_btn2:hover{
background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;		
}
/* Facebookマウスホバー時 */
.flowbtn17.fl_fb2:hover{
background:-webkit-linear-gradient(top, #5c80c6 0%, #34528c 74%);	
background:linear-gradient(to bottom, #5c80c6 0%, #34528c 74%);
}
/* アイコン内文字色設定 */
.flowbtn17.fl_tw2{
color:#fff;
}
.flowbtn17.insta_btn2{
color:#fff;
}
.flowbtn17.fl_fb2
{
color:#fff;
}
/* ulタグの内側余白を０にする */
ul.snsbtniti2{
padding:0!important;
color:#fff;
}
/* ボタン全体の位置 */
.snsbtniti2{
display:flex;
flex-flow:row wrap;
}
/* ボタン同士の余白 */
.snsbtniti2 li{
flex:0 0 52%;
text-align:center !important;
}
.wrap {
  display: flex;
  flex-wrap: wrap;
}


/* ------------------------------
   baseFooter
------------------------------ */
.baseFooter {
	z-index:30;
	text-align: center;
}

.baseFooter small {
	color: #999;
	font-size: 0.6em;
}