@charset "UTF-8";

body{
margin: 0;
padding: 0;
font-family: "メイリオ","Meiryo", "Osaka", "MS Pゴシック", "MSゴシック", "ヒラギノ角ゴ Pro W6", Helvetica, verdana, arial;
font-size: 16px;
color: #555;
line-height: 1.2;
/*background: #fff url(../img/bg.jpg) center center / cover no-repeat fixed;*/
background: #EFEFEF;
}

a {
text-decoration: none;
color: #3498db;
}

ul {
list-style: none;
}

.tbodds {
	width: 100%;
	table-layout: auto;
}
table , td, th {
	border: 1px solid #E1E1E1;
	border-collapse: collapse;
}
td, th {
	padding: 1px;
	text-align: center;
}
th {
	background: #EFEFEF;
	font-size: 12px;
}
td {
	font-size: 10px;
}

/* -----------------------------------------------
レイアウト
----------------------------------------------- */
/* ヘッダー */
.header {
color:#fff;
font-size: 12px;
overflow: hidden;
margin-bottom: 12px;
text-align: center; 
padding: 20px 2px;
background: #2980b9;
background: url(./img/bg-polygon-03.jpg) center center / cover no-repeat fixed;
}
.header-logover {
color:#fff;
font-size: 12px;
overflow: hidden;
margin-bottom: 12px;
text-align: center; 
padding: 26px 2px;
background: #2980b9;
background: url(./img/bg_2560px_1070px.jpg) center center / cover no-repeat fixed;
}
.header-mem {
color:#fff;
font-size: 12px;
overflow: hidden;
margin-bottom: 12px;
text-align: center; 
padding: 20px 2px;
background: #2980b9;
background: url(../img/bg-polygon-02.jpg) center center / cover no-repeat fixed;
}

.header a ,
.header-mem a {
color:#fff;
}

.header_in {
width: 96%;
max-width: 920px;
margin: 0 auto;
padding: 4px;
}

.header_ti {
font-size: 20px;
padding: 16px 2px 8px 2px;
/* padding: 20px 2px 5px 2px; */
letter-spacing: 4px;
font-weight: bold;
}

.header_dis {
font-size: 16px;
padding: 5px 2px 20px 2px;
}

/* フッター */
.footer {
color:#fff;
overflow: hidden;
margin-top: 20px;
text-align: center; 
background: #666;
}

.footer_in {
max-width: 640px;
margin: 0 auto;
padding: 10px;
}

.footer_in_left {
float: left;
text-align: left;
padding: 10px;
color:#fff;
}

.footer_in_left a {
color:#fff;
}

.footer_in_right {
float: right;
text-align: left;
padding: 10px;
color:#fff;
}

.footer_in_right a {
color:#fff;
}

.footer_in:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

/* コンテンツ */
.content {
max-width: 640px;
margin: 0 auto;
padding: 0 8px;
}

/* 説明 */
.topdescription{
width: 60%;
min-width: 300px;
margin: 0 auto 10px auto;
text-align: center; 
}

.description{
padding: 0 0 0 12px;
text-align: left; 
}

