@charset "utf-8";
@import url("/css/common/common.css");

/* // CSS Custom Properties
----------------------------------------------- */
:root {
    --mono-color-white: #fff;
    --mono-color-black: #000;
    --mono-color-gray: #555;
    --mono-color-darkgray: #333;
    --primary-color: #a61223;
    --primary-color-tone: #92000f;
    --secondary-color: #013884;
    /* --secondary-color-tone:; */
    --third-color: #001a72;
    /* --third-color-tone:; */

    /* テキストリンク */
    --textLink-color : var(--mono-color-gray);
    --textLink-color-hover : var(--mono-color-gray);

    /* テキストリンク - ヘッダー  */
    --textLink-header-color : var(--mono-color-darkgray);
    --textLink-header-color-hover : var(--third-color);
    --textLink-header-bullet-color : var(--mono-color-black);
    --textLink-header-bullet-color-hover : var(--third-color);

    /* テキストリンク - パンくずリスト */
    --textLink-breadcrumb-color : var(--mono-color-darkgray);
    --textLink-breadcrumb-color-hover : var(--third-color);
    --breadcrumb-current-color : var(--mono-color-darkgray);
    --breadcrumb-bullet-color : var(--mono-color-darkgray);

    /* テキストリンク - フッター */
    --textLink-footer-color : var(--mono-color-white);
    --textLink-footer-color-hover : var(--mono-color-white);
    --text-footer-color : var(--mono-color-white);

    /* エリアリンク */
    --areaLink-label-color : var(--secondary-color);
    /* --areaLink-text-color : var(); */
    --areaLink-bg-color : var(--secondary-color);
    --areaLink-label-color-hover : var(--mono-color-white);
    --areaLink-text-color-hover : var(--mono-color-white);
    --areaLink-bg-color-hover : var(--secondary-color);

    /* バナーリンク */
    --bannerLink-label-color : var(--secondary-color);
    --bannerLink-border-color : var(--secondary-color);
    --bannerLink-label-color-hover : var(--primary-color);
    --bannerLink-border-color-hover : var(--primary-color);

    /* テキストボタンリンク */
    --textLinkBtn-label-color : var(--secondary-color);
    --textLinkBtn-label-color-hover : var(--primary-color);

    /* ボタン */
    --btn-label-color : var(--mono-color-white);
    --btn-bg-color : var(--primary-color);
    --btn-bg-color-hover : var(--primary-color-tone);

    /* リロードボタン */
    --btn-reload-icon-color : var(--primary-color);
    --btn-reload-icon-color-hover : var(--mono-color-white);
    --btn-reload-label-color-hover : var(--mono-color-white);
    --btn-reload-bg-color-hover : var(--primary-color);

    /* タブ */
    --tab-frame-color : var(--secondary-color);
    --tab-label-color : var(--secondary-color);
    --tab-label-color-hover : var(--mono-color-white);
    --tab-bg-color-hover : var(--secondary-color);
    --tab-label-color-current : var(--mono-color-white);
    --tab-bg-color-current : var(--secondary-color);
}

/* ボタン設定 */
/*----------------------------------------------- */
.taLeft .btnA,
.mab30 .btnA {
    width: auto;
}

