@charset "UTF-8";
div.dialogDetail p{
	padding: 0;
}
body.popupWindowLayout div#dialogWrap div#mainCol {
	width: 748px;
	margin: 0 auto;
	font-size: 100%;
}
.h1TxStyle{
    font-size: 180%;
    font-weight: bold;
    text-align: left;
    padding-bottom: 15px !important;
    color: #43abe5 !important;
}
.diaalogMainArea{
	background-color: #ffffff;
	padding: 20px;
	margin-top: 20px;
}
.diaalogMainArea .subTitle{
	padding: 0;
	font-weight: bold;
	font-size: 18px;
}
.diaalogMainArea .whiteArea{
	border: 2px solid #cbcbcb;
	padding: 20px 10px;
	margin-bottom: 20px;
	font-size: 16px;
}
.diaalogMainArea .whiteArea.whiteFlex{
	border: 2px solid #cbcbcb;
	padding: 0;
	margin-bottom: 20px;
	border: none;
}
.borderBottom0{
	border-bottom:none !important;
}
.diaFlex1{
	display: flex;
	align-items: stretch;
	border: 2px solid #cbcbcb;
}
.diaFlex1 .diaFlex1Title{
	padding: 15px 10.5px;
	flex: 1.5;
	background-color: #ebf4fb;
	display: flex;
	align-items: center;
	border-right: 2px solid #cbcbcb;
	font-weight: bold;
	font-size: 16px;
}

.diaFlex1Title.TitleExtend{
	flex: 1.6 !important;
}

.diaFlex1 .diaFlex1Text{
	padding:15px 10px;
	flex: 3;
	font-size: 16px;
	align-content: center;
}

.diaFlex1 .diaFlex1Head{
	padding:15px 10px;
	flex: 3;
	font-size: 16px;
	background-color: #ebf4fb;
	font-weight: bold;
}

.diaFlex1 .diaTableHead{
	background-color: #CFE4F5 !important;
	text-align: center !important;
	justify-content: center
}


sup.fontNormal{
    font-weight: normal;
}