/* TOPdiv */
.topdiv {
margin: 0 auto 12px auto;
padding: 10px;
background: #F7FBDF;
text-align: center;
border: 1px solid #1A1A1A;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

/* デザインdiv */
.ddiv {
color:#ffffff;
margin: 0 auto 12px auto;
padding: 10px;
background: #194A6A;
text-align: center;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

/* フォームdiv */
.formdiv {
margin: 0;
padding: 0;
text-align: center;
}

/* SNSdiv */
.snsdiv {
margin: 0 auto 44px auto;
padding: 10px;
background: #FFE7D7;
border: 2px solid #d35400;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

/* ゲージ */
.gauge {
margin-bottom: 12px;
background: #F7FBDF;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
overflow: hidden;
}
.gauge-in {
color: #fff;
font-size: 10px;
background: #d35400;
padding: 2px 6px;
}


/* 2分割 */
.icondiv{
width: 304px;
margin: 10px auto 10px auto;
text-align: center;
}
.icondiv:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.icon2{
float: left;
padding: 0 6px;
}

.stbt{

}

/* 言語メニュー */
.lang {
margin-bottom: 10px;
}

.lang_in_left {
float: left;
text-align: left;
vertical-align: middle;
}
.lang_in_left img {
vertical-align: middle;
}

.lang_in_right {
float: right;
text-align: left;
vertical-align: middle;
}
.lang_in_right img {
vertical-align: middle;
}
.lang_in_right a {
}

.lang_in:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}





/* ゲーム枠 */
.item1{
background-color:#FFF;
padding: 18px;
margin: 20px 0 30px 0;
border: 1px solid #E1E1E1;
word-wrap: break-word;
}
.item1:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

/* 広告枠 */
.adin{
margin: 0 auto 0 auto !important;
text-align: center;
}
.adin-t0{
margin: 0 auto 0 auto !important;
text-align: center;
}

/* sqr */
.sqr{
width: 270px;
height: 270px;
margin: 4px auto;
background: url(./img/cha/scr-bg.png) no-repeat;
}
.sqr-b{
padding: 10px;
float: left;
}
.sqr:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}


/* 応募フォーム */
.form-ti {
color:#fff;
font-size:18px;
background-color:#d35400;
padding: 6px;
text-align: center !important;
}

.form-bo {
border: 2px solid #d35400;
padding: 6px;
margin-bottom: 12px;
}



/* -----------------------------------------------
文字装飾
----------------------------------------------- */
.formdiv h2{
font-size: 24px;
color: #a1b91d;
font-weight: bold;
}

.item1 h3{
font-size: 18px;
color: #444;
border-bottom: dashed 2px #666;
margin-top: 30px;
margin-bottom: 10px;
}

.item1 h4{
font-size: 16px;
color: #444;
border-bottom: dashed 2px #999;
margin-bottom: 10px;
}

.fonts1{
font-size: 18px;
font-weight: bold;
color: #487eb0;
}
.fonts2{
font-size: 16px;
font-weight: bold;
}
.fonts3{
font-size: 17px;
font-weight: bold;
}

.fonts4 {
color: #ffffff;
font-weight: bold;
border: solid 3px #487EB0;
padding: 0.5em;
border-radius: 0.5em;
display: inline-block;
background: #487EB0;
margin-bottom: 4px;
}

.fonts_small {
font-size: 60%;
vertical-align: baseline;
}

.snsdiv h2{
font-size: 24px;
color: #d35400;
font-weight: bold;
text-align: center;
margin: 0 0 4px 0;
}

.snsdiv #mess {
text-align: center !important;
font-size: 22px !important;
color: #666 !important;
}

.red{
color: #e74c3c;
font-weight: bold;
}

.blue{
color: #2980b9;
font-weight: bold;
}

.orange{
color: #d35400;
font-weight: bold;
}

.yellow{
color: #F1E90F;
font-weight: bold;
}

.ddiv h2{
font-size: 24px;
font-weight: bold;
margin: 2px;
}

.item1 h2{
color: #444;
font-size: 24px;
font-weight: bold;
margin: 0 0 20px -10px;
text-align: center;
}

.waku2-05{
color: #eee;
}
.waku2-05 h2{
color: #eee;
font-size: 24px;
font-weight: bold;
margin: 2px 2px 18px 2px;
text-align: center;
text-shadow:#333 -1px -1px 1px,#fff 1px 1px 1px;
}

.tousen{
font-size: 24px;
background: #2c3e50;
box-shadow: 0px 0px 0px 5px #2c3e50;
border: dashed 1px #fff;
padding: 0.4em 0.7em;
color: #fff;
margin: 4px 0 16px 0;
text-align: center;
}

