/* CSS Document */
.xs_none{
    display: none!important;
}

.xs_only{
	display: block;
}

.xs_mt20 {margin-top: 20px!important;}

.txt80xs {font-size: 80% !important;}
.txt90xs {font-size: 90% !important;}
.txt160xs {font-size: 160% !important;}
.txt170xs {font-size: 170% !important;}
.txt180xs {font-size: 180% !important;}

.xs_text_center{
	text-align: center!important;
}

.xs_w90p{
	width:90%!important;
	margin-left: auto;
	margin-right: auto;
}

.common_blue_btn{
	font-size: 90%;
	height: 50px;
}
/*.common_blue_btn.btn_s{max-width: }*/
.common_blue_btn.btn_m{max-width: 300px}
/*.common_blue_btn.btn_l{max-width: }*/

.common_h2_title{
	font-size: 180%;
}

.common_h3_title{
	font-size: 120%;
}

.span_angle_right:after{
	width: 32px;height: 32px;
}

.anchor_point{
	padding-top: 60px;
	margin-top: -60px;
}

/*------------------------------*/

body.page{
	padding-top: 60px;
}

header .head_logo a{
	height: 60px;
	padding: 10px;
}

header .sp_menu_btn{
	width: 60px; height: 60px;
}

.uk-offcanvas{
	top: 60px;
}

footer{
	padding-bottom: 50px;
}

.foot_fixed_menu{
	align-items: stretch;
}
.foot_fixed_menu p a{
	width: 100%;
	font-size: 13px;
	padding: 0;
	height: 100%;
	min-height: 45px;
}
.foot_fixed_menu p.kaiin a img{
	width: auto;
}

footer .foot_lower .foot_logo{
	flex-direction: column;
}


.common_dots_tbl table{
	margin-top: -10px;
}

.common_dots_tbl tr{
	display: block;
	padding: 10px 0;
}
.common_dots_tbl th, .common_dots_tbl td{
	display: block;
	padding: 2px 0;
}



.common_line_tbl table{
	border-top: 1px solid #C4C4C4;
}
.common_line_tbl tr{
	display: block;
	padding: 15px 10px;
	border: 1px solid #C4C4C4;
	border-top: none;
}
.common_line_tbl th, .common_line_tbl td{
	display: block;
	width: 100%;
	border: none;
	padding: 2px 0;
}
.common_line_tbl th{
	margin-bottom: 5px;
}





.top_main{
	height: 360px;
}

.top_main h1{
	font-size: 28px;
	letter-spacing: 0.05em;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.top_main h1:after{
	left: 10px;
}
.top_main .catch{
	margin-left: 10px!important;
}


.top_pickup_slide{
	padding: 30px 0;
}
.top_pickup_slide .dots_box{
	margin-top: 30px;
}
.top_pickup_slide .nav_box .slick-prev,
.top_pickup_slide .nav_box .slick-next{
	top: auto;bottom: 25px;
	transform: none;
}


.page_main h1{
	font-size: 160%;
}

.page_main .back_btn a{
	font-size: 90%;
}


.common_img_link a .img .icon{
	max-height: 70%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.common_img_link a .txt{
	margin: 0 0 20px;
	width: 100%;
	position: static;
	border: 1px solid #e5e5e5;
	border-top: none;
	padding: 15px;
}

.common_img_link a .txt .title{
	font-size: 110%;
}

.top_icon_linklist .box a{
	min-height: inherit;
	padding: 20px;
}
.top_icon_linklist .box a .title{
	margin: 10px 0 0;
}

.top_news_select{
	display: flex;
	justify-content: space-between;align-items: center;
}

.top_news_select .select{
	width: 120px;
	height: 40px;
	background: #E6E9F1;
	position: relative;
}

.top_news_select .select select{
	width: 100%;height: 100%;
	padding-left: 2em;
  color: #333;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
	cursor: pointer;
	outline: none;
}
.top_news_select .select:before{
	content:"\f0d7";
	font-family: FontAwesome;
	color: #0964AF;
	position: absolute;
	left: 0.7em;top: 50%;
	transform: translateY(-50%);
	line-height: 1;
}




.arrow_down:before{
	left: 15px;
}

.evolution_box .right_box{
	width: 90%;
}

.evolution_box .year{
	font-size: 16px;
}

.evolution_box .right_box .left{
	width: calc(100% - 100px);
	margin-right: -15px;
}

.evolution_box .right_box .img{
	width: 100px;
	margin-right: -20px;
}

.evolution_box .right_box .left h4{
	font-size: 24px;
}


.robot_hoken_tbl .common_line_tbl td{
	width: 100%;
}



.shukai_list_box{
	font-size: 90%;
}
.shukai_old .common_h3_title{
	font-size: 110%;
}


.senmon_slide_box table{
	font-size: 90%;
}
.senmon_slide_box table .title{
	margin-bottom: 0;
	font-size: 110%;
}
.senmon_slide_box table .num,
.senmon_slide_box table .score{
	display: none;
}
.senmon_slide_box tr > *:last-child{
	text-align: left;
	font-weight: bold;
}

.senmon_slide_box tr > *:last-child:before{
	content: "術式係数：";
}



.senmon_list_box table{
	width: 580px;
}
.senmon_list_box .senmon_list_tbl,
#sf_main .senmon_list_tbl{
	overflow-x: auto;
}

.senmon_list_box .senmon_list_tbl:before,
#sf_main .senmon_list_tbl:before{
	content: "表は横にスクロールしてご覧ください";
	display: block;
	color: #CC2A39;
	margin-bottom: 10px;
}

