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

#gb-footer{
background-color:rgba(224,91,39,1);
color:#fff;
letter-spacing:0.2em;
position:relative;
z-index:1;
}
#gb-footer > div{
	display: inline-block;
	width: 100%;
}
#gb-footer a{
color:#fff;
text-decoration:none;
}
#gb-footer a:hover{
text-decoration:underline;
}
#gb-footer #copyright{
font-size:12px;
}
#gb-footer #company{
	padding-top: 2px;
	font-family: Verdana, "Droid Sans";
}
#gb-footer #copyright #powered{
margin-top:5px;
font-size:10px;
display:block;
}

@media ( max-width : 959px ) {
#gb-footer ul li{
height:40px;
border-bottom:1px solid rgba(255,255,255,0.3);
position:relative;
}
#gb-footer ul li:after{
display: block;
content: "";
width: 10px;
height: 10px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
z-index: 1;
right: 20px;
top: 50%;
margin-top: -6px;
}
#gb-footer ul li a{
display:block;
line-height:40px;
padding-left:20px;
}
#gb-footer #copyright{
text-align:center;
padding:20px 0;
}
}

@media ( min-width : 960px ) {
#gb-footer ul{
padding:15px 0;
overflow:hidden;
display:inline-block;
vertical-align:middle;
}
#gb-footer ul li{
float:left;
margin-left:30px;
}
#gb-footer ul li a{
line-height:1;
}
#gb-footer #copyright{
display:inline-block;
float:right;
padding:15px 30px 15px 0px;
text-align:right;
}
}

.btn-l a,
.btn-l button{
display:block;
width:300px;
height:60px;
background-color:#fd8f37;
border-radius:30px;
border:none;
margin:0 auto;
padding:0;
font-size:20px;
color:#fff !important;
text-align:center;
font-weight:bold;
letter-spacing:0.2em;
line-height:60px;
//box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.20);
text-decoration:none;
cursor:pointer;
outline:0;
}
@media ( min-width : 640px ) {
.btn-l a:hover,
.btn-l button:hover{
text-decoration:underline;
}
}

.btn-s a{
display:inline-block;
max-width:300px;
height:40px;
padding:0 20px;
background-color:#fd8f37;
border-radius:20px;
margin:0 auto;
color:#fff !important;
text-align:center;
font-weight:bold;
letter-spacing:0.2em;
line-height:40px;
text-decoration:none;
white-space:nowrap;
}
@media ( min-width : 640px ) {
.btn-s a:hover{
text-decoration:underline;
}
}


input[type='text'],
input[type='email'],
input[type='password'],
input[type="tel"],
textarea{
height:40px;
padding:9px;
border-radius:3px;
font-size:16px;
line-height:20px;
letter-spacing:0;
border:1px solid #cccccc;
font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-appearance : none;
background-color:#fff;
color:#333;
}
select{
height:40px;
border-radius:3px;
padding:9px;
font-size:16px;
letter-spacing:0;
border:1px solid #cccccc;
font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background-color:#fff;
color:#333;
white-space:nowrap;
}
select option{
white-space:nowrap;
}
button{
font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
input[type=radio],
input[type=checkbox]{
width:20px;
height:20px;
padding:0;
margin:0;
border:none;
border:1px solid #cccccc;
vertical-align:middle;
}

input::-webkit-input-placeholder {line-height:20px; font-size:14px; color:#999;}
input:-ms-input-placeholder {line-height:20px; font-size:14px; color:#999;}
input:-moz-placeholder {line-height:20px; font-size:14px; color:#999; opacity:1;}
input::-moz-placeholder {line-height:20px; font-size:14px; color:#999; opacity:1;}
textarea::-webkit-input-placeholder {line-height:20px; font-size:14px; color:#999;}
textarea:-ms-input-placeholder {line-height:20px;font-size:14px; color:#999;}
textarea:-moz-placeholder {line-height:20px; font-size:14px; color:#999; opacity:1;}
textarea::-moz-placeholder {line-height:20px; font-size:14px; color:#999; opacity:1;}

input.is-disabled, textarea.is-disabled, select.is-disabled {
	background: #ddd;
}

/*btn-page-top-----------------------------------------------------------------*/
.btn-page-top {
position: fixed;
right: 20px;
bottom: 20px;
width: 44px;
height: 44px;
z-index: 1000;
display:none;
}
.btn-page-top span{
display:block;
width: 44px;
height: 44px;
border-radius: 5px;
background-color: rgba(0,0,0,0.5);
text-indent: 110%;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
opacity:0.6;
}
.btn-page-top span:before {
content: '';
height: 0;
width: 0;
display: block;
border: 15px transparent solid;
border-top-width: 0;
border-bottom-color: #fff;
position: absolute;
top: 6px;
left: 7px;
transform:scaleX(0.8);
-transform:scaleX(0.8);
opacity:0.7;
}
.btn-page-top span:after {
content: '';
height: 15px;
width: 10px;
display: block;
background: #fff;
position: absolute;
top: 21px;
left: 17px;
opacity:0.7;
}
@media ( min-width : 960px ) {
.btn-page-top.show span:hover {
opacity:1;
}
}