.btnA i {
	color:#FFF;
	position: absolute;
	top: 50%;
	right:10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.btnA:hover {
	text-decoration:none;
	color:#FFF;
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	-ms-transition: all 0.15s;
	-o-transition: all 0.15s;
	transition: all 0.15s;
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.btnA.left {
	padding-right:30px;
	padding-left:50px;
}
.btnA.left i {
	left:10px;
}
.btnA.s {
	padding:10px 36px 10px 16px;
	font-size:100%;
}
.btnA.s.left {
	padding:10px 16px 10px 36px;
}

#Program a.formSubmit {
    background: #003772;
}

.loginBox .btnA.green {
    background-color: #383fa3;
}

form[name="_contact_indexActionForm"] .btnA.green {
    background-color: #383fa3;
}

form[name="_privacy_editActionForm"] .btnA.green {
    background-color: #383fa3;
}

.btnA.white {
	background-color:#fff;
	border:1px solid #444;
	color:#333;
}

.btnA.white i {
	color:#666;
}

.btnA.disabled {
	background-color:#ccc;
}

span.btnA {
	padding:0;
}

span.btnA.left {
	padding-right:0;
	padding-left:0;
}

span.btnA.s {
	padding:0;
}

span.btnA.s.left {
	padding:0;
}

span.btnA input {
	padding:16px 50px 16px 30px;
	cursor:pointer;
	text-align:center;
}

.btnA.left input {
	padding-right:30px;
	padding-left:50px;
}

.btnA.s input {
	padding:10px 36px 10px 16px;
}

.btnA.s.left input {
	padding:10px 16px 10px 36px;
}


#Program table {
    color: #333;
    margin-bottom: 1em;
    font-size: 122%;
    line-height: 1.5;
    text-align: left;
    border-collapse: collapse;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#Program table th {
    color: #fff;
    background: #787878;
	padding: 10px;
	font-weight: bold;
    text-align: center;
	vertical-align: middle;
}
#Program table th.column-2,
#Program table th.column-3 {
    background: #2245a0;
    border-top: 1px solid #fff;
}
#Program table th:not(:last-child) {
	border-right:1px solid #fff;
}
#Program table td {
	padding: 10px;
	vertical-align: top;
	text-align:center;
}
#Program table td:not(:last-child) {
	border-right:1px dotted #999;
}

#Program table tr:nth-child(odd) td {
  background-color: #fff;
}
#Program table tr:nth-child(even) td {
  background-color: #eee;
}

/* // Footer
----------------------------------------------- */
#Footer:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
}

#Footer ul.link {
    display: inline-block;
}

#Footer ul.link li {
	margin-right: 25px;
    float: left;
}

#Footer p.copy {
	font-size: 90%;
	position: absolute;
	top: 10%;
    right: 90px;
}

#Footer .footeLogo {
    margin: 0;
    padding: 0;
    width: 70px;
    height: auto;
    position:absolute;
	top: -10px;
	right: 0;
}

/* Structure */
/*----------------------------------------------- */
body{
    /* background: #f3f3f3 !important; */
    min-width:1200px;
}

#ContentsWrap:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

#ContentsWrap {
    display: inline-block;
}

/* Hides from IE Mac */
* html #ContentsWrap {
    height: 1%;
}

#ContentsWrap {
    display: block;
}
/* End Hack */

#ContentsWrap {
	padding-bottom: 70px;
}

#ContentsWrap #MainContents {
	float:left;
	width:860px;
}

#ContentsWrap #MainContents.narrow {
	margin:0 auto;
	width: 800px;
    float: none;
}

/* // Header
----------------------------------------------- */
#Header {
    background: #fff;
    padding: 0;
    border-bottom: solid 1px #ccc;
}

#Header h1 a {
    color: #333;
    margin: 0;
    padding: 0;
    width: 512px;
    height: 80px;
    font-weight: bold;
    line-height: 1.2;
    display: -ms-flexbox;
    display: -webkit-box;
  	display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

#Header h1 a:hover {
    text-decoration: none;
}

#Header h1 a:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
}

#Header h1 a img {
    margin: 0 1.6em 0 0;
    padding: 0;
    height: 80px;
    line-height: 1;
    display: inline-block;
    float: left;
    -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

#Header h1 a:hover img {
    opacity: 0.85;
}

#Header h1 a small {
    color: #aaa;
    font-size: 82%;
    font-weight: normal;
}

#Header ul.link {
	position:absolute;
    top: 10px;
	right:0;
	font-size:93%;
}
#Header ul.link li {
	float:left;
	margin-left: 10px;
}
#Header ul.link li:nth-child(5) {
    clear: both;
}
/* add */
#Header .fa-angle-right {
    margin-right: 0.6em;
    color: #011;
}

#Header ul.link li a:link,
#Header ul.link li a:visited {
    color : var(--textLink-header-color);
    font-weight: normal;
    text-decoration: none;
}

