@charset "utf-8";

/*CSS*/

p{color:#746d69;font-size:1.0em;}
h1{color:#f9f8f5;font-size:2.7em; background-color:#002147 ;text-align:center;
height: 300px;
display: flex;
    justify-content: center; /*左右中央揃え*/
    align-items: center;     /*上下中央揃え*/
}

.head1{
color:#f9f8f5;font-size:2.3em; background-color:#002147 ;text-align:center;
height: 90px;
display: flex;
    justify-content: center; /*左右中央揃え*/
    align-items: center;     /*上下中央揃え*/
}

h2{color:#002147;
width:70%;
border-left: #2f72a8 10px solid;
font-size:2em;}


/*ウィンドウ背景の設定*/
body{background-color:#f9f8f5;}
13:23 2018/05/0713:23 13:24 
/*ページタイトルの設定*/

/*大見出しの設定*/

a{color;#002147;}
a:hover{color:#002147;
 font-size:1.0em;
 background-color:#f9f8f5;}
img{width:300px;}

#navi{
width:18%;
height:50%;
float:left;
background-color:#e0ded9;}

#navi2{
width:70%;
float:right;}


#wrap{background-color:#2f72a8;}

#main{background-color:##2f72a8;}
#sub{background-color:##2f72a8;}

/*メニュー*/
/*メニュー全体を囲むブロック*/
#menubar {
	text-align: center;		/*文字をセンタリング*/
	font-size: 18px;		/*文字サイズ*/
	margin-bottom: 40px;	/*下に空けるスペース*/
}
/*メニュー１個あたりの設定*/
#menubar li {
	display: inline;	/*横並びにする設定*/
}
#menubar li a {
	text-decoration: none;
	padding: 15px 30px;	/*各メニュー内の余白。上下に15px、左右に30pxあけるという意味。*/
}
/*マウスオン時の設定*/
#menubar li a:hover {
	color: #d08047;	/*文字色*/
	border-bottom: 4px solid #2f72a8;	/*下線の幅、線種、色*/
}

/*フッダー*/

footer {
  color: #fff;
  clear:both;
  height: 120px; 
  text-align: center;
  padding: 50px 0;
  background-color: #002147;
}
footer a {
 color: #fff;
 text-decoration: none;
}
footer a:hover {
 text-decoration: underline;
}
footer .menu {
 margin: 0;
 padding: 0;
 list-style: none;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
footer .menu li {
 margin: 0;
 padding: 0 20px;
}
footer02 .copyright {
 margin: 0;
 padding: 20px 0 0 0;
}

/*インスタボタン*/

.insta_btn2{/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  position: relative;
  display: inline-block;
  height: 50px;/*高さ*/
  width: 190px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 17px;/*文字のサイズ*/
  line-height: 42px;/*高さと合わせる*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

.insta_btn2:before{/*グラデーション②*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}

.insta_btn2 .fa-instagram{/*アイコン*/
  font-size: 35px;/*アイコンサイズ*/
  position: relative;
  top: 4px;/*アイコン位置の微調整*/
}

.insta_btn2 span {/*テキスト*/
  display:inline-block;
  position: relative;
  transition: .5s
}

.insta_btn2:hover span{/*ホバーで一周回転*/
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}