div.dialogOption {
	position: relative;
	margin: 0 auto;
	padding: 55px 20px 20px;
}
div.dialogDetail p.pText{
    padding-bottom:0;
    margin-left: 33px;
}
.showSP{
	display: none;
}
@media (max-width: 767px) {
	.showSP{
		display: block;
		flex: 1;
		background-color: #cfe4f5;
		border-right: 2px solid #cbcbcb;
		display: flex;
		align-items: center;
	}
	body.popupWindowLayout div#dialogWrap div#mainCol {
		width: 100%;
	}
	.h1TxStyle{
	    font-size: 140%;
	    font-weight: bold;
	    text-align: left;
	    padding-bottom: 15px !important;
	}
	.diaFlex1{
		display: flex;
		align-items: stretch;
		border: 2px solid #cbcbcb;
		flex-direction: column;
	}
	.diaFlex1 .diaFlex1Title{
		padding: 0;
		flex: 1;
		background-color: #ebf4fb;
		display: flex;
		align-items: stretch;
		font-weight: bold;
		font-size: 16px;
		border-right: 0px solid #cbcbcb;
		border-bottom: 2px solid #cbcbcb;
		
	}
	.diaFlex1 .diaFlex1Title span{
		padding: 15px 10px;
	}
}
.dialogClose {
    background: none;
    position: absolute;
    width: 35px;
    height: 35px;
    top: 5px;
    right: 0;
    text-indent: 0;
}
/* -----------------------------------------------
	SP用
----------------------------------------------- */
@media (max-width: 767px) {
 .tsDlgshowPC {
		display: none !important;
 }
 .tsDlgIryohoshoImg{
 	padding-left: 5%;
	max-width: 80%;
 }
 .tsDlgPaddingBottomSmall{
 	padding-bottom: 1em;
 }
  .tsDlgsubTxStyleBlack{
	font-size: 140%;
	font-weight: bold;
	text-align: left;
	color: black !important;
 }
 .tsDlgtext14 { font-size:100%; }
 .tsDlgtext15 { font-size:108%; }
 .tsDlgFlexContainer > div:first-child{
  	display: none !important;
 }
 .tsDlgFlexContainer > div:last-child{
  	width: 100%;
 }
 .tsDlgWarningContainer > div:first-child{
  	display: none !important;
 }
 .tsDlgWarningContainer > div:last-child{
  	width: 100%;
 }
 .tsDlgFlexImgSP{
 		max-width: 100%;
 }
 .tsDlgFlexImgSP img{
 		width: 100%;
 		height: auto;
 }
 .tsDlgAnchorLinkSP{
  	border: 2px solid #cbcbcb;
  	background-color: #ffffff;
 }
 .tsDlgAnchorLinkTextSP{
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	padding: 2px;
        color: #333333 !important;
        text-decoration: none !important;
 }
 .tsDlgAnchorLinkGapSP{
 	margin-bottom: 1em;
 }
 .tsDlgDescriptionText{
	padding-left: 1.5em !important;
	font-size: 14px;
 }
 .tsDlgDescriptionText3em{
 	padding-left: 3em !important;
 	font-size: 14px;
 }
}
/* -----------------------------------------------
	PC用
----------------------------------------------- */
@media (min-width: 767px) {
  .tsDlgshowSP{
        display: none !important;
 }
 .tsDlgJustifyItemCenter{
        display: flex;
        align-items: center;

 }
 .tsDlgHalfContainerPC{
 	display: flex;
 }
 .tsDlgPaddingLeftPC2em{
	padding-left: 2em;
 }
 .tsDlgMarginTopNeg1em{
	margin-top: -1em;
 }
  .tsDlgFlexImgPC{
 		max-width: 100%;
 }
 .tsDlgIryohoshoImg{
 	padding-left: 15%;
	max-width: 70%;
 }
 .tsDlgFlexImgPC img{
 		width: 100%;
 		height: auto;
 }
 .tsDlgsubTxStyleBlack{
	font-size: 140%;
	font-weight: bold;
	text-align: left;
	color: black !important;
 }
 .tsDlgFlexContainer > div:first-child{
  	width: 10%;
 }
 .tsDlgFlexContainer > div:last-child{
  	width: 90%;
 }
 .tsDlgWarningContainer > div:first-child{
  	width: 10%;
 }
 .tsDlgWarningContainer > div:last-child{
  	width: 90%;
 }
 .tsDlgHalfContainerPC > div:first-child{
  	width: 50%;
 }
 .tsDlgHalfContainerPC > div:last-child{
  	width: 50%;
 }
 
 .tsDlg25mrPC{
 	margin-right: 25px;
 }
 .tsDlgAnchorLinkContainerPC{
 	display: flex;
 }
 .tsDlgAnchorLinkLeftPC{
 	flex: 1;
 	border: 2px solid #cbcbcb;
 	background-color: #ffffff;
 	margin-right: 1em;
 }
 .tsDlgAnchorLinkRightPC{
 	flex: 1;
 	border: 2px solid #cbcbcb;
 	background-color: #ffffff;
 	margin-left: 1em;
 } 
 .tsDlgAnchorLinkTextPC{
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	padding: 2px !important;
        color: #333333 !important;
        text-decoration: none !important;
 }
 .tsDlgDescriptionText{
 	padding-left: 1.5em !important;
 	font-size: 14px;
 }
 .tsDlgDescriptionText3em{
 	padding-left: 3em !important;
 	font-size: 14px;
 }
 .tsDlgls1pxPC{
 	letter-spacing: -1px;
 }

}
.tsDlgTypetext{
	display: inline-block;
	background-color: #80cae5;
	padding: 5px !important;
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 16px;
	margin-right: 10px
}
.diaalogMainArea .mainTitle {
  padding: 0;
  font-weight: bold;
  font-size: 20px;
}
.tsDlgAlignContentCenter{
	align-content: center;
}
.tsDlgSpecialBorderText{
    border: 2px solid #cbcbcb;
    background-color: #ffffff;
 }
.tsDlgSpecialBorderText{
    border: 2px solid #cbcbcb;
    font-size: 14px;
    padding: 5px;
    padding-left: 1em;
 }
 .tsDlgSimpleBorderText{
    border: 2px solid #cbcbcb;
    padding: 5px 5px 5px 5px;
 }
 .tsDlgSpecialLinkText{
 	color: #43abe5 !important;
 }
.tsDlgSpecialAnchorLinkText{
        color: #333333 !important;
        text-decoration: none !important;
}
.tsDlgTypetextArea{
	
}
.tsDlgLighterFont{
	font-size: small;
	font-weight: lighter;
	vertical-align: top;
 }