#Header ul.link li a i {
    color : var(--textLink-header-bullet-color);
}

#Header ul.link li a:hover {
    color : var(--textLink-header-color-hover);
    text-decoration: underline;
    /* opacity: 0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )"; */
}

/* base.css line 26 - 33 対応 */
#Header ul.link li a:hover i {
    color : var(--textLink-header-bullet-color-hover);
    text-decoration: none;
    display: inline-block !important;
}

/* premiumYutai Logo */
.premiumYutaiclubLogo {
    /* background: #fff; */
    background: #000;
    margin: 0;
    padding: 0;
    width: 90px;
    height: 50px;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    -moz-box-shadow: 0 2px 3px -1px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 2px 3px -1px rgba(0,0,0,0.3);
    box-shadow: 0 2px 3px -1px rgba(0,0,0,0.3);
    display: block;
    position: absolute;
    right: 0;
    bottom: -50px;
    z-index: 9999;
}

.premiumYutaiclubLogo img {
    margin: auto;
    padding: 0;
    width: 65%;
    height: auto;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.premiumYutaiclubLogo img:hover,
.premiumYutaiclubLogo img:active {
    opacity: 0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

/* // Breadcrumb
----------------------------------------------- */
#Breadcrumb {
    color: var(--breadcrumb-current-color);
	background: #f9f9f9;
    margin: 0 0 30px;
	padding: 16px 0;
    font-size: 82%;
	line-height: 1;
    border-bottom: solid 1px #f5f5f5;
}

#Breadcrumb li {
	float: left;
}

#Breadcrumb i {
    color: var(--breadcrumb-bullet-color);
	padding: 0 12px;
}

#Breadcrumb a:link,
#Breadcrumb a:visited {
    color: var(--textLink-breadcrumb-color);
    text-decoration: none;
    -webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
}

#Breadcrumb a:hover {
    color: var(--textLink-breadcrumb-color-hover);
    text-decoration: underline;
}

/* // pageTop
----------------------------------------------- */
.pageTop {
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: block;
    position: fixed;
	/* right: calc(50% + -550px); */
    right: calc(50% + -590px);
	bottom: 140px;
    z-index: 99999;
}