.quote_div {
padding: 10px;
margin: 20px;
border: dashed 2px #e74c3c;
}

.info {
padding-left: 42px;
line-height: 32px;
background: url(./img/info_ore_32x32.png) no-repeat;
font-size: 20px;
margin: 20px 0 20px 0;
}




/* -----------------------------------------------
ボタン,フォーム
----------------------------------------------- */
.topbt {
color:#fff;
width: 270px;
display:block;
padding: 20px 2px;
margin: 0 auto 20px auto;
text-align: center;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
box-shadow: 0 2px 10px rgba(0,0,0,0.6);
border: 2px solid #d35400;
background: #d35400;
font-size:18px;
}

.toptxtf {
max-width: 236px;
padding: 4px 2px;
margin: 0 0 10px 0;
border: 2px solid #d35400;
}

.nextbt {
display:block;
width: 296px;
padding: 2px 0;
margin: 0 auto;
text-align: center;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
color:#ddd;
border: 2px solid #ddd;
}
a .nextbt {
color:#d35400;
border: 2px solid #d35400;
}
a .nextbt:hover {
color:#fff;
background: #d35400;
transition: .4s;
}

/* -----------------------------------------------
ツイッター
----------------------------------------------- */
.btn-tw-follow a {
  display: block;
  margin-top: 10px;
  padding: 0 8px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: .075em;
  text-decoration: none;
  text-align: center;
  line-height: 36px;
  color: #fff;
  background: #439ef1;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.btn-tw-follow a span:before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 14px;
  position: relative;
  top: 2px;
  margin-right: 4px;
}

