html,
body {height: 100%; padding: 0px; margin: 0px; color: #fff; background-color:  hsl(0, 0%, 98%);}
.container-fluid { padding: 0px;}
.row-margin-top { margin-top: 0px;} 

/* �嗅����𢒰 20190401 */
.media-left_mobile img {width:80px;}
.well {background-color: rgba(255, 255, 255, 0.8); padding: 50px 50px 50px 50px; color: #000;}
.well p { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2rem;}
.well h3 { font-size: 4rem; font-weight: normal; letter-spacing:.1rem; line-height: 5rem; }
.well_pc p { font-size: 2rem; font-weight: normal; letter-spacing:2px; line-height: 2.5rem; }
.well_pad {background-color: rgba(255, 255, 255, 0.9); padding: 20px 20px 100px 20px; color: #000; }
.well_mobile {background-color: rgba(255, 255, 255, 0.9); padding: 20px 10px 50px 10px; color: #000; }
.well_mobile p { font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.2rem;}
.well_mobile h3 { font-size: 3rem; font-weight:700; letter-spacing:.1rem; line-height: 3rem;}
.well_mobile_register {background-color: rgba(255, 255, 255, 0.9); padding: 20px 20px 100px 20px; color: #000; }
.well_pc_photo { padding:100px 200px 200px 200px;}
.well_pc_photo p { font-size: 4rem; font-weight: normal; letter-spacing:2px; line-height: 5rem; }
.well_mobile_photo { margin-top:20px; padding:20px 0px 10px 0px;}
.well_mobile_photo p { font-size: 2.6rem; font-weight: normal; letter-spacing:2px; line-height: 5rem; }
.well_pad_photo { margin-top:20px; padding:40px 50px 60px 50px;}
.well_pad_photo p { font-size: 2.6rem; font-weight: normal; letter-spacing:2px; line-height: 5rem; }

.media_pc p { font-size: 2rem; font-weight: normal; letter-spacing:2px; line-height: 22px; }

.caption_pc p { font-size: 2.6rem; letter-spacing: .1rem; line-height: 4rem;}
.caption_pc table th  { font-size: 2.6rem; letter-spacing: .1rem; line-height: 4rem; text-align: center;}
.caption_pc table td  { font-size: 2.2rem; letter-spacing: .1rem; line-height: 4rem; text-align: center;}
.caption_pc table td .month  { font-size: 2rem; letter-spacing: .1rem; line-height: 4rem; text-align: center; color: lightgray;}
.caption p { font-size: 2.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 4rem; text-align: left; color:#000;}
.form-group { font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; }
.form-control { font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; height: 4rem;}
.btn { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 22px; }
.nav-tabs { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 22px; }

.checkbox_pc input[type="checkbox"] { top: -10px; }
.checkbox_mobile input[type="checkbox"] { top: -10px; }
.path_title { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 22px; color:#5E5E5E;}
.path_title .well-sm { padding: 2px 2px 2px 10px; margin-bottom: 5px; border-radius: 3px; background-color: rgba(255, 255, 255, 0.9); }
.m_center_index p { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 22px; color: #FFF; }
.modal-body p { font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color: #000; }
.modal-header {color: #000; padding-top: 50px;}
.media-heading { font-size: 3rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; }

.panel { font-size: 2.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color: #000;}
.panel { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
.panel-body a:link { text-decoration: none; cursor: pointer; }
.panel-body a:visited { text-decoration: none; cursor: pointer; }
.panel-body a:active { text-decoration: none; cursor: pointer; }
.panel-body a:hover { text-decoration: none; cursor: pointer; }
.panel input[type="radio"] { margin-top: 10px;}
.panel-body p { font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; }
.panel-body p .lead { font-size: 3rem; font-weight: normal; letter-spacing:.1rem; line-height: 3.6rem; }
.panel-body_pad p { font-size: 2.4rem; font-weight: normal; letter-spacing:.1rem; line-height: 3.6rem; }
.panel-body_pad p .lead { font-size: 3rem; font-weight: normal; letter-spacing:.1rem; line-height: 3.6rem; }
.panel-body_pad h3 { font-size: 2.8rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; }
.panel-body_mobile { padding:10px 10px 0px 10px;}
.panel-body_mobile p { font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; }
.panel-body_mobile p .lead{ font-size: 2.8rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; }
.panel-body_mobile h3 { font-size: 2.8rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; }
.panel-body.gray { background-color: #e8e8e8; color:black; }

.date_mobile { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 1.6rem; }
.bg-default { color: #000; background-color: #e4e8eb; }
.bg-text-margin {margin:20px 0px 20px 0px;}

/* alret �嗅� 20190529 */
.alert input[type="checkbox"] { margin-top: 20px; }
.alert p {font-size: 2.4rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; }
.modal .alert { font-size: 2.4rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; }
.well .alert { font-size: 2.4rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; }

/* btn 20190528 */
.btn.round-pc {border-radius: 30px; }
.btn.round-mobile {border-radius: 20px;}
.btn.btn-pc { font-size: 3rem; letter-spacing: .1rem; line-height: 4rem; padding: 15px 30px 20px 30px; font-family: '敺株��迤暺煾��';}
.btn.btn-mobile { font-size: 2rem; letter-spacing: .1rem; line-height: 3rem; padding: 10px 25px 10px 25px; font-family: '敺株��迤暺煾��';}
.btn.btn-index-pc { border-radius: 20px; font-size: 2.6rem; font-weight:600; letter-spacing: .1rem; line-height: 3rem; padding: 5px 30px 5px 30px; font-family: '敺株��迤暺煾��';}
.btn.purple {background-color: purple; border-color: purple; color: white;}
.btn.purple:hover {background-color: skyblue; border-color:skyblue; color: white;}
.btn.luxury_gradient {background-color: #29539b; background-image: linear-gradient(315deg, #29539b 0%, #1e3b70 74%); border-color: goldenrod; border-width:3px; border-style:solid; color:palegoldenrod;}
.btn.luxury_gradient:hover {background-color: #182b3a; background-image: linear-gradient(315deg, #182b3a 0%, #20a4f3 74%); border-color: goldenrod; border-width:3px; border-style:solid; color: palegoldenrod;}
.btn.luxury {background-color: #0a1d3b; border-color: goldenrod; border-width:3px; border-style:solid; color:goldenrod;}
.btn.luxury:hover {background-color: #2e3a4e; border-color: goldenrod; border-width:3px; border-style:solid; color: goldenrod;}
.btn.coral {background-color: #f5a19b; border-color: #f5a19b; color: white;}
.btn.coral:hover {background-color: lightcoral; border-color:white; color: white;}
.btn.pink {background-color:#f13b67; border-color:#f13b67; color: white;}
.btn.pink:hover {background-color: skyblue; border-color:skyblue; color: white;}
.btn.gold_gradient {background-color: #fec84e;background-image: linear-gradient(315deg, #fec84e 0%, #ffdea8 74%); border-color: goldenrod; border-width:3px; border-style:solid; color:black;}
.btn.gold_gradient:hover {background-color: #f9d29d; background-image: linear-gradient(315deg, #f9d29d 0%, #ffd8cb 74%); border-color: goldenrod; border-width:3px; border-style:solid; color: black;}
.btn.silver_gradient {background-color: #bdcad9; background-image: linear-gradient(315deg, #bdcad9 0%, #e1dada 74%); border-color: darkgray; border-width:3px; border-style:solid; color:black;}
.btn.silver_gradient:hover {background-color: #d9d9d9; background-image: linear-gradient(315deg, #d9d9d9 0%, #f6f2f2 74%); border-color: darkgray; border-width:3px; border-style:solid; color:black;}
.btn.white {background-color: rgba( 255, 255, 255, 0.3); color: white; border: 2px solid white;}
.btn.white:hover {background-color: rgba( 255, 255, 255, 0.6); color: white; border: 2px solid white;}
.btn.gray {background-color: darkgray; color: white; border: 3px dotted #d6d6d6;}
.btn.gray:hover {background-color: lightgray; color: white; border: 3px dotted #e2e2e2;}
.btn.microevent { background-color: lightcoral; color: #353535;}
.btn.microevent:hover {background-color: coral; color: #353535;}
.btn.lightcoral_transparent {background-color: rgba( 246, 81, 42, 0.6); color: white; border: 2px solid white;}
.btn.lightcoral_transparent:hover {background-color: rgba( 246, 81, 42, 0.3); color: white; border: 2px solid white;}


/* image effect 20200723 */
.icon_effect { 	-webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} 
.icon_effect:hover {-webkit-filter: drop-shadow(0px 0px 8px rgba(0, 231, 255, 0.8));}

/* �㮾��� 20200526 */
.album_picture {overflow:hidden; border-radius: 0px; } 
.album_picture:hover .media_animate { -webkit-transform:scale(1.3); transform:scale(1.3); }
.media_animate { -webkit-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform:scale(1); transform:scale(1); }
.album_picture_gutter{ padding-right:4px; padding-left:4px;}

/* 擐㚚�block_news ���鰵瘨��航���㘾�𥪜𥼚撠� */
.block_wrapper_news {background: url("/images/bg/news_bg/news_bg_01.webp"); 
 background-attachment: fixed; background-position: center;background-size: cover; padding: 20px 0px 50px 0px; margin: 0px;}
.block_wrapper_news .block_wrapper_news_content h1 { font-size: 4rem; font-weight: 600; letter-spacing:.1rem; line-height: 5rem; color:black;font-family: '敺株��迤暺煾��';}
.block_wrapper_news .block_wrapper_news_content .system_message { font-size: 2.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color:white;font-family: '敺株��迤暺煾��'; text-align: center; margin:100px 0px 100px 0px; background-color: rgba(0, 0, 0, 0.4); padding:40px 30px 40px 30px; border-radius: 10px;  width: 80%; }

.block_wrapper_news .block_wrapper_news_content a {text-decoration: none;}
.block_wrapper_news .block_wrapper_news_content a:hover {text-decoration: none;}
.block_wrapper_news .block_wrapper_news_content .content {background-color: hsl(0, 0%, 98%); border-radius: 5px; box-shadow: 0px 30px 40px -20px hsl(234, 12%, 34%); padding: 0px; margin: 0px; overflow: hidden; text-align: left;}
.block_wrapper_news .block_wrapper_news_content .content.line_color { border-top: 5px solid hsl(34, 97%, 64%);}
.block_wrapper_news .block_wrapper_news_content .content .text {padding: 25px 30px 30px 0px; overflow: hidden; height: 210px;}
.block_wrapper_news .block_wrapper_news_content .content h1 { font-size: 3rem; font-weight: bolder; letter-spacing:-0.1rem; line-height: 3rem; color:darkgray;font-family: '敺株��迤暺煾��'; margin: 25px 0px 0px 20px;}
.block_wrapper_news .block_wrapper_news_content .content .text h2 { font-size: 2rem; font-weight: bolder; letter-spacing:.1rem; line-height: 2.2rem; color:black;font-family: '敺株��迤暺煾��'; margin:0px 0px 10px 0px;}
.block_wrapper_news .block_wrapper_news_content .content .text p { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.4rem; color:black; font-family: '敺株��迤暺煾��';}
.block_wrapper_news .block_wrapper_news_content .content .text .more { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.4rem; color:dimgray; font-family: '敺株��迤暺煾��'; text-decoration: none; }
.block_wrapper_news .block_wrapper_news_content .content .text .more:hover { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.4rem; color:lightgray; font-family: '敺株��迤暺煾��'; text-decoration: underline; }

.block_wrapper_news_mobile {background: url("/images/bg/news_bg/news_bg_01.webp"); 
 background-attachment: fixed; background-position: center;background-size: cover; padding: 80px 0px 50px 0px; margin: 0px;}
.block_wrapper_news_mobile .block_wrapper_01_content {margin-bottom:0px;}
.block_wrapper_news_mobile .block_wrapper_news_content h1 { font-size: 3rem; font-weight: 600; letter-spacing:.1rem; line-height: 4rem; color:black;font-family: '敺株��迤暺煾��';}
.block_wrapper_news_mobile .block_wrapper_news_content .system_message { font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 3rem; color:white;font-family: '敺株��迤暺煾��';text-align: center; margin:100px 0px 100px 0px; background-color: rgba(0, 0, 0, 0.4); padding:20px 30px 20px 30px; border-radius: 10px;  width: 90%;}

.block_wrapper_news_mobile .block_wrapper_news_content a {text-decoration: none;}
.block_wrapper_news_mobile .block_wrapper_news_content a:hover {text-decoration: none;}
.block_wrapper_news_mobile .block_wrapper_news_content .content {background-color: hsl(0, 0%, 98%); border-radius: 5px; box-shadow: 0px 30px 40px -20px hsl(234, 12%, 34%); padding: 0px; margin: 0px; overflow: hidden; text-align: left;}
.block_wrapper_news_mobile .block_wrapper_news_content .content.line_color { border-top: 5px solid hsl(34, 97%, 64%);}
.block_wrapper_news_mobile .block_wrapper_news_content .content .text {padding: 0px 30px 30px 30px; overflow: hidden; }
.block_wrapper_news_mobile .block_wrapper_news_content .content h1 { font-size: 2.6rem; font-weight: normal; letter-spacing:0.1rem; line-height: 3rem; color:darkgray; font-family: '敺株��迤暺煾��'; margin: 20px 0px 0px 20px;}
.block_wrapper_news_mobile .block_wrapper_news_content .content .text h2 { font-size: 2rem; font-weight: bold; letter-spacing:.1rem; line-height: 2.2rem; color:black;font-family: '敺株��迤暺煾��';}
.block_wrapper_news_mobile .block_wrapper_news_content .content .text p { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:black; font-family: '敺株��迤暺煾��';}
.block_wrapper_news_mobile .block_wrapper_news_content .content .text .more { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.4rem; color:dimgray; font-family: '敺株��迤暺煾��'; text-decoration: none; }
.block_wrapper_news_mobile .block_wrapper_news_content .content .text .more:hover { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.4rem; color:lightgray; font-family: '敺株��迤暺煾��'; text-decoration: underline; }


/* 閮餃�� modal 20200608 */
#RegisterPage .no_border {border:none;}
#RegisterPage .wrapper {background-image: url("/images/new_edition_2020/RegisterPage_bg.webp"); background-size: cover; background-position: center; background-repeat: no-repeat;  -moz-background-size: 50%; padding: 20px 30px 50px 30px; } /* modal background-image 銝滚虾���  background-attachment: fixed;  20200528 */
#RegisterPage .wrapper .content p { font-size: 2.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 4rem; color:black; font-family: '敺株��迤暺煾��'; text-align: center;}
#RegisterPage .wrapper .content h1 { font-size: 3rem; font-weight: 500; letter-spacing:.1rem; line-height: 4rem;  color:palegoldenrod;font-family: '敺株��迤暺煾��'; text-align: center; text-shadow: rgb(3, 3, 3) 3px 0px 3px;}
#RegisterPage .wrapper .content h2 { font-size: 2rem; font-weight: normal; letter-spacing:.1rem; line-height: 4rem;  color:black;font-family: '敺株��迤暺煾��';}
#RegisterPage .modal-header { margin: 0px; padding: 0px; border:none; }
#RegisterPage .modal-body {background-color: white; padding: 20px 30px 20px 30px;}
#RegisterPage .modal-footer {background-color: #163569;}
#RegisterPage .btn.close { font-size: 3rem; letter-spacing: .1rem; line-height: 2rem; padding: 10px 20px 10px 20px; background-color: #0a1d3b; border-color: goldenrod; border-width:2px; border-style:solid; color: goldenrod; border-radius: 30px; opacity:1; filter: alpha(opacity=100); text-shadow: none;font-family:'敺株��迤暺煾��';}
#RegisterPage .btn.close:hover { font-size: 3rem; letter-spacing: .1rem; line-height: 2rem; padding: 10px 20px 10px 20px; background-color: #2e3a4e; border-color:goldenrod; border-width:2px; border-style:solid; color: goldenrod; border-radius: 30px;font-family:'敺株��迤暺煾��';}
#RegisterPage .x_style { position: absolute; right:-20px; top:-20px;background-color:goldenrod; border-color: goldenrod; border-width:2px; border-style:solid; color: #0a1d3b; border-radius: 30px; opacity:0.8;filter: alpha(opacity=80); text-shadow: none;}
#RegisterPage .x_style:hover { position: absolute; right:-20px; top:-20px;background-color: goldenrod; border-color: goldenrod; border-width:2px; border-style:solid; color: #2e3a4e; border-radius: 30px; opacity:1;filter: alpha(opacity=100); text-shadow: none;}
#RegisterPage .photo_copyright { font-size: 1rem; font-weight: normal; letter-spacing:.1rem; color: rgba(0, 0, 0, 0.5); text-align: right; padding: 20px 30px 20px 0px; } 
#RegisterPage .panel-heading { font-size: 2rem; padding: 5px 0px 5px 15px; background-color:#163569; color:palegoldenrod;font-family:'敺株��迤暺煾��';}
#RegisterPage .panel-body {font-size: 2rem;font-family:'敺株��迤暺煾��';}

/* ���鰵瘨��臬�批捆 modal 20211209 */
.news_style .no_border {border:none;}
.news_style .wrapper {background-image: url("/images/news/news_content_bg.webp"); background-size: cover; background-position: center; background-repeat: no-repeat;  -moz-background-size: 50%; padding: 20px 30px 50px 30px; } /* modal background-image 銝滚虾���  background-attachment: fixed;  20200528 */
.news_style .wrapper .content p { font-size: 2.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 4rem; color:palegoldenrod; font-family: '敺株��迤暺煾��'; text-align: center;}
.news_style .wrapper .content h1 { font-size: 3rem; font-weight: 500; letter-spacing:.1rem; line-height: 4rem;  color:white;font-family: '敺株��迤暺煾��'; text-align: center; text-shadow: rgb(3, 3, 3) 3px 0px 3px;}
.news_style .wrapper .content h2  { font-size: 2rem; font-weight: 500; letter-spacing:.1rem; line-height: 3rem;  color:white;font-family: '敺株��迤暺煾��'; text-align: center; text-shadow: rgb(3, 3, 3) 3px 0px 3px;}
.news_style .modal-header { margin: 0px; padding: 0px; border:none; }
.news_style .modal-body {background: hsl(0, 0%, 98%); padding: 20px 10px 20px 10px; }
.news_style .modal-body .text_content {padding: 0px 15px 50px 15px;}
.news_style .modal-body p { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2rem; color:black; font-family: '敺株��迤暺煾��'; text-align: left;}
.news_style .modal-body h1 { font-size: 2.4rem; font-weight: bolder; letter-spacing:.1rem; line-height: 3rem; color:black; font-family: '敺株��迤暺煾��'; text-align: left;}
.news_style .modal-body h2 { font-size: 2rem; font-weight: bolder; letter-spacing:.1rem; line-height: 3rem; color:black; font-family: '敺株��迤暺煾��'; text-align: left;}
.news_style .modal-footer {background-color: #163569; border-color: goldenrod;border-width:2px 0px 0px 0px; border-style:solid;}
.news_style .btn.close { font-size: 3rem; letter-spacing: .1rem; line-height: 2rem; padding: 10px 20px 10px 20px; background-color: #0a1d3b; border-color: goldenrod; border-width:2px; border-style:solid; color: goldenrod; border-radius: 30px; opacity:1; filter: alpha(opacity=100); text-shadow: none;font-family:'敺株��迤暺煾��';}
.news_style .btn.close:hover { font-size: 3rem; letter-spacing: .1rem; line-height: 2rem; padding: 10px 20px 10px 20px; background-color: #2e3a4e; border-color:goldenrod; border-width:2px; border-style:solid; color: goldenrod; border-radius: 30px;font-family:'敺株��迤暺煾��';}
.news_style .x_style { position: absolute; right:-20px; top:-20px;background-color:goldenrod; border-color: goldenrod; border-width:2px; border-style:solid; color: #0a1d3b; border-radius: 30px; opacity:0.8;filter: alpha(opacity=80); text-shadow: none;}
.news_style .x_style:hover { position: absolute; right:-20px; top:-20px;background-color: goldenrod; border-color: goldenrod; border-width:2px; border-style:solid; color: #2e3a4e; border-radius: 30px; opacity:1;filter: alpha(opacity=100); text-shadow: none;}
.news_style .photo_copyright { font-size: 1rem; font-weight: normal; letter-spacing:.1rem; color: rgba(0, 0, 0, 0.5); text-align: right; padding: 20px 30px 20px 0px; } 
.news_style .panel-heading { font-size: 2rem; padding: 5px 0px 5px 15px; background-color:#163569; color:palegoldenrod;font-family:'敺株��迤暺煾��';}
.news_style .panel-body {font-size: 2rem;font-family:'敺株��迤暺煾��';}
.news_style .carousel-inner .item{ width:50%; background-size:cover; background-position: center center; }
.news_style .modal-body ul {text-align: left; margin-left: -40px;} 
.news_style .modal-body li {margin-bottom: 0px;} 
.news_style .modal-body a { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:dimgray; font-family: '敺株��迤暺煾��'; text-decoration: none;}
.news_style .modal-body a:hover { font-size: 1.6rem; font-weight: normal; letter-spacing:.1rem; line-height: 2.6rem; color:hotpink; font-family: '敺株��迤暺煾��'; text-decoration: underline;}

/* modal 蝵桐葉 20190529 */
.mobile_modal.modal-dialog {
 position:absolute;
 top:60% !important;
 transform: translate(0, -50%) !important;
 -ms-transform: translate(0, -50%) !important;
 -webkit-transform: translate(0, -50%) !important;
 margin:auto 5%;
 width:90%;
 height:80%;
}
.mobile_modal.modal-content {
 min-height:100%;
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:0; 
}
.mobile_modal.modal-body {
 position:absolute;
 top:45px; /** height of header **/
 bottom:45px; /** height of footer **/
 left:0;
 right:0;
 overflow-y:auto;
}
.mobile_modal.modal-footer {
 position:absolute;
 bottom:0;
 left:0;
 right:0;
}

/* 隤踵㟲modal zindex 20190528 */
.navbar {margin-bottom: 0; z-index: 9999;}
.modal {z-index: 10000;}


/* �䌊閮�radio 20200312 */
/* The container */
.radio_container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 2.2rem; line-height: 3rem; font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.radio_checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;margin-top: 7px;
}

/* On mouse-over, add a grey background color */
.radio_container:hover input ~ .radio_checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio_container input:checked ~ .radio_checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio_checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio_container input:checked ~ .radio_checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio_container .radio_checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
/* ����𠉛�𡁜�𤩺見 20190517 */
hr.featurette-divider {margin-top: -0.8em;margin-bottom: 1em; } 
hr.media-divider {margin-top: -0.1em; margin-bottom: 0.5em;} 


/* 銵典鱓甈�雿滚��凒蝵桐葉 20180530 */
.vertical-align {padding-top: 3px;}

/*閮餃�𢠃��鍂label蝭���嶹or radio隤踵㟲*/
.label {padding: 10px;}


/* 靽格㺿modal��栞�� 20200331 */
.modal-content  {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important; 
}

/* �𠯫��罸�豢��膥 20200204 */
.datepicker {background-color: #fff; color: #000;}
.datepicker,
.table-condensed td {font-size: 3rem; line-height: 4rem;}
.datepicker table th.today {color: saddlebrown; background-color: #ffc966; border-color: #f59e00; font-size: 3rem; line-height: 3.4rem;}
.datepicker table th.today:hover {color: saddlebrown; background-color: orange; border-color: #f59e00; font-size: 3rem;	line-height: 3.4rem;}

/* �勗�烾�𥪜之撠� */
.datepicker th.dow {color: black; font-size: 3rem; line-height: 3.4rem; font-weight: normal;}
/* 蝞剝� */
.datepicker th.next {color: black; font-size: 4rem; font-weight: normal;background-color: #c6efec;}
.datepicker th.prev {color: black; font-size: 4rem; font-weight: normal;background-color: #c6efec;}
/* 撟湔���烾�𥪜之撠� */
.datepicker th.datepicker-switch {font-size: 3rem; line-height: 3.4rem;  background-color: #5bdfd4;}
/* �𠯫摮烾�娪�讛𠧧 */
.datepicker td.disabled.day {color: lightgray;}
/* ��𠯫摮烾�娪�讛𠧧 */
.datepicker td.disabled.highlighted.day {color: lightgray;}
/* ��𠯫摮烾�娪�讛𠧧 */
.datepicker td.new.day {color: gray;}

/* �嗅� */
/* placeholder 摮烾�𥪜之撠� 20190529 */
::-webkit-input-placeholder { font-size: 2rem; line-height: 3rem;font-family: '敺株��迤暺煾��';}
:-moz-placeholder { /* Firefox 18- */ font-size: 2rem; line-height: 3rem;font-family: '敺株��迤暺煾��';}
::-moz-placeholder { /* Firefox 19+ */ font-size: 2rem; line-height: 3rem;font-family: '敺株��迤暺煾��';}
/* Overriding styles */
::-webkit-input-placeholder { font-size: 2rem!important; line-height: 3rem!important;font-family: '敺株��迤暺煾��';}
:-moz-placeholder { /* Firefox 18- */ font-size: 2rem!important ;line-height: 3rem!important;font-family: '敺株��迤暺煾��';}
::-moz-placeholder { /* Firefox 19+ */ font-size: 2rem!important ;line-height: 3rem!important; font-family: '敺株��迤暺煾��';}

  /* 銝𧢲�厰�詨鱓摮烾�𥪜之撠� */
.form-control{font-size: 2rem; letter-spacing: .1rem; font-family: '敺株��迤暺煾��'; }
  /* tooltip摮烾�𥪜之撠� */
.tooltip {font-size: 2rem; font-weight: normal; color:white; letter-spacing: .1rem; line-height: 3rem; font-family: '敺株��迤暺煾��'; }


/* 摰Ｘ�齿�厰�� */
.custom_service {padding: 0px;margin:0px;}
.custom_service .float{
	position:fixed;
	bottom:40px;
	right:10px;
	z-index:1000;
	animation: bot-to-top 2s ease-out;
}

.custom_service ul{
	position:fixed;
	right:10px;
	padding-bottom:20px;
	bottom:80px;
	z-index:100;
}

.custom_service ul li{
	list-style:none;
	margin-bottom:10px;
}

.custom_service .size {font-size: 3rem;}


.custom_service ul:hover{
	visibility:visible!important;
	opacity:1!important;
}


.custom_service .my-float{
	font-size:24px;
	margin-top:18px;
}

.custom_service a#menu-share + ul{
  visibility: hidden;
}

.custom_service a#menu-share:hover + ul{
  visibility: visible;
  animation: scale-in 0.5s;
}

.custom_service a#menu-share i{
	animation: rotate-in 0.5s;
}

.custom_service a#menu-share:hover > i{
	animation: rotate-out 0.5s;
}

@keyframes bot-to-top {
    0%   {bottom:-40px}
    50%  {bottom:40px}
}

@keyframes scale-in {
    from {transform: scale(0);opacity: 0;}
    to {transform: scale(1);opacity: 1;}
}

@keyframes rotate-in {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

@keyframes rotate-out {
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}