.pageTop i {
    color: #fff;
    background: #333;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    font-size: 2.286rem; /* 32px */
    line-height: 1;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: block;
    opacity: 0.65;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.pageTop:link,
.pageTop:visited,
.pageTop:hover,
.pageTop:active {
    text-decoration: none;
}

.pageTop:hover i,
.pageTop:active i {
    line-height: 0.9;
    opacity: 1;
}

/* // Live Streaming
 ----------------------------------------------- */
.videoContainerWrap {
    margin: 0 auto;
    padding: 35px 0 0;
    width: 720px;
    height: 100%;
}

.video-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.video-container iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/* // バーチャル株主総会
 ----------------------------------------------- */
.videoContainerWrap {
    margin: 0 auto;
    padding: 15px 0 0;
    width: 720px;
    height: 100%;
}

.video-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.video-container iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.videoNote {
    margin: 0 auto 1em;
    width: 720px;
}

.videoNote p {
    margin: 0 0 0.4em 1em;
    padding: 0;
    font-size: 82%;
    line-height: 1.3;
    text-indent: -1em;
}

.videoNote p:before {
    content: "※";
}

.Switching {
    margin: 0;
    padding: 0;
    width: 300px !important;
    height: auto !important;
    position: fixed;
    bottom: 20px;
    right: 100px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
    box-shadow: 0 0 10px rgba(0,0,0,0.6);
    z-index: 9999;
}

.tabArea {
    margin: 0 0 20px;
    padding: 20px 0 0;
    width: 100%; /* 800px */
    height: auto;
}

.systemRequirementsNotesPra {
    background: #f9f9f9;
    margin: 0 auto 20px;
    padding: 1.2em 0;
    width: 800px;
    font-size: 82%;
    line-height: 1;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.lineSwitching {
	margin: 5px auto 0;
	padding: 0;
	/* width: 720px; */
}

.lineSwitchingPra {
	color: #7f7f7f;
	padding: 0;
	font-size: 82%;
	line-height: 1.4;
	margin: 0 auto;
	width: 720px;
}

.lineSwitchingPra a:link,
.lineSwitchingPra a:visited {
	text-decoration: underline;
}

.lineSwitchingPra a:hover {
	color: #fff;
	text-decoration: none;
}

.lineSwitchingPra ol li {
	float: left;
}

.lineSwitchingOList {
	background: #dfdfdf;
	margin: 0;
	padding: 0;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.lineSwitchingOList:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}

.lineSwitchingOList li {
	margin: 6px 0 6px 1%;
	padding: 0;
	width: 10%;
	float: left;
}

.lineSwitchingOList li:nth-child(9n) {
	margin: 6px 1%;
}

.lineSwitchingOList li:nth-child(n+10) {
	margin-top: 0;
}

.lineSwitchingOList li a {
	background: #fff;
	width: 100%;
	height: 24px;
	/* font-size: 82%; */
	font-size: 73%;
	line-height: 24px;
	text-align: center;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	display: block;
	-webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s;
    -o-transition: all 0.15s;
    transition: all 0.15s;
}

.lineSwitchingOList li a:link,
.lineSwitchingOList li a:visited {
	text-decoration: none;
}

.lineSwitchingOList li a:hover {
	color: #fff;
	background: #0a3;
	text-decoration: none;
}

.lineSwitchingOList li a:hover:before {
	color: #fff;
}

.lineSwitchingOList li a:before {
    content: "\f105";
    color: #af1d7b;
    margin: 0 0.4em 0 0;
    font-family: FontAwesome;
}

.lineSwitchingOList li a.current {
	color: #fff;
	background: #0a3;
}

.lineSwitchingOList li a.current:before {
	content: "●";
    color: #fff;
    margin: 0 0.4em 0 0;
}

.lineSwitchingOList li:first-child a,
.lineSwitchingOList li:first-child a:before {
	color: #08d;
}

.lineSwitchingOList li:first-child a:hover,
.lineSwitchingOList li:first-child a:hover:before {
	color: #fff;
}

.lineSwitchingOList li a.current:first-child,
.lineSwitchingOList li a.current:first-child:before {
	color: #fff;
}

/* // アーカイブ配信
 ----------------------------------------------- */
#videoArea {
	width: 1000px;
	position: relative;
	left: -15%;
	margin-right: 15%;
}

.videoContentsBox {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	box-sizing: border-box;
	padding: 5px;
	width: 100%;
	max-width: 1200px;
	background-color: #ffffff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: rgb(148 155 163 / 30%) 0px 0px 4px 1px;
	-webkit-box-shadow: rgb(148 155 163 / 30%) 0px 0px 4px 1px;
	-moz-box-shadow: rgba(148, 155, 163, 0.3) 0px 0px 4px 1px;
}

.videoContentsBox:before {
	content: "";
	display: table;
}

.videoContentsBox .videoContainerWrap {
	float: left;
	margin-right: 5px;
	padding: 0;
	width: calc(100% - 250px);
}

.chapter {
	float: right;
	width: 265px;
}

.chapter .chapterTitle {
	font-size: 13px;
	/*color: #c30d23;*/
	color: #000000;
	font-weight: bold;
	background-color: #f2f2f2;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 0px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.chapter .contents {
	height: 246px;
	overflow: auto;
	background-color: #f2f2f2;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	padding-top: 20px;
}

#videoArea .chapter .contents {
	height: 355px;
}

.chapter .contentsTitle {
	font-size: 13px;
	padding-left: 10px;
	text-align: left;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	/*background-color: #172a88;*/
	background-color: #808080;
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 5px;
}

.chapter li a:hover {
	background-color: #d9d9d9;
}

.chapter ul {
    padding-left: 10px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 13px;
    list-style: none;
}

/* ajax ver */
#changeTab {
    margin: 0 0 40px;
    border-bottom: solid 8px var(--tab-frame-color);
}

#changeTab:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
}

#changeTab li {
    margin: 0 4px -4px 0;
    display: block;
    float: left;
}