.btn-tw-follow-inst a {
  display: block;
  margin: 0 auto;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: .075em;
  text-decoration: none;
  text-align: center;
  line-height: 36px;
  color: #fff;
  background: #fff;
  border: 1px solid #439ef1;
  width: 300px;
  height: 149px;
  padding: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.btn-tw-follow-inst a .btn-tw-follow-inst-top:before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 14px;
  position: relative;
  top: 2px;
  margin-right: 4px;
}
.btn-tw-follow-inst-top {
  padding: 20px;
  background: #439ef1;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
a:hover .btn-tw-follow-inst-top {
  background: #2777C1;
}
.btn-tw-follow-inst-bottom {
  background: #fff;
  text-align: center;
  color:#444;
  padding: 20px;
  line-height:1.0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

/* -----------------------------------------------
ボタン
----------------------------------------------- */
.radiobt input{
display: none;
}
.radiobt label{
display: block;
width: 70%;
font-size: 14px;
cursor: pointer;
margin: 0 auto 10px auto;
padding: 8px 2px;
background: #fff;
text-align: center;
transition: .4s;
border: 2px solid #a1b91d;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

.radiobt label:hover{
background: #eee;
}

.radiobt input[type="radio"]:checked + label {
background-color: #a1b91d;
color: #fff;
}

.radiobt:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.fl_inst2{/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  position: relative;
  display: inline-block;
  height: 40px;/*高さ*/
  width: 80%;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 20px;/*文字のサイズ*/
  line-height: 40px;/*高さと合わせる*/
  vertical-align: middle;/*垂直中央寄せ*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
  box-shadow: 0 4px 0 rgba(189,101,101,1);
  margin: 38px;
}

.fl_inst2:before{/*グラデーション②*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}

.fl_inst2 .fa-instagram{/*アイコン*/
  font-size: 35px;/*アイコンサイズ*/
  position: relative;
  top: 4px;/*アイコン位置の微調整*/
}

.fl_inst2 span {/*テキスト*/
  display:inline-block;
  position: relative;
}

.fl_inst2:hover {/*ホバーで一周回転*/
    box-shadow: none;
    transform: translate3d(0, 4px, 0);
}

/* -----------------------------------------------
画像
----------------------------------------------- */
.topimg {
width: 480px;
max-width: 90%;
margin: 0 auto;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

.fullimg {
margin: 0 auto 12px auto;
text-align: center;
}

.fullimg img {
max-width: 100%; 
height:auto;
}

.icon2 img:hover {
cursor:pointer;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity:0.8;
zoom:1;
}

.stbt img {
max-width: 100%; 
height:auto;
}
.stbt img:hover {
cursor:pointer;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity:0.8;
zoom:1;
}

.icon {
text-align: center;
margin-bottom: 6px;
}
.icon img {
/*width: 80px;*/
}

.gift {
text-align: center;
margin: 10px auto;
}


/* -----------------------------------------------
広告
----------------------------------------------- */
.ad-display {
display: block;
text-align: center;
margin: 1px;
}

.ad-hidden {
display: none;
text-align: center;
margin: 1px;
}


/* -----------------------------------------------
そのほか
----------------------------------------------- */
.jikoku {
text-align: right;
padding: 6px;
}



/* -----------------------------------------------
エラーメッセージ
----------------------------------------------- */
.emes {
color: #fff;
margin: 0 auto 20px auto;
padding: 20px 10px;
background: #a1b91d;
text-align: center;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

.emes a{
color: #5E46E2;
}

.emes2 {
color: #fff;
margin: 0 auto 20px auto;
padding: 20px 10px;
background: #202E45;
text-align: center;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

.emes2 a{
color: #FD6648;
}

.emes-gray {
margin: 0 auto 20px auto;
padding: 20px 10px;
background: #fff;
text-align: center;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border: 1px solid #666666;
}

/* -----------------------------------------------
トップメニュー
----------------------------------------------- */
.tadiv {
background-color:#EFEFEF;
padding: 12px;
margin: 12px 0 0 0;
border: 1px solid #E1E1E1;
word-wrap: break-word;
text-align: center;
}
.tavalue {
background-color:#FFF;
padding: 12px;
margin: 0 0 30px 0;
border: 1px solid #E1E1E1;
word-wrap: break-word;
text-align: center;
}
.font_annotation {
font-size: 12px;
}

.item1{
background-color:#FFF;
padding: 18px;
margin: 20px 0 30px 0;
border: 1px solid #E1E1E1;
word-wrap: break-word;
}



.btndiv {
  margin-bottom : 24px;
}
.btndiv-r {
  margin-bottom : 2px;
  text-align: right;
}
.btndiv-do {
  margin : 12px 0 12px 0;
}

.btn-push {
  display: inline-block;
  width: 100%;
  text-align: left;
  background-color: #26C6DA;
  font-size: 18px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 12px;
  border-radius: 4px;
  border-bottom: 4px solid #00838F;
  box-sizing: border-box;
  margin-bottom : 4px;
}

.btn-push:active {
  transform: translateY(4px);
  border-bottom: none;
  margin-bottom : 8px;
}

.btn-push-gray {
  display: inline-block;
  width: 100%;
  text-align: left;
  background-color: #b2bec3;
  font-size: 18px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 12px;
  border-radius: 4px;
  border-bottom: 4px solid #636e72;
  box-sizing: border-box;
  margin-bottom : 4px;
}

.btn-push-gray:active {
  transform: translateY(4px);
  border-bottom: none;
  margin-bottom : 8px;
}

.btn-push-navy {
  display: inline-block;
  width: 100%;
  text-align: left;
  background-color: #487eb0;
  font-size: 18px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 12px;
  border-radius: 4px;
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: 4px solid #285B86;
  box-sizing: border-box;
  margin-bottom : 4px;
}

.btn-push-navy:active {
  transform: translateY(4px);
  border-bottom: none;
  margin-bottom : 8px;
}

.btn-push-navy-small {
  display: inline-block;
  text-align: left;
  background-color: #487eb0;
  font-size: 12px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 3px;
  border-radius: 4px;
  border-bottom: 4px solid #285B86;
  box-sizing: border-box;
  margin-bottom : 2px;
}

.btn-push-red {
  display: inline-block;
  width: 100%;
  text-align: left;
  background-color: #ff7675;
  font-size: 18px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 12px;
  border-radius: 4px;
  border-bottom: 4px solid #d63031;
  box-sizing: border-box;
  margin-bottom : 4px;
}

.btn-push-red:active {
  transform: translateY(4px);
  border-bottom: none;
  margin-bottom : 8px;
}

.btn-push-red-small {
  display: inline-block;
  text-align: left;
  background-color: #ff7675;
  font-size: 12px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 3px;
  border-radius: 4px;
  border-bottom: 4px solid #d63031;
  box-sizing: border-box;
  margin-bottom : 2px;
}

.btn-push-green {
  display: inline-block;
  width: 100%;
  text-align: left;
  background-color: #2ecc71;
  font-size: 18px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 12px;
  border-radius: 4px;
  border-bottom: 4px solid #27ae60;
  box-sizing: border-box;
  margin-bottom : 4px;
}

.btn-push-green:active {
  transform: translateY(4px);
  border-bottom: none;
  margin-bottom : 8px;
}
.btn-push-green-small-r {
  display: inline-block;
  text-align: right;
  background-color: #2ecc71;
  font-size: 12px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 3px;
  border-radius: 4px;
  border-bottom: 4px solid #27ae60;
  box-sizing: border-box;
  margin-bottom : 2px;
}

.racebt {
  display: inline-block;
  background-color: #34495e;
  padding: 4px 6px;
  margin-bottom : 2px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 4px;
  box-sizing: border-box;
}
.racebt-mem {
  display: inline-block;
  background-image: linear-gradient(
	-45deg,
	#1A474A 25%,
	#346C6D 25%,
	#346C6D 50%,
	#1A474A 50%,
	#1A474A 75%,
	#346C6D 75%,
	#346C6D
  );
  background-size: 14px 14px;
  background-attachment: fixed;
  padding: 4px 6px;
  margin-bottom : 2px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 4px;
  box-sizing: border-box;
}
.racebt-mem-none {
  display: inline-block;
  background: #eee;
  padding: 4px 6px;
  margin-bottom : 2px;
  color: #aaa;
  text-decoration: none;
  font-weight: bold;
  border-radius: 4px;
  box-sizing: border-box;
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.twdiv {
 height: 360px;
 overflow: scroll;
}



/*LP*/
.lp-div{
  margin-bottom: 30px;
  line-height: 2.0;
}

.lp-item{
  width: 90%;
  text-align: center;
  background-color: #fff;
  padding: 10px 10px;
  border-radius: 4px;
  border: 2px solid #4C82E4;
  box-sizing: border-box;
  margin: 0 auto 10px auto;
}
.lp-item-icon{
  margin: 12px 0;
}
.lp-item-h1{
  color: #4C82E4;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
}
.lp-item-des{
  text-align: left;
}

.lp-item-b{
  width: 90%;
  text-align: center;
  background-color: #fff;
  padding: 10px 10px;
  border-radius: 4px;
  box-sizing: border-box;
  margin: 0 auto 12px auto;
  line-height: 1;
}
.lp-item-icon-b{
  margin: 6px 0;
}
.lp-item-h1-b{
  color: #4C82E4;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
.lp-item-des-b{
  text-align: left;
}


.lp-h1 {
  position: relative;
  padding: 10px;
  background: -webkit-linear-gradient(to right, rgb(192, 57, 43), #e74c3c);
  background: linear-gradient(to right, rgb(192, 57, 43), #e74c3c);
  color: white;
  font-weight: bold;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.56);
  margin-bottom: 12px;
  font-size: 24px;
}

.lp-h2 {
  position: relative;
  padding: 10px;
  background: -webkit-linear-gradient(to right, rgb(41, 128, 185), #3498db);
  background: linear-gradient(to right, rgb(41, 128, 185), #3498db);
  color: white;
  font-weight: bold;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.56);
  margin-bottom: 12px;
  font-size: 18px;
}
.lp-h2-green {
  position: relative;
  padding: 10px;
  background: -webkit-linear-gradient(to right, rgb(69, 197, 39), #53DB34);
  background: linear-gradient(to right, rgb(69, 197, 39), #53DB34);
  color: white;
  font-weight: bold;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.56);
  margin-bottom: 12px;
  font-size: 18px;
}

.lp-bt {
  font-size: 18px;
  display: block;
  width: 86%;
  text-align: center;
  background: -webkit-linear-gradient(to right, rgb(41, 128, 185), #3498db);
  background: linear-gradient(to right, rgb(41, 128, 185), #3498db);
  color: white;
  padding: 16px 4px;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 0 auto 12px auto;
  line-height: 1.5;
}

.lp-kome-a {
  font-size: 14px;
  display: block;
}
.lp-kome-b {
  font-size: 11px;
  display: block;
}

.polygon-title {
  position: relative;
  padding: 10px;
  background: url(./img/bg-polygon-member.jpg) center center / cover no-repeat fixed;
  color: white;
  font-weight: bold;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.56);
  margin-bottom: 12px;
  font-size: 18px;
}

/*吹き出し*/
.css-fukidashi {
  padding: 0;
  margin: 0;
  position: relative;
}
.fukidashi-text {
  z-index: 1;
}
.fukidashi {
  text-align: left;
  display: none;
  width: 200px;
  position: absolute;
  top: 10px;
  left: 7px;
  padding: 8px;
  border-radius: 5px;
  background: #e17055;
  color: #fff;
  z-index: 10000;
}
.fukidashi:after {
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: -19px;
  margin-left: 10px;
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #e17055;
  border-width: 10px;
  pointer-events: none;
  content: " ";
  z-index: 10000;
}
.fukidashi-text:hover + .fukidashi {
  display: block;
}

.fixed-menu1{
  width: 240px;
  position:fixed;
  padding: 10px;
  bottom:10px;
  right:210px;
  z-index:100000;
  background-color: #34495e;
  text-align: center;
  border-left: 4px solid #2c3e50;
  border-top: 4px solid #2c3e50;
  border-bottom: 4px solid #2c3e50;
  box-sizing: border-box;
}
.fixed-menu2{
  width: 100px;
  position:fixed;
  padding: 10px;
  bottom:10px;
  right:110px;
  z-index:100000;
  background-color: #34495e;
  text-align: center;
  border-top: 4px solid #2c3e50;
  border-bottom: 4px solid #2c3e50;
  box-sizing: border-box;
}
.fixed-menu3{
  width: 100px;
  position:fixed;
  padding: 10px;
  bottom:10px;
  right:10px;
  z-index:100000;
  background-color: #34495e;
  text-align: center;
  border-top: 4px solid #2c3e50;
  border-right: 4px solid #2c3e50;
  border-bottom: 4px solid #2c3e50;
  box-sizing: border-box;
}

#loader-bg {
  color: #fff;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  text-align: center;
  background-color: rgba(0,0,0,0.75);
  z-index: 110000;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}

.bt_add,
.bt_change {

}

.bt_active {
  background : linear-gradient(to right,#e84393,#e74c3c,#e67e22,#f1c40f,#2ecc71,#3498db);
  animation:BLINK 0.6s ease-in-out infinite alternate;
}

.red_warning {
  color: #e74c3c;
  animation:BLINK 1s ease-in-out infinite alternate;
}

@keyframes BLINK {0%{opacity:1.0;}100% {opacity:0;}}

.sptdstyle_th {
font-size: 14px;
}
.sptdstyle_td {
font-size: 14px;
letter-spacing: -2px;
}