@charset "UTF-8";

/* --------------------------
 * adjustment
-------------------------- */
body {font-size:13px;line-height:1.8em;margin: 0;padding: 0;overflow-x: hidden;}
.cf:before,.cf:after {content:"";display:table;}.cf:after {clear:both;}.cf {zoom:1;}
a.alpha img{filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
a.alpha:hover img {filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.mT100 {margin-top: 100px;}..mT50 {margin-top: 50px;}.mL50 {margin-left: 50px;}.mR50 {margin-right: 50px;}.mB50 {margin-bottom: 50px;}
.mT30 {margin-top: 30px;}.mL30 {margin-left: 30px;}.mR30 {margin-right: 30px;}.mB30 {margin-bottom: 30px;}.mB15 {margin-bottom: 15px;}
.mT10 {margin-top: 10px;}.mL10 {margin-left: 10px;}.mR10 {margin-right: 10px;}.mB10 {margin-bottom: 10px;}
.pT50 {padding-top: 50px;}.pL50 {padding-left: 50px;}.pR50 {padding-right: 50px;}.pB50 {padding-bottom: 50px;}
.pT30 {padding-top: 30px;}.pL30 {padding-left: 30px;}.pR30 {padding-right: 30px;}.pB30 {padding-bottom: 30px;}
.pT10 {padding-top: 10px;}.pL10 {padding-left: 10px;}.pR10 {padding-right: 10px;}.pB10 {padding-bottom: 10px;}
.bold { font-weight:bold;}
.text-center {text-align: center;}
h1,.h1 {margin: 0;padding: 0;}
h2,.h2 {margin: 0;padding: 0;}
h3,.h3 {margin: 0;padding: 0;}
h4,.h4 {margin: 0;padding: 0;}
ul {margin: 0;padding: 0; list-style: none;}
a { color:#FFFFFF; text-decoration: none;}
a:hover { color:#B5A158; text-decoration: none;}
.trans { transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
h1,h2,h3,h4,h5,p {margin: 0;padding: 0;font-weight: normal;}
.nowrap {overflow: hidden;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
p {margin: 0;padding: 0;}

/* --------------------------
 * font
-------------------------- */
body {width: 100%;height: 100%;font-family:'游明朝','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','游ゴシック','YuGothic',sans-serif;color: #000;background-color: #FFF;}
html {width: 100%;height: 100%;}
h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;}
.mincho { font-weight: 100; font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}

/* --------------------------
 * bootstrap
-------------------------- */
figure img { height:auto; width:100%;}
.row.no-gutters {margin-right: 0;margin-left: 0;}
.row.no-gutters > [class^="col-"],.row.no-gutters > [class*=" col-"]  {padding-right:0;padding-left:0;}
.dsplnon {display: none;}

.table { font-size: 14px;margin-bottom: 25px; border: 1px solid #444;}
.table > thead > tr > th,
.table > thead > tr > td { text-align: center;vertical-align:middle;border: 1px solid #444; border-bottom: 1px solid #444;}
.table > tbody > tr > th,
.table > tbody > tr > td { text-align: center;vertical-align:middle;border: 1px solid #444;}
.table > tbody > tr > th,
.table > tbody > tr > td {padding: 10px 10px; line-height: 1.8em;border: 1px solid #444;}
.table > tbody > tr > td > ul { width: 50%; float: left;}
.table > tbody > tr > th .note { font-size: 12px;color:#00a0e9;}

.table-striped > thead > tr > th,
.table-striped > tbody > tr > th,
.table-striped > tbody > tr > td { text-align: center;vertical-align:middle;}

.table-condensed th,.table-condensed td { padding: 10px;}
.table-bordered {margin-bottom: 25px;}
.table-bordered > thead > tr > th { text-align:center; background-color: #313131; color:#FFF;}
.table-bordered > thead > tr > th,.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,.table-bordered > tfoot > tr > td {padding: 10px;}

/* --------------------------
 * btn
-------------------------- */
.btn { text-align: center;display: block;margin-bottom: 10px;}
.btn:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.btn a { position: relative; font-size: 14px; display: block;background-color:#000;color: #FFF;height:50px; text-align: center; line-height:50px;-moz-border-radius: 0.5em;-webkit-border-radius: 0.5em;-o-border-radius: 0.5em;-ms-border-radius: 0.5em; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.btn a .fa { position: absolute; right: 15px; top: 18px; font-size: 18px;}
.btn a:hover { background-color:#fafafa;color: #000; text-decoration: none;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.btn a span {font-size: 12px;margin-left: 10px;}

.btn.min { width: 150px;padding-top: 25px; padding-bottom: 25px; margin-left: 0px; margin: 0 auto;}
.btn.min a {background-color: transparent; color: #000;  border: 1px solid #000; padding: 0px; height:30px;line-height: 28px; font-size: 11px; font-weight: normal;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;-ms-border-radius: 0;}
.btn.min a:hover { color: #FFF; background-color: #000;}

.btn.minwh { width: 100%;padding-top: 25px; padding-bottom: 25px; margin-left: 0px; margin: 0 auto;}
.btn.minwh a {background-color: transparent; color: #FFF;  border: 1px solid #FFF; padding: 0px; height:30px;line-height: 28px; font-size: 11px; font-weight: normal;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;-ms-border-radius: 0;}
.btn.minwh a:hover { color: #000; background-color: #FFF;}

.btn.large { width: 240px;padding-top: 25px; padding-bottom: 25px; margin: 0 auto;}
.btn.large a {background-color: transparent; color: #FFF;  border: 2px solid #FFF; padding: 0px; height:50px;line-height: 46px; font-size: 14px; font-weight: bold;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;-ms-border-radius: 0;}
.btn.large a:hover { color: #00a0e9; background-color: #FFF;}

.btn_group {}
.btn_group ul {margin-top: 25px;}
.btn_group ul li { font-size: 13px; display: inline-block; *display: inline;*zoom:1; margin: 0;margin-left: 10px;}
.btn_group ul li:first-child { margin-left: 0;}
.btn_group ul li a { text-align: center; color: #000; display: block; width: 130px; height: 35px; line-height: 35px; background-color:#fff; border: 1px solid #000; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
.btn_group ul li a:hover { background-color:#000;border: 1px solid #000; color: #FFF;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}

.share {margin-top: 25px;}
.share ul { text-align: center;}
.share ul li {display: inline-block; *display: block;*zoom:1; padding:0 5px;}
/*.fb_iframe_widget > span {vertical-align: baseline !important;}*/ /*ずれ修正*/
.fb-like {margin: 0px;padding: 0px; float: left;}
#fb-root { display:none;}

.nav li,.nav li a,.nav li a:active,.nav li a:focus { background-color: transparent;}