#changeTab li a {
    color: var(--tab-label-color);
    margin: 0;
    width: 200px;
    height: 50px;
    font-size: 127%;
    line-height: 50px;
    text-align: center;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    border: solid 4px var(--tab-frame-color);
    display: block;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

#changeTab li a:before {
    content: "\f138";
    margin: 0 0.4em 0 0;
    font-family: FontAwesome;
}

#changeTab li a:link,#changeTab li a:visited {
    text-decoration: none;
}

#changeTab li a:hover {
    color: var(--tab-label-color-hover);
    background: var(--tab-bg-color-hover);
}

#changeTab li a.current {
    color: var(--tab-label-color-current);
    background: var(--tab-bg-color-current);
    font-weight: bold;
}

#changeTab li a.current:before {
    content: none;
}

#loading {
    height: 800px;
    position: relative;
}

#loading img {
    background: #ccc;
    width: 50px;
    height: 50px;
    margin: auto;
    padding: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* 動画配信画面 */
/*----------------------------------------------- */
.tableA .item .form-control {
    width: 100%;
}

/*
#status_disp {
    color: #b00;
    margin: 2em 0;
    padding: 0.8em 1em;
    width: 100%;
    height: auto;
    line-height: 1.4em;
    border: solid 2px #b00;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-sizing: border-box;
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}*/

