@charset "shift_jis";
/* CSS Document */

/*===========================================================================*/
/*   基本セット                                                              */
/*===========================================================================*/
/* font-awesome */
@import url('https://use.fontawesome.com/releases/v5.6.3/css/all.css');

/*===========================================================*/
/*   リセット                                                */
/*===========================================================*/
/* チェックボックス共通パーツ */
button[type = "button"],
input[type = "checkbox"],
input[type = "button"],
input[type = "number"],
input[type = "time"]
{
	/* ブラウザ固有のデザインを消す */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* 共通 */
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/*===========================================================*/
/*   全体                                                    */
/*===========================================================*/
html,body {
	background-color: #FFFFFF;
	-webkit-text-size-adjust: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 12px;
}
/* 疑似本体 */
#mainContainer {
	position:  absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
	width: 100vw;
	font-size: 1.3rem;
	color: #000000;
}
/*===========================================================*/
/*   アニメーション                                          */
/*===========================================================*/
/* フェードイン */
@keyframes fadeIn {
	  0% { display: none; opacity: 0;}
	  1% { display: block; opacity: 0;}
	100% { display: block; opacity: 1;}
}
/*===========================================================*/
/*   ハイパーリンク                                          */
/*===========================================================*/
/* リンク */
.linkPat1 {
	font-size: 1.2rem;
	color: #9E027F;
}
.linkPat1:visited {
	color: #9E027F;
}
/*===========================================================*/
/*   見出し                                                  */
/*===========================================================*/
/* 見出し1(L字ボーダーライン) */
.divMidashi1 {
	padding: 6px 8px;
	border-left: solid 6px #EA4335;
	border-bottom: solid 1px #EA4335;
	color: #000000;
	font-size: 1.3rem;
	text-align: left;
}
/* 見出し2(花アイコン付) */
.divMidashi2 {
	padding: 6px 8px;
	border: none;
	color: #7A2706;
	font-size: 1.3rem;
	text-align: left;
}
.divMidashi2:before,
.divMidashi2:after {
	content: "";
	display: inline-block;
	background-size: contain;
	width: 1.4rem;
	height: 1.4rem;
	background-image: url(../img/duo_mtable/flower1.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}
/* 見出し3 */
.divMidashi3 {
	margin: 0 0 0.5rem 0;
	padding: 6px 8px;
	border: none;
	color: #000000;/*#7A2706;*/
	font-size: 1.4rem;
	font-weight: normal;
	text-align: center;
}
/* 見出し4 */
.divMidashi4 {
	padding: 6px 8px;
	border: none;
	color: #000000;
	font-size: 1.4rem;
	font-weight: normal;
	text-align: center;
}

/*===========================================================*/
/*   ラジオボタン(共通パーツ)                                */
/*===========================================================*/
.width2Items {
	width: calc(100% / 2);
}
.width3Items {
	width: calc(100% / 3);
}
.width4Items {
	width: calc(100% / 4);
}
.width5Items {
	width: calc(100% / 5);
}
.width6Items {
	width: calc(100% / 6);
}
.width2ItemsMin {
	width: calc(90% / 2);
}
.width3ItemsL {
	width: calc(100% * 4 / 9);
}
.width3ItemsS {
	width: calc(100% * 2 / 9);
}
/*===========================================================================*/
/*   ヘッダー                                                                */
/*===========================================================================*/
/* サイト共通ヘッダー用 */
header.exclusive-header {
	margin:0 auto;
	padding:4px 0;
	display:table;
	width:100%;
	z-index: 10;
	background:-moz-linear-gradient(top, #9E027F, #C40864);
	background:-webkit-linear-gradient(top, #9E027F, #C40864);
	background:linear-gradient(to bottom, #9E027F, #C40864);
	background-color: #C40864;
}
header.exclusive-header img {
	width:100%;
	vertical-align: bottom;
}
header.exclusive-header > h1 {
	display:table-cell;
	width:25%;
	vertical-align:middle;
}
header.exclusive-header > div {
	padding:0 4px 0 0;
	display:table-cell;
	width:auto;
	text-align:right;
	font-size:0;
	vertical-align:middle;
}
header.exclusive-header > div > p {
	padding:0 2px;
	display:inline-block;
	vertical-align:middle;
}
/* ログイン中 */
header.exclusive-header > div > p.status {
	padding:0 10px;
	font-size:10px;
	line-height:2.0;
	font-weight:bold;
	text-align:center;
	white-space:nowrap;
	color:#F00;
	/*background-color:#FFF;*/
	border-radius:20px;
    -moz-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5) inset;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5) inset;
}
/* ゴールドログイン中 */
header.exclusive-header > div > p.gold {
	text-shadow:0px 0px 2px #FFF,0px 0px 4px #FFF,0px 0px 6px #FFF,0px 0px 8px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF;
	-moz-text-shadow:0px 0px 2px #FFF,0px 0px 4px #FFF,0px 0px 6px #FFF,0px 0px 8px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF;
	-webkit-text-shadow:0px 0px 2px #FFF,0px 0px 4px #FFF,0px 0px 6px #FFF,0px 0px 8px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF;
	background:-moz-linear-gradient(-45deg, #B8860B 0%, #FFD700 20%, #FFF3C6 45%, #FFD700 70%, #B8860B 100%);
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#B8860B), color-stop(18%,#FFD700), color-stop(45%,#FFF3C6), color-stop(77%,#FFD700), color-stop(100%,#B8860B));
	background:linear-gradient(135deg, #B8860B 0%, #FFD700 20%, #FFF3C6 45%, #FFD700 70%, #B8860B 100%);
	background-color:#FFD700;
}
/* ボタン */
header.exclusive-header > div > p.btn {
	width:43%;
}
header.exclusive-header > div > p.btn a {
	display:block;
	font-size:10px;
	line-height:2.0;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	color:#FFF;
	border-radius:4px;
}
/* ログイン */
header.exclusive-header > div > p.login a {
	background-color:#33BFFF;
	border:outset 1px #33BFFF;
}
/* 会員登録 */
header.exclusive-header > div > p.reg a {
	background-color:#F00;
	border:outset 1px #F00;
}

/*===========================================================================*/
/*   タイトル                                                                */
/*===========================================================================*/
.toolTitleArea {
	width: 100%;
	height: auto;/* 96px */
	margin: 0;
	padding: 0;
	position: relative;
	background-size: auto 100%;

	background:-moz-linear-gradient(top, #C40864, #E0332C 50%, #F0C00B);
	background:-webkit-linear-gradient(top, #C40864, #E0332C 50%, #F0C00B);
	background:linear-gradient(to bottom, #C40864, #E0332C 50%, #F0C00B);
	background-color: #F0C00B;
	/*background-image: url("../img/duo_mtable/cloud1.png");
	background-position: 0 0;
	background-repeat: repeat-x;
	animation: bg-slider 230s linear infinite;  23sの部分背景画像の約数だとスムーズ */
}
@keyframes bg-slider {
	from { background-position: 0 0; }
	to { background-position: -1280px 0; } /* pxは使用した背景画像の横幅 */
}
.toolLogo {
	width: 90%;
	height: auto;
	margin-bottom: 1.0rem;
}
/*===========================================================================*/
/*   入力セクション1                                                         */
/*===========================================================================*/
/*===========================================================*/
/*   エリア指定                                              */
/*===========================================================*/
.inputWrapper1 {
	width: 100vw;
	margin: 0;
	padding: 3vw;
	background: -moz-linear-gradient(top, #FDE803, #FBCC02 5%, #E73A0F 40%, #E73A0F 70%, #FC5D6F 80%, #F5BCB1);
	background: -webkit-linear-gradient(top, #FDE803, #FBCC02 5%, #E73A0F 40%, #E73A0F 70%, #FC5D6F 80%, #F5BCB1);
	background: linear-gradient(to bottom, #FDE803, #FBCC02 5%, #E73A0F 40%, #E73A0F 70%, #FC5D6F 80%, #F5BCB1);
	background-color:#19CDCE;
	text-align: left;
}

.inputContainer1 {
	width: 100%;
	padding: 1%;
	background-color: #FFF8F8;/*#FDEFE3 #F9CA9F*/
	border: 2px solid #9E027F;/*#A2440E*/
	border-radius: 12px;
	text-align: left;
}
.contentText {
	display: block;
	margin: 0.5rem;
	color: #7F7F7F;
	font-size: 12px;
}
/*===========================================================*/
/*   ラジオボタン(パターン1)                                 */
/*===========================================================*/
.frmRadioButton1 {
	margin: 1.0rem auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 96%;
}
.rdoPat1 {
	/*display: none; Out Lineを無効にする */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.frmRadioButton1 > label {
	display: block;
	font-size: 1.3rem;
	line-height: 1.8;
	text-align: center;
	background-color: #FFF8F8;
	box-sizing: border-box;
	border: solid 1px #FFF8F8;
	border-radius: 5px;
}
.rdoPat1:checked + label {
	background-color: #FFFFFF;
	border: solid 1px #EA4335;
}

/*===========================================================================*/
/*   入力セクション2                                                         */
/*===========================================================================*/
/*===========================================================*/
/*   エリア指定                                              */
/*===========================================================*/
.inputWrapper2 {
	width: 100vw;
	margin: 0;
	padding: 0 3vw 3vw 3vw;
	text-align: center;
	background-color: #F5BCB1;
	background-image: url(../img/duo_mtable/flower2.png);
	background-position: center bottom 0%;
	background-size: contain;
	background-repeat: no-repeat;
}
.inputContainer2 {
	display: none;
	opacity: 0;
	width: 100%;
	padding: 1%;
	background-color: #F8FFF8;
	border: 2px solid #377115;
	text-align: left;
}
.selectedBCount {
	display: block;
	opacity: 1.0;
	animation: fadeIn 0.3s ease-in 0s forwards;
}
.cont2BlockEnable {
	display: block;
}
.cont2BlockDisable {
	display: none;
}

/*===========================================================*/
/*   ラジオボタン(パターン2)                                 */
/*===========================================================*/
.frmRadioButton2 {
	margin: 1px auto;
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.rdoPat2 {
	/*display: none; Out Lineを無効にする */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.frmRadioButton2 > label {
	display: block;
	color: #666;
	font-size: 14px;
	line-height: 2;
	text-align: center;
	background-color: rgba(55, 113, 21, 0.15);
}
.rdoPat2:checked + label {
	background-color: #377115;
	color: #FFFFFF;
}
/* アイコン
.rdoPat2:checked + label:before,
.rdoPat2:checked + label:after {
	content: "";
	display: inline-block;
	background-size: contain;
	width: 14px;
	height: 14px;
	background-image: url(../img/duo_mtable/flower1.png);
	background-position: center;
	background-repeat: no-repeat;
}*/
/*===========================================================*/
/*   ラジオボタン(パターン3)                                 */
/*===========================================================*/
.frmRadioButton3 {
	margin: 1.0rem auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 96%;
}
.rdoPat3 {
	/*display: none; Out Lineを無効にする 
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;*/
	display: none;
	width: auto;
	height: 1.6rem;
	top: 0.6rem;
	position: relative;
	accent-color: #EA4335;
}
.frmRadioButton3 > label {
	display: block;
	font-size: 1.3rem;
	line-height: 2.2;
	text-align: center;
	background-color: #F8FFF8;
	box-sizing: border-box;
	border: solid 1px #F8FFF8;
	border-radius: 5px;
}
.rdoPat3:checked + label {
	background-color: #FFFFFF;
	border: solid 1px #EA4335;
}
.disLabel {
	color: #DEDEDE;
}
/*===========================================================*/
/*   インプットボックス                                      */
/*===========================================================*/
.bonusGame {
	width: 80px;
	text-align: center;
	color: #DEDEDE;
	border: 1px solid #DEDEDE;
}

.bonusGame:focus {
	outline: none;
}
.bonusGameSeleced {
	color: #000000;
	border: 1px solid #000000;
}
/*===========================================================*/
/*   セレクトボックス                                        */
/*===========================================================*/
.shisaWrapper {
	display: block;
	height: 25vw;
	width: 96%;
	margin: 1.0rem 0.5rem;
	background: none;
	position: relative;
	text-align: left;
}
.selectShisa {
	height: 3.0rem;
	width: 60%;
	padding-right: 16px;

	color: #000000;
	text-align: center;
	font-size: 1.3rem;

	border: 1px solid #EA4335;
	border-radius: 1vw;
	outline: none;

	background-color: #FFFFFF;
	background-image: url(../img/duo_mtable/angledown.png);
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: right 4px center;
}
/*===========================================================*/
/*   モード推測ボタン                                        */
/*===========================================================*/
.suisokuButton {
	display: flex;
	width: 25vw;
	height: auto;
	position: absolute;
	top: 0;
	right: 0.5rem;
}
.imgBtnOn {
	position: absolute;
	top: 0;
	right: 0;
}
.imgBtnOff {
	position: absolute;
	top: 0;
	right: 0;
	animation: btnBlink1 2s infinite;
}
@keyframes btnBlink1 {
	0% {opacity: 1;}
	30% {opacity: 0;}
	60% {opacity: 1;}
}

/*===========================================================================*/
/*   ポップアップウィンドウ(共通)                                            */
/*===========================================================================*/
/* 下地本体 */
.popupWindow {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 300%;
	background-color: rgba(0, 0, 0, 0.85);
	color: #FFFFFF;
	transition: all 0.3s;
}
/* 下地オーバーレイ */
.olflex {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* オーバーレイ中身 */
.overlayInner {
	width: 90%;
	padding: 0.5rem;
	border-radius: 8px;
	color: #000000;
	text-align: left;
}
/* フッター */
.popFooter {
	display: flex;
	margin: 0.5rem auto;
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	align-items: center;
}
/* ×ボタン */
.closeButton {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0.5rem;
	text-align: right;
	color: #FFFFFF;
	font-size: 3.0rem;
	line-height: 1.0;
}
.bgShisaR {
	display: block;
	width: 100%;
	position: relative;
	text-align: right;
}
.imgShisaS {
	width: 25vw;
	height: auto;
}

/*===========================================================================*/
/*   ポップアップウィンドウ1                                                 */
/*===========================================================================*/
/* インフォメーションボタン */
.toolHint {
	display: flex;
	width: 28px;
	height: 28px;
	position: absolute;
	bottom: 0;
	right: 3vw;
	background-color: rgba(158, 2, 127, 0.3);
	border: outset 0.1rem #9E027F;/*#003B97*/
	border-radius: 14px;
	color: #FFFFFF;/*003B97*/
	font-size: 1.0rem;
	font-weight: bold;
	justify-content: center;
	align-items: center;
}
#subContainer1 {
	z-index: 101;
}
#idaOlInr1 {
	background-color: #F8F8FF;
	border: 2px solid #5678AB;
}
.bgShisa1 {
	width: 100%;
	position: relative;
	text-align: right;
}
.imgShisa1 {
	width: 25vw;
	height: auto;
	position: absolute;
	bottom: 0;
	right: 0;
}
.justContSingle {
	justify-content: center;
}
/* 吹き出し本体 */
.balloon1 {
	position: relative;
	margin: 0.5rem;
	padding: 0.5rem;
	border-radius: 8px;
	background-color: #AACCFF;
    -moz-text-shadow: 0px 0px 10px 0px #5678AB;
    -webkit-box-shadow: 0px 0px 10px 0px #5678AB;
	box-shadow: 0px 0px 10px 0px #5678AB;
	font-size: 1.2rem;
	line-height: 1.4;
}
/* 三角アイコン */
.balloon1::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	right: 25vw;
	bottom: -15px;
	border-top: 15px solid #AACCFF;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
}
/* ボタン＋絵 */
.btnShisaWrap {
	display: flex;
	align-items: flex-end;
	flex-wrap: nowrap;
	justify-content: space-between;
}
/* 閉じるボタン */
.closePopBox {
	display: inline-block;
	width: 30%;
	margin-left: 1.0rem;
	margin-bottom: 1.0rem;
	height: 2.0rem;
	background-color: #80B3FF;
	border: outset 0.2rem #80B3FF;
	border-radius: 0.4rem;
	color: #FFFFFF;
	font-size: 1.3rem;
	text-align: center;
	line-height: 2.0rem;
}

/*===========================================================================*/
/*   ポップアップウィンドウ2                                                 */
/*===========================================================================*/
#subContainer2 {
	z-index: 102;
}
#idaOlInr2 {
	background-color: #FFF8F8;
	border: 2px solid #962B22;
	font-size: 1.3rem;
}
/* 吹き出し本体 */
.balloon2 {
	position: relative;
	margin: 0.5rem;
	padding: 0.5rem;
	border-radius: 8px;
	background-color: #FFA5A5;
    -moz-text-shadow: 0px 0px 10px 0px #A16500;
    -webkit-box-shadow: 0px 0px 10px 0px #A16500;
	box-shadow: 0px 0px 10px 0px #A16500;
	line-height: 1.5;
}
/* 三角アイコン */
.balloon2::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	right: 25vw;
	bottom: -15px;
	border-top: 15px solid #FFA5A5;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
}
/* 初期化ボタン*/
.initializePopBox {
	display: inline-block;
	width: 30%;
	background-color: #EA4335;
	border: outset 0.2rem #EA4335;
	border-radius: 0.4rem;
	color: #FFFFFF;
	font-size: 1.3rem;
	text-align: center;
	line-height: 2.0rem;
}
/* 戻るボタン*/
.returnPopBox {
	display: inline-block;
	width: 30%;
	background-color: #80B3FF;
	border: outset 0.2rem #80B3FF;
	border-radius: 0.4rem;
	color: #FFFFFF;
	font-size: 1.3rem;
	text-align: center;
	line-height: 2.0rem;
}
.justContSome {
	justify-content: space-evenly;
}
.kyochoLine0 {
	display: inline-block;
	background: none;
	color: #000000;
	font-weight: bold;
}
.kyochoLine1 {
	display: inline-block;
	background: none;
	color: #FF0000;
	-moz-text-shadow: 1px 1px 2px #000;
	-webkit-text-shadow: 1px 1px 2px #000;
	text-shadow: 1px 1px 2px #000;
}
.kyochoLine2 {
	display: inline-block;
	background: none;
	color: #0000FF;
	-moz-text-shadow: 1px 1px 2px pink;
	-webkit-text-shadow: 1px 1px 2px pink;
	text-shadow: 1px 1px 2px pink;
}

/*===========================================================================*/
/*   ポップアップウィンドウ3                                                 */
/*===========================================================================*/
#subContainer3 {
	z-index: 103;
}
#idaOlInr3 {
	height: auto;
	background-color: #F8F8FF;
	border: 2px solid #5678AB;
	font-size: 1.0rem;
	overflow: auto;
}
/*===========================================================*/
/*   ラジオボタン(パターン1)                                 */
/*===========================================================*/
.frmRadioButton4 {
	margin: 0.2rem auto 1.0rem auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	width: 96%;
}
.rdoPat1 {
	/*display: none; Out Lineを無効にする */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.frmRadioButton4 > label {
	display: inline-block;
	width: 30%;
	font-size: 1.1rem;
	line-height: 1.6;
	text-align: center;
	background-color: #F8F8FF;
	box-sizing: border-box;
	border: solid 1px #F8F8FF;
	border-radius: 5px;
}
.rdoPat1:checked + label {
	background-color: #FFFFFF;
	border: solid 1px #EA4335;
}
/* to hide the checkbox itself */
input[type=checkbox].guessTogle1 {
	display:none;
}
input[type=checkbox].guessTogle1 + label {
	color: #5678AB;/*#962B22;*/
}
input[type=checkbox].guessTogle1 + label:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	content: "\f01e";/* unchecked icon */
	letter-spacing: 10px;/* space between checkbox and label */
}

input[type=checkbox].guessTogle1:checked + label {
	color: #C62B22;
}
/*unchecked icon
input[type=checkbox].guessTogle1:checked + label:before {
	content: "\f058";
}*/

/*===========================================================*/
/*   テーブル                                                */
/*===========================================================*/
/* テーブル */
.guessTable {
	display: none;
	opacity: 0;
	width: 100%;
	margin: 0 auto;
	background-color: #FFFFFF;
	border:1px solid #EEEEEE;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	color: #000000;
	font-size: 1.0rem;
	text-align: center;
	line-height: 1.1;
}
.guessTable th {
	padding: 4px 2px;
	background-color: #DEDEDE;
	border:1px solid #EEEEEE;
	text-align: center;
}
.guessTable td {
	padding: 4px 2px;
	border:1px solid #EEEEEE;
	text-align: center;
}
.tdCrossLineM {
	display: table-cell;
	background-image: linear-gradient(to bottom right, transparent, transparent 49.6%, #666666 49.6%, #666666.4%, transparent 50.4%, transparent);
	padding: 4px 2px;
	background-color: #FFFFFF;
	border:1px solid #EEEEEE;
	font-size: 10px;
	text-align: center;
}
.tdCrossLineN {
	display: table-cell;
	background-image: linear-gradient(to bottom right, transparent, transparent 49.6%, #666666 49.6%, #666666.4%, transparent 50.4%, transparent);
	padding: 4px 2px;
	background-color: #FFFFFF;
	border:1px solid #EEEEEE;
	text-align: center;
}
.cellKyotyo1 {
	padding: 8px 4px;
	background-color: #DEDEDE;
	border:1px solid #EEEEEE;
	font-size: 1.3rem;
	text-align: center;
	line-height: 1.3;
}
.cellMinimum1 {
	padding: 8px 4px;
	background-color: #FFFFFF;
	border:1px solid #EEEEEE;
	font-size: 10px;
	text-align: center;
}
/* モード */
.selectedMTable {
	display: table;
	opacity: 1.0;
	/* animation: fadeIn 0.3s ease-in 0s forwards; */
}
.tblTyusyaku {
	color: #666666;
	background-color: #F8F8FF;
}
/*===========================================================================*/
/*   フッター(機種TOPリンク)                                                 */
/*===========================================================================*/
.footerLink {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 1.0rem auto 3.5rem auto;
	padding: 0 3.0rem;
	position: relative;
	text-align: right;
}
.deleteButton {
	display: inline-block;
	width: 30%;
	background-color: #EA4335;
	border: outset 0.2rem #EA4335;
	border-radius: 0.4rem;
	color: #FFFFFF;
	font-size: 1.0rem;
	text-align: center;
	line-height: 2.0rem;
}
.kisyuTopButton {
	display: inline-block;
	width: 40%;
	background-color: #3eb370;
	border: outset 0.2rem #3eb370;
	border-radius: 0.4rem;
	color: #FFFFFF;
	font-size: 1.0rem;
	text-align: center;
	text-decoration: none;
	line-height: 2.0rem;
}
.kisyuTopButton::before {
	margin-right: 1px;
	font-family: 'Font Awesome 5 Free';
	content: '\f02b';
	font-weight: 900;
}