h1 .tsDlgLighterFont{
	font-weight: bold;
}
.tsDlgCompensateSymbol{
	margin-left: -0.5em;
}
.tsDlgsubTxStyleOrange{
	font-weight: bold;
	color: #ea5504 !important;
}
.tsDlgContentSeperator{
	border-bottom: 1px solid grey;
}
.tsDlgRedText{
	color: red !important;
}
.tsDlgWarningIconPos{
	align-content: center;
	padding-left: 0.5em;
}
.tsDlgWarningIconPCImg{
	max-width: 90%;
	vertical-align: unset;
}
.tsDlgWarningIconSPImg{
	max-width: 20%;
}
.tsDlgImageContainerJustifyCenter{
	display: flex;
	justify-content: center;
}
.tsDlgContainerSpaceBetween{
	display: flex;
	justify-content: space-between;	
	align-items: center;
	padding-left: 1em;
	padding-right: 1em;
}
.tsDlgLeftContent{
	order: 1;
}
.tsDlgRightContent{
	order: 2;
}
.tsDlgFontSize150{
	font-size: 150%
}
.tsDlgFontSize100{
	font-size: 100%
}
.tsDlgUnsetPaddingLeftRight{
	padding-right: unset;
	padding-left: unset;
}
.tsDlgpl1em{
	padding-left: 1em !important;
}
.tsDlgpl05em{
	padding-left: 0.5em !important;
}

/* -----------------------------------------------
	tsDlgFlexContainer
----------------------------------------------- */
.tsDlgFlexContainer,
.tsDlgFlexContainerKome,
.tsDlgWarningContainer{
 	display: flex;
}
.tsDlgFlexContainer > span:first-child{
	min-width: 2.7em;
}
.tsDlgFlexContainer > span:last-child{
	width: fit-content;
}

.tsDlgFlexContainer > span:first-child.secondIntend{
	padding-left:5em;
	text-indent: -2.7em;
	min-width: fit-content;
	max-width: fit-content;
}
.tsDlgFlexContainer > span:first-child.secondIntend6em{
	padding-left:6em;
	text-indent: -2.7em;
	min-width: fit-content;
	max-width: fit-content;
}
.tsDlgFlexContainerKome > span:first-child{
	width: 1.5em;
}
.tsDlgFlexContainerKome > span:last-child{
	width: fit-content;
}
.diaalogMainArea .whiteArea .colonTable td:first-child{
	vertical-align: top;
}
.diaalogMainArea .whiteArea .colonTable td:last-child{
	/* width: fit-content; */
	padding-left: 1em;
	text-indent: -1em;
	vertical-align: top;
}
.diaalogMainArea .dotIndentText{
	text-indent: -1em;
	padding-left: 1em;
}
ul.blackCircle li{
	list-style-type: none;
	margin: 0;
	text-indent: -1em;
	padding-left: 1em;
}

/* -----------------------------------------------
	miraitoTable
----------------------------------------------- */

.miraitoTable{
	border-collapse: collapse;
}

.miraitoTable.yellow tr th{
	background-color: #FFE699;
	text-align: center;
	padding:3px;
	border:1px solid #333;
}

@media (min-width:767px){
	.miraitoTable.yellow tr th{
		min-width:110px;
	}
}

@media (max-width:767px){
	.miraitoTable.gray tr th:first-child{
	max-width:70px;
	}
}

.miraitoTable.yellow tr td:first-child{
	background-color: #FFE699;
	text-align: left;
	padding:3px;
	border:1px solid #333;
}

.miraitoTable.yellow tr td{
	background-color: #ffffff;
	text-align: center;
	padding:3px;
	border:1px solid #333;
}

.miraitoTable.gray tr th:first-child{
	background-color: #E0DFDF;
	text-align: left;
	padding:3px;
	border-right:1px solid #333;
	border-left:1px solid #333;
	border-top:2px solid #333;
	border-bottom:2px solid #333;
	width:150px;
	padding:20px;
}

.miraitoTable.gray tr th{
	background-color: #E0DFDF;
	text-align: left;
	padding:3px;
	border-right:1px solid #333;
	border-left:1px solid #333;
	border-top:2px solid #333;
	border-bottom:2px solid #333;
	padding:20px;
}

.miraitoTable.gray tr td{
	background-color: #ffffff;
	text-align: left;
	padding:3px;
	border-right:1px solid #333;
	border-left:1px solid #333;
	border-top:2px solid #333;
	border-bottom:2px solid #333;
	padding:20px;
}

/* -----------------------------------------------
	judaishippeImg
----------------------------------------------- */
@media (min-width:767px){
	img.judaishippeImgPC{
		padding: 0.5em 2.7em;
		Width: 600px;
	}
	img.judaishippeImgSP{
		display: none !important;
	}
}
@media (max-width:767px){
	img.judaishippeImgSP{
		padding: 0.5em 2.6em;
		width: 85%;
	}
	img.judaishippeImgPC{
		display: none !important;
	}
}