@charset "utf-8";
/* CSS Document */

.sp { display: none; }

#facebook { font-size: 18px; }
section { border: 1px solid #ccc; background: #FBFBFB; margin-bottom: 80px; padding: 30px; }

h2,
.2col,
#fbTitle {
	font-size: 1.666666666666667rem;
	text-align: center;
	font-weight: 700;
}

table.fb {
	display: table;	
}

.fb1 {
	font-size: 2.67777777777rem;
	font-weight: 700;
}

h3 { font-size: 2rem; line-height: 2.2rem; font-weight:400px; color: #888888; }
h4 { font-size: 1.8rem; line-height: 2rem; color: #888888; }

#facebook section p { padding: 20px 10px; text-align: center; }
#facebook section .left { text-align: left; }

/* Table */
.table-row {
 display: table;
 margin: 20px auto 0;
 width: 100%;
}
.table-column {
 box-sizing: border-box;
 padding: 10px;
 display: table-cell;
 vertical-align: top; /*縦位置を揃える*/
}
.table-column:first-child {
 width: 48%; /*左カラムのサイズ*/
}


.button{display:block;width:60%;height:60px;margin:0 auto;text-align:center;text-decoration:none;line-height:30px;outline:none;cursor:pointer}.button::before,.button::after{position:absolute;z-index:-1;display:block;content:''}.button,.button::before,.button::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .5s;transition:all .5s;font-weight:700;}

/*Blue Button*/
.button{color:#fff;background-color:#5890ff;-webkit-transition:none;transition:none;text-shadow:0 1px 1px rgba(0,0,0,.3);background:-webkit-gradient(linear,left top,left bottom,color-stop(1.00,#02b0e6),color-stop(0.00,#99dff5));background:-webkit-linear-gradient(top,#99dff5 0%,#02b0e6 100%);background:-moz-linear-gradient(top,#99dff5 0%,#02b0e6 100%);background:-o-linear-gradient(top,#99dff5 0%,#02b0e6 100%);background:-ms-linear-gradient(top,#99dff5 0%,#02b0e6 100%);background:linear-gradient(top,#99dff5 0%,#02b0e6 100%)}.button:hover{border:1px solid #1090c3;background:-webkit-gradient(linear,left top,left bottom,color-stop(1.00,#99dff5),color-stop(0.00,#02b0e6));background:-webkit-linear-gradient(top,#02b0e6 0%,#99dff5 100%);background:-moz-linear-gradient(top,#02b0e6 0%,#99dff5 100%);background:-o-linear-gradient(top,#02b0e6 0%,#99dff5 100%);background:-ms-linear-gradient(top,#02b0e6 0%,#99dff5 100%);background:linear-gradient(top,#02b0e6 0%,#99dff5 100%)}.button:active{background:#1a92c2;box-shadow:inset 0 3px 5px rgba(0,0,0,.2);color:rgba(134,221,204,1.00);text-shadow:0 1px 1px rgba(255,255,255,.5)}input:focus,select:focus{box-shadow:rgba(38,161,221,0.5) 0 0 3px 2px;-webkit-box-shadow:rgba(38,161,221,0.5) 0 0 3px 2px;-moz-box-shadow:rgba(38,161,221,0.5) 0 0 3px 2px}

.yel {background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7400), color-stop(0.00, #ffa443));
background: -webkit-linear-gradient(top, #ffa443 0%, #ff7400 100%);
background: -moz-linear-gradient(top, #ffa443 0%, #ff7400 100%);
background: -o-linear-gradient(top, #ffa443 0%, #ff7400 100%);
background: -ms-linear-gradient(top, #ffa443 0%, #ff7400 100%);
background: linear-gradient(top, #ffa443 0%, #ff7400 100%);}
.yel:hover {background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffa443), color-stop(0.00, #ff7400));
background: -webkit-linear-gradient(top, #ff7400 0%, #ffa443 100%);
background: -moz-linear-gradient(top, #ff7400 0%, #ffa443 100%);
background: -o-linear-gradient(top, #ff7400 0%, #ffa443 100%);
background: -ms-linear-gradient(top, #ff7400 0%, #ffa443 100%);
background: linear-gradient(top, #ff7400 0%, #ffa443 100%);
}

.center { text-align: center; }
.nonBorder { border: none; }
#boshu .arrow{background: url(/fb/images/arrow_g.gif) no-repeat 0 center;padding-left:12px;}

@media screen and (max-width: 1280px)  { /* Tablet styles go here */

}

@media screen and (max-width: 767px) { /* Andoroid styles go here */
/*br { display : none ; }*/
section { margin-bottom: 40px; }
img { width: 100%; height: auto; }
.pc { display: none; }
br { display: none; }
/* Table */
.table-column:first-child {
 float: left;
 width: 100%; /*左カラムのサイズ*/
}
.table-column:last-child {
 float: right;
 width: 100%; /*右カラムのサイズ*/
}
}
@media screen and (max-width: 480px) { /* iPhone styles go here */

}
@media screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){ /* Retina styles go here */
.arrow {
	background-image: url(/fb/images/arrow_g_2x.gif);
	background-size: 8px 14px;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {/* IE10-specific styles go here */
  .xxx:not(:target) {
    height:60px;
  }
}

/* clearfix */
.clearfix:before, .container:after { content: ""; display: table; }
.clearfix:after { clear: both; }
 
/* IE 6/7 */  
.clearfix { zoom: 1; }