@charset "UTF-8";
/*header*/
#head_frame {
  height: 100%;
  position: relative; }
  #head_frame .head_fimage {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../price/images/header_img.jpg);
    background-size: contain;
    padding-top: calc(600 / 1300 * 100%);
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background-repeat: no-repeat; }
  #head_frame .head_fword {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    font-size: 1.4em; }
    #head_frame .head_fword p {
      line-height: 1.8em; }

/*END header*/

/*FB*/
.fb_frame{
	background-color: #fff;
}
.fb_frame:hover{
	background-color: #155ecf;
}
.fb_frame h2{
font-size:1.3em;
	padding:10px;
	color:#000;
	text-align:center;
}
.fb_frame h2::before{
	content:'';
width: 70px;/*画像の幅*/
  height: 70px;/*画像の高さ*/
display:inline-block;
	background-image: url(../sns/images/fb_icon.png);
  background-size: contain;
  vertical-align: middle;
 margin-right:10px;		
}
/*TWITTER*/
.tw_frame{
	background-color: #fff;
}
.tw_frame:hover{
	background-color: #155ecf;
}
.tw_frame h2{
font-size:1.3em;
	padding:10px;
	color:#000;
	text-align:center;
}
.tw_frame h2::before{
	content:'';
width: 70px;/*画像の幅*/
  height: 70px;/*画像の高さ*/
display:inline-block;
	background-image: url(../sns/images/tw_icon.png);
  background-size: contain;
  vertical-align: middle;
 margin-right:10px;		
}
/*instagram*/
.in_frame{
	background-color: #fff;
}
.in_frame:hover{
	background-color: #155ecf;
}
.in_frame h2{
font-size:1.3em;
	padding:10px;
	color:#000;
	text-align:center;
}
.in_frame h2::before{
	content:'';
width: 70px;/*画像の幅*/
  height: 70px;/*画像の高さ*/
display:inline-block;
	background-image: url(../sns/images/in_icon.png);
  background-size: contain;
  vertical-align: middle;
 margin-right:10px;		
}
/*Blog*/
.bl_frame{
	background-color: #fff;
}
.bl_frame:hover{
	background-color: #155ecf;
}
.bl_frame h2{
font-size:1.3em;
	padding:10px;
	color:#000;
	text-align:center;
}
.bl_frame h2::before{
	content:'';
width: 70px;/*画像の幅*/
  height: 70px;/*画像の高さ*/
display:inline-block;
	background-image: url(../sns/images/bl_icon.png);
  background-size: contain;
  vertical-align: middle;
 margin-right:10px;		
}

/*==================================MQ======================================================
==========================================================================================
*/
@media screen and (min-width: 968px) {
  /*header*/
  #head_frame {
    height: 100vh; }
    #head_frame .head_fimage {
      padding: 0;
      height: 100%;
      background-image: url(../price/images/header_img.jpg);
      background-position: center;
      background-size: cover;
      justify-content: center;
      align-items: center; }

  header {
    width: 100%;
    background-color: #ffffff;
    z-index: 99999; }

	/*END header*/
	
.fb_frame h2, .tw_frame h2, .in_frame h2, .bl_frame h2{
font-size:1.2em;
	padding:5px;
	}
}