* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS PGothic", sans-serif; -webkit-text-size-adjust: 100%; }
html,
body { margin:0; padding:0; height:100%; line-height:1.5;  -webkit-tap-highlight-color: rgba(0,0,0,0.8);  color:#333; font-size: 62.5%;}
#header-bg { width:100%; margin:0 auto; background-color: #000;
}
#header { padding: 0 1.5%; margin:0 auto; width:100%; max-width:950px; height:85px;}

.logo-sub{ float:left; margin:10px 0 0 0; padding: 0; width:100%; font-size:1.4rem; line-height: 1; color: #FFF2F6; }
.logo{ float:left; width:240px; margin:2px 0 0 0; font-size: 2.3rem; color: #FF9E9E;}
.logo-a{ float: left; width: 100%;  color: #FF9E9E;line-height: 1; text-shadow: 0 0 10px rgba(255,122,122);   }
.logo-a span{color: #91EEFF;line-height: 1; text-shadow: 0 0 10px rgba(89,145,145);   }



/*テキスト検索*/
.search { float:right; width: 50%; margin:10px 0 0 0; }
.search-k { -webkit-appearance: none;
 float:left; padding:3px 12px; width:80%; height: 40px; font-size:16px; border-radius:2px 0 0 2px; border:none; }
.search-b { -webkit-appearance: none;
float:left; margin:0 0 0 2px; padding: 0; height:40px; width:12%; font-size:16px; border:none; border-radius: 0 2px 2px 0; background-color: #1F85A6; text-align: center; font-size: 2rem; color: #fbf7ec;
}
.search-b:hover{ cursor: pointer; background-color:#85BFFB;  }
.search-k::-webkit-input-placeholder { font-size: 1.6rem; }


/* マイページ */
.my{ float: right; width: 7%; margin:10px 0 0 10px;  }
.my a{color:#1F85A6;}
.my-btn{ float: left; display: block; width: 100%; height: 40px; padding: 6px 0 0 0; border-radius: 2px; text-align: center; line-height: 0.7; font-size: 2.5rem; background-color: #FFF; }
.my-btn:hover{ cursor: pointer; opacity: 0.8; }




/*グローバルナビ２*/
#gn-bg { float: left; width:100%; margin:0; padding:3px 1.5% 6px 1.5%; color: #FFF;background-color: #000;
 }
#gn { list-style: none; width:100%; max-width:950px; margin:0 auto; padding:0 1.5%;}
.gn-box{ float: left; width: 100%; }
.gn-btn{ display: block; float: left; margin:0 3px 3px 0; padding:3px 12px; border-radius: 2px;font-size: 1.6rem;}
.gn-man-off{color: #BDD9DD; border:#96ACB0 solid 1px; }
.gn-woman-off{color: #D5C0C0; border:#9A8C8C solid 1px; }

.gn-man-on{ color:#91EEFF; text-shadow: 0px 0px 8px rgba(174,255,255,1);  border:#91EEFF solid 1px; box-shadow: 0 0 4px 2px rgba(89,145,145,0.7);   }

.gn-woman-on{ color:#FFB3B3; text-shadow: 0 0 8px rgba(255,195,233,1); border:#FFB3B3 solid 1px; box-shadow: 0 0 4px 2px rgba(255,122,122,0.5);  }






/*パンくず*/
#pan { float: left; width: width:96%; padding:7px 3%; font-size: 16px; line-height: 1.3;}
#pan a{ margin:0 2px;}
#pan i{ font-size: 16px; }
#pan span{ margin:0 2px; }













#contents { position:relative; clear:both; margin:0 auto; width:100%; max-width:950px; padding:0; border:#999 solid 0px; font-size: 1.4rem; }
#contents:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }


/* footer */
#footer-bg {margin:50px 0 0 0; width:100%; height:550px;background-color: #000;}
#footer { max-width:950px; padding-top:25px; height: 100%; margin-left:auto; margin-right:auto; width:100%; text-align:center; font-size: 1.6rem; color: #fbf7ec;}
.f-copy{ float: left; width: 100%; margin:20px 0 0 0; text-align: center;color: #FFB4B4; text-shadow: 0 0 10px rgba(255,122,122);}
.f-copy span{color: #9EF0FF; text-shadow: 0 0 10px rgba(0,210,255);}
.f-copy a{ color: #FFB4B4; text-shadow: 0 0 10px rgba(255,122,122); }
.f-pp{ float: left; width: 100%; font-size: 1.4rem;}
.f-pp a{ color: #999 }



/* ご意見フォーム */
.ue{ float: left; width: 90%; margin:20px 8% 0 2%; }
.ue-col{ float: left; width: 100%; text-align: left; padding: 0 0 0 1%;}
.ue-text{ float: left; width: 98%; height: 80px; margin:4px 1%; padding: 8px 16px; border-radius: 4px; font-size: 1.6rem; line-height: 1.3;}
.ue-form-mail{ float: left; width: 60%; height:35px; margin:4px 1%; padding: 8px 16px; border-radius: 4px; font-size: 1.6rem; line-height: 1.3; border:none;}
.ue-btn{ float: right; width: 20%; height:35px; margin:5px 1%; padding:5px 16px; border-radius: 4px;  font-size: 1.6rem; color: #333;
	background: #e2e2e2; /* Old browsers */
	background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}
.ue-btn:hover{ cursor: pointer; opacity: 0.8; }
.ue-thank-title{ float: left; width: 100%; margin:16px 0 0 0; text-align: center; font-size: 2.4rem; font-weight: bold; }
.ue-thank-text{ float: left; width: 100%; padding: 3px 20px; line-height: 1.5; font-size: 1.4rem; }

.ue-form-before,
.ue-form-after{ float: left; width: 100%; height: 180px;  }

.ue-alert{ float: left; width: 100%; font-weight: bold; color: #FF0000; font-size: 1.4rem; margin:20px 0; background-color: #FFF; border-radius: 3px; padding: 5px 3%; text-align: left; }





.ads-336box { float:left; width:100%; max-width:950px; margin:0px; padding:20px 0 40px 100px !important; }
.ads-336 { float:left; width:40%; max-width:336px; margin:10px 25px 0 15px  !important;  }
.ads-horizontal{ float: left; width: 100%; padding: 0 3%;  height: auto; margin:20px 0 20px 0 !important;}

/*エラーページ*/
.er-404-title{ float: left; width: 100%; padding: 0 3%; margin:30px 0; font-weight: bold; font-size: 3rem; }
.er-404{ float: left; width: 100%; padding: 0 3%; font-size: 1.6rem; min-height: 580px;}
.er-404 p{ float: left; width: 100%; }



/*速度計測用*/
.speed { position: absolute; top:3px; right:3px; background-color:rgba(0, 0, 0, 0.4); color:#FFF; padding:2px 4px; border-radius:2px; font-size: 7px; }
.speed2 { margin:1px 0 ; background-color:rgba(0, 0, 0, 0.4); color:#FFF; padding:2px 20px; border-radius:1px; clear:both; font-size: 12px; }

/*ページ操作*/
#pageTop{ position:fixed; bottom:100px; right:20px; }

/*共通*/
input { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS PGothic", sans-serif; }
* a { color:#167AC9; text-decoration:none; }
/*reCaptchaロゴ非表示*/
.grecaptcha-badge { visibility: hidden; }
.recaptcha_policy { float: left; width: 100%; margin:20px  0; text-align: center; font-size: 1.2rem;  color: #999 !important;}
.recaptcha_policy a { font-size: 1.2rem; color: #fff;
}

/*管理用*/
.mgr-edit{ position: absolute; top:20px; left:980px; width: 250px; background-color:rgba(0, 0, 0, 0.4); color:#FFF; padding:5px 20px; border-radius:5px; font-size: 12px;  }
.mgr-edit a{ color: #FFF; }