.status_disp_error {
    color: #b00;
    margin: 2em 0;
    padding: 0.8em 1em;
    width: 100%;
    height: auto;
    line-height: 1.4em;
    border: solid 2px #b00;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-sizing: border-box;
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.status_disp_message {
    color: #155724;
    margin: 2em 0;
    padding: 0.8em 1em;
    width: 100%;
    height: auto;
    line-height: 1.4em;
    border: solid 2px #155724;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-sizing: border-box;
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

/* // Form
----------------------------------------------- */
/* Form Table */
dl.tableA {
	line-height:1.5;
}

dl.tableA:after {
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}

dl.tableA {
    display: inline-block;
}
/* Hides from IE Mac */
* html dl.tableA {
    height: 1%;
}
dl.tableA {
    display:block;
}
/* End Hack */

dl.tableA dt {
    color: #fff;
    background: #444;
    margin: 0;
    padding: 15px;
    width: 30%;
    font-weight: normal;
    border: solid #d8d8d6;
    border-width: 0 0 1px 1px;
    box-sizing: border-box;
    display: block;
    float: left;
}

dl.tableA dd {
    margin: 0;
    padding: 15px;
    width: 70%;
    font-weight: normal;
    border: solid #d8d8d6;
    border-width: 0 1px 1px 0;
    box-sizing: border-box;
    display: block;
    float: left;
}

dl.tableA.s dt,
dl.tableA.s dd {
	padding: 8px;
	font-size: 96%;
}

dl.tableA dt:first-child {
	border-top: 1px #d8d8d6 solid;
}

dl.tableA dt.last {
	border-bottom: 1px #d8d8d6 solid;
}

dl.tableA dd.first {
	border-top: 1px #d8d8d6 solid;
}

dl.tableA dd:first-child {
    border-top: 1px #c00 solid !important;
}

dl.tableA .item em {
	display:block;
}

dl.tableA dt span.must {
    color: #fff;
    background: #f00;
    margin-left: 10px;
	padding: 0 5px;
	font-size: 90%;
	/* border-radius: 3px; */
    display:inline-block;
}



/* Form Module */
input, button, textarea, select {
	margin: 0;
	padding: 7px;
	background: #FFF;
	border: 1px solid #AAA;
	border-radius: 3px;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing: border-box;
}

input,textarea{
	box-sizing:border-box;
    width: 100%;
}

select:focus,
input:focus,
textarea:focus{
	background-color: #ffeff7;
}

/* Legacy First (Old Browser)  */
input[type="radio"] {
	width: 18px;
	height: 18px;
	border: solid 1px #ccc;
}

input[type="checkbox"] {
	width: 18px;
	height: 18px;
	border: solid 1px #ccc;
}

input[type=radio],
input[type=checkbox] {
    margin-right: 6px;
    display: inline-block;
}

input[type=radio] + label,
input[type=checkbox] + label {
    margin-right: 12px;
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
    cursor: pointer;
    position: relative;
}

/* Modern Browser */
@media (min-width: 1px) {
    input[type=radio],
    input[type=checkbox] {
        margin: 0;
        display: none;
    }
    input[type=radio] + label,
    input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }
    input[type=radio] + label::before,
    input[type=checkbox] + label::before {
        content: "";
        background: #fff;
        margin-top: -9px;
        width: 18px;
        height: 18px;
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        top: 50%;
        left: 0;
    }
    input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
    input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
    input[type=radio]:checked + label::after,
    input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    input[type=radio]:checked + label::after {
        left: 5px;
        width: 8px;
        height: 8px;
        margin-top: -4px;
        background: #E71063;
        border-radius: 8px;
    }
    input[type=checkbox]:checked + label::after {
        left: 3px;
        width: 16px;
        height: 8px;
        margin-top: -8px;
        border-left: 3px solid #E71063;
        border-bottom: 3px solid #E71063;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

.formError {
	list-style:disc;
	background-color:#FFE8ED;
	color:#D80041;
	padding:10px 10px 4px 10px;
	margin-bottom:20px;
}
.formError li{
	margin-left:1.4em !important;
	margin-bottom:6px !important;
	line-height:1.4em !important;
}

/* // Login Dialog Box
----------------------------------------------- */
.loginBox {
    margin: 0 auto;
	width: 65%;
}

.loginBox dl {
	background: #fafafa;
	padding: 25px 20px;
    border: 8px solid #d0d0d0;
	box-sizing: border-box;
}

.loginBox dt  {
	margin-bottom: 8px;
	padding: 3px 0 3px 10px;
	font-weight: 500;
	font-size: 108%;
    border-left: 5px solid #333;
}

.loginBox dd  {
	margin-bottom: 25px;
}

/* 新規会員登録 : 株主番号 + 郵便番号  */
.boxFrameB {
    background: #fafafa;
    padding: 35px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 8px solid #d0d0d0;
    box-sizing: border-box;
}

.boxFrameB dt  {
    margin-bottom: 8px;
	padding: 3px 0 3px 10px;
    font-size: 108%;
	font-weight: 500;
    border-left: 5px solid #333;
}

.boxFrameB dd  {
	margin-bottom: 25px;
}

.boxFrameB.account .box1  {
	margin: 0 auto;
	width: 60%;
}

/* // Terms of Service Box
----------------------------------------------- */
.kiyakubox {
    margin: 20px auto 20px;
    padding: 10px;
	width: 100%;
	height: 300px;
	font-size: 11px;
	line-height: 1.4em;
	text-align: left;
    border: 1px solid #CCC;
    display: block;
	overflow: auto;
	box-sizing: border-box;
}

.kiyakuboxSmall {
    margin: 0 0 20px;
    padding: 10px;
	width: 100%;
	height: 150px;
    border: 1px solid #CCC;
	display: block;
	overflow: auto;
	box-sizing: border-box;
}

.kiyakuboxSmall pre {
    margin: 1em 0.8em;
    font-size: 82%;
    line-height: 1.4;
    white-space: pre-wrap;
}

/* 【個人情報の取扱いについて】に同意する + 【利用規約】に同意する */
.boxFramA,
.boxFrameA {
	background: #fafafa;
	padding: 15px;
    border:1px solid #ccc;
}


/* // Step Form Wizard
----------------------------------------------- */
ul.registFlow {
	margin-bottom: 40px;
}

ul.registFlow li {
    color: #999;
    padding: 0 7px;
    width: 25%;
    font-weight: 100;
	text-align: center;
	display: block;
    float: left;
	box-sizing: border-box;
}

ul.registFlow li span {
    background:#fbfbfb;
    padding: 12px 5px;
	border: solid 5px #e7e7e7;
	display: block;
}

ul.registFlow li span em {
	font-size: 160%;
	letter-spacing: 0.1em;
}

ul.registFlow.on1 li:nth-child(1) span,
ul.registFlow.on2 li:nth-child(2) span,
ul.registFlow.on3 li:nth-child(3) span,
ul.registFlow.on4 li:nth-child(4) span {
	color: #fff;
    background: #343434;
	border-color:#595959;
}

/* // Heading
----------------------------------------------- */
.headTxA {
    color: #333;
    margin: 0;
    padding: 0.6em 0;
    font-size: 1.625rem; /* 26px */
    font-weight: normal;
    border: solid #e8e8e8;
    border-width: 0 0 2px;
    position: relative;
}

.headArchive {
	width: 1000px;
	left: -15%;
    color: #333;
    margin: 0;
    padding: 0.6em 0;
    font-size: 1.625rem; /* 26px */
    font-weight: normal;
    border: solid #e8e8e8;
    border-width: 0 0 2px;
    position: relative;
}

.lineArchive {
	margin: 0 30px;
	width: 1000px;
	color: #7f7f7f;
	padding: 0;
	font-size: 82%;
	line-height: 1.4;
}

.headTxB {
    color: #333;
    margin: 0;
    padding: 0;
    font-size: 127%;
    font-weight: normal;
}

#Help .headTxA.mab35,
#ContentsWrap #MainContents.narrow .headTxA.mab35 {
    color: #333;
    margin: 0;
    padding: 0.6em 0;
    font-size: 1.625rem; /* 26px */
    font-weight: normal;
    border-top: none;
    border-right: none;
    border-bottom: solid 2px #e8e8e8;
    border-left: none;
    position: relative;
}

#MainContents.narrow .headTxA.mab15 {
    color: #333;
    margin: 0;
    padding: 0.6em 0;
    font-size: 1.625rem; /* 26px */
    font-weight: normal;
    border-top: none;
    border-right: none;
    border-bottom: solid 2px #e8e8e8;
    border-left: none;
    position: relative;
}

/* // Button
----------------------------------------------- */
/* チェックボックス確認付きボタン用 アニメーション */
.setTransition {
   -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

/* 推奨動作環境 -［戻る］ボタン */
#historyBackBtn {
    color: #fff;
    background: #aaa;
    margin: 20px auto 40px;
    padding: 0;
    width: 40%; /* 320px */
    height: 50px;
    font-size: 1.143em; /* 16px */
    line-height: 50px;
    border: none;
    display: block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    position: relative;
}

#historyBackBtn:before {
    content: "\f104";
    margin: 0 auto;
    font-family: FontAwesome;
    font-size: 1.286em; /* 18px */
    position: absolute;
    top: 0;
    left: 1em;
    bottom: 0;
}