.senmon_list_box .senmon_list_tbl::-webkit-scrollbar,
#sf_main .senmon_list_tbl::-webkit-scrollbar{
	width:8px;
  background: #ddd;
	border-radius: 0;
}
.senmon_list_box .senmon_list_tbl::-webkit-scrollbar:horizontal,
#sf_main .senmon_list_tbl::-webkit-scrollbar:horizontal{
	height:8px;
}
.senmon_list_box .senmon_list_tbl::-webkit-scrollbar-thumb,
#sf_main .senmon_list_tbl::-webkit-scrollbar-thumb{
	background: #0964AF;
	border-radius: 10px;
}



.ope_movie_list li a .thumb{
	width: 80px;
}


.credit_form .uk-flex{
	flex-direction: column;
	align-items: flex-start;
}

.credit_form .submit{
	margin: 10px 0 10px!important;
}

.mem_tbl_red table{
	border-top: 1px solid #E90100!important;
}

.mem_tbl_red tr{
	background: #FFBBBA;
	border: 1px solid #E90100!important;
	border-top: none!important;
}

.mem_tbl_red th{
	font-size: 120%;
	background:none;
	color: #333;
}


.member_tbl table{
	border-top: none;
}
.member_tbl tr{
	padding: 0;
	border: none;
	margin-bottom: 10px;
}
.member_tbl tr:first-child th{
	margin-top: 0;
}
.member_tbl th{
	font-size: 100%;
	padding: 5px;
	margin-top: 40px;
	margin-bottom: 10px;
}
.member_tbl td{
	padding: 0;
}
.member_tbl input[type="text"],
.member_tbl input[type="email"],
.member_tbl input[type="tel"],
.member_tbl textarea{
	padding: 2px;
}


.submit_box{
	flex-direction: column-reverse;
	align-items: center;
}

.submit_box input{
	max-width: 240px;
	margin: 10px 0;
	padding: 16px 2em;
}

.submit_box input#submit{
	max-width: none;
	min-width: 300px;
}



.sp_search{
	padding: 20px;
}


.senmon_list_tbl.sticky table thead{
	position: static;
}

#sf_main table{
	width: 600px;
}


.sp_search form > ul > li{
	display: block;
}
.sp_search form > ul > li h4{
	width: 100%;
}
.sp_search form > ul > li.sf-field-search label{
	display: block;
}
.sp_search form > ul > li.sf-field-submit{
	text-align: center;
}

.page.movie .ope_movie_list .uk-card-title{
	font-size: 90%;
}
.page.movie .ope_movie_list .uk-text-meta{
	font-size: 80%;
}

.foot_fixed_menu p.kaiin a{
	width: 50%;
}


/* movie/index.php card button font-size */
.ope_movie_list .uk-card-body .uk-button {
    font-size: 14px !important;
}