#historyBackBtn:hover,
#chistoryBackBtn:active {
    background: #888;
}

/* // 推奨動作環境
 ----------------------------------------------- */
/* System Requirements Table */
.systemRequirementsTable {
    color: #333;
    line-height: 1.5;
	text-align: left;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
    border-collapse: collapse;

}
.systemRequirementsTable th {
    color: #fff;
    background: #b9b9b9;
	padding: 0.4em 0;
    width: 50%;
	font-weight: normal;
	text-align:center;
    vertical-align: middle;
    border: 1px solid #fff;
}

.systemRequirementsTable th:not(:last-child) {
	border-right:1px solid #fff;
}

.systemRequirementsTable td {
	padding: 0.4em 0;
	text-align: center;
}

.systemRequirementsTable td:not(:last-child) {
	border-right: 1px solid #fff;
}

.systemRequirementsTable tr:nth-child(odd) td {
  background-color: #fafafa;
}

.systemRequirementsTable tr:nth-child(even) td {
  background-color: #fff;
}

/* // 動画配信障害発生時
 ----------------------------------------------- */
.failureInfoWrap {
    position: relative;
    width: 100%;
}

.failureInfoWrap:before {
    content:"";
    display: block;
    padding-top: 56.25%; /* 高さを幅の 56.25% に固定 */
}

.failureInfo {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.failureInfoH2 {
    color: #fff;
    margin: 60px 40px;
    padding: 0;
    font-size: 1.750em; /* 28px */
    font-weight: bold;
    line-height: 1;
}

.failureInfoH2:before {
    content: "\f06a";
    margin: 0 0.6em 0 0;
    font-family: FontAwesome;
}

.failureInfoPra {
    color: #fff;
    margin: 10px 40px;
    padding: 0;
    font-size: 1.250em; /* 20px */
    line-height: 1.4;
}

.Switching .failureInfoH2 {
    margin: 20px;
    font-size: 0.938em; /* 15px */
}

.Switching .failureInfoPra {
    margin: 10px 20px;
    font-size: 0.750em; /* 12px */
}


#List ul.pageNav {
    background: #fff;
	margin: 0 0 4em;
	padding: 10px;
    text-align: center;
	border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

#List ul.pageNav li {
    background: #efefef;
    margin: 0 2px;
    padding: 5px 13px;
    -moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
    display: inline-block;
}

#List ul.pageNav li:empty {
    background: none;
}

#List ul.pageNav li a {
    background: #fff;
    margin: -5px -13px;
    padding: 5px 13px;
    -moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
    border: solid 1px #fff;
    display: block;
}

#List ul.pageNav li span{
	color:#FFF;
	background: #333;
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	text-decoration: none;
	vertical-align: middle;
}

#List ul.pageNav li a:link,
#List ul.pageNav li a:visited {
    text-decoration: none;
}

#List ul.pageNav li a:hover {
    color: #0353a4;
    border: solid 1px #ddd;
}

#List ul.pageNav li a:hover i {
    color: #0353a4;
}

/* .AnnualMeeting .explain:after {} */

a[href*=".pdf"].showPdfIcon:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 34px;
	margin-right: 10px;
	background-image: url(/images/common/pdf/PDF_32.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 25px auto;
}

/* // バーチャル株主総会(メッセージ)
 ----------------------------------------------- */
.css-fukidashi {
  padding: 0;
  margin: 0;
  position: relative;
}
.text {
  resize: auto;

}
.fukidashi {
  display: none;
  width: 450px;
  position: absolute;
  bottom: 100px;
  right: 0px;
  padding: 16px;
  border-radius: 5px;
  background: #33cc99;
  color: #fff;
  font-weight: bold;
}
.fukidashi:after {
  position: absolute;
  width: 0;
  height: 0;
  left: 30px;
  bottom: -19px;
  margin-left: 10px;
  border: solid transparent;
  border-color: rgba(51, 204, 153, 0);
  border-top-color: #33cc99;
  border-width: 10px;
  pointer-events: none;
  content: " ";
}
.text:hover + .fukidashi {
  display: block;
}

/* ［拍手］ボタン */
#wrapOutside {
    background: #efefef;
    margin: 0 auto;
    padding: 6px;
    width: 50px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

#wrapOutside:hover {
    background: #0a5afe;
    /* cursor: pointer; */
}

#wrapInside {
    background: #fff;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.08);
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.08);
    overflow: hidden;
    position: relative;
    z-index: 1;
}

#animation_container {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.handclapPra {
    margin: 0.4em 0;
    text-align: center;
}


/* Line Switching */
.reloadPra {
	color: #7f7f7f;
	padding: 0;
	font-size: 82%;
	line-height: 1.4;
	margin: 0 auto;
	width: 720px;
}

.reloadPra a {
	background: #f3f3f3;
	margin: 0 0.2em;
	padding: 0.4em 0.6em;
	font-size: 91%;
	line-height: 1;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s;
    -o-transition: all 0.15s;
    transition: all 0.15s;
}

.reloadPra a:link,
.reloadPra a:visited {
	text-decoration: none;
}

.reloadPra a:hover {
	color: #fff;
    background: #e60012;
}

.reloadPra a:hover:before {
	color: #fff;
}

.reloadPra a:before {
	content: "\f021";
    color: #e60012;
    margin: 0 0.4em 0 0;
    font-family: FontAwesome;
}

.chapter .chapterTitle {
	margin-left: 0px;
}