/*
Theme Name: forceportal
Theme URI: http://force-work.tokyo
Description: forceportal
Version: 1.0
Author: Take
Author URI: http://force-work.tokyo
*/
/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td,figure{
    margin: 0;
    padding: 0;
}
html{
}
h1, h2, h3, h4, h5, h6{
    font-size: 14px;
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
    border:0;
}
table{
    border-collapse: collapse;
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal;
    font-weight: normal;
}
img {
   vertical-align: bottom;
}
/*setting*/
body{
    font-family: 'Montserrat', '¥á¥¤¥ê¥ª', '£Í£Ó £Ð¥´¥·¥Ã¥¯', sans-serif;
    width: 100%;
    font-size: 14px;
    color: #333;
    position: relative;
    -webkit-text-size-adjust: 100%;
}
input,textarea{
    font-family: 'Montserrat', '¥á¥¤¥ê¥ª', '£Í£Ó £Ð¥´¥·¥Ã¥¯', sans-serif !important;
}
a{
    cursor: pointer;
    text-decoration: none;
    color: #333;
}
.flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.container{
	width: 95%;
	margin: 0 auto;
}
.text{
	-webkit-appearance: none;
	border: .5px solid #f0f0f0;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
}
/*header*/
header{
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}
.logo{
	font-family: 'Product Sans', Arial, sans-serif;
}
.logo h1{
	font-size: 25px;
	font-weight: 700;
}
.singleform{
	position: relative;
	width: 40%;
}
.singleform .text{
	padding-right: 36px;
}
.singlesubmit{
	-webkit-appearance: none;
	border: none;
	width: 36px;
	height: 36px;
	position: absolute;
	right: 1px;
	top: 1px;
	background-color: #fff;
}
/*wrap*/
.wrap{
	align-items: stretch;
}
/*sidebar*/
.sidebar{
	border-right: 1px solid #ddd;
	width: 250px;
	min-height: 100vh;
}
.side_menu a{
	display: block;
	width: 100%;
	padding: 10px 15px;
	box-sizing: border-box;
	border-bottom: .5px solid #f0f0f0;
}
.side_menu i{
	margin-right: 10px;
}
.side_contents{
	margin: 15px 0;
}
.side_calendar{
	width: 100%;
	text-align: center;
}
.side_calendar th{
	font-weight: 700;
	text-align: center;
	background-color: #fbfbfb;
}
.side_calendar td{
	padding: 5px 0;
}
.side_calendar th,
.side_calendar td{
	border: .5px solid #f0f0f0;
}
.side_calendar th:nth-child(6),
.side_calendar td:nth-child(6){
	color: #2E2EFE;
}
.side_calendar th:nth-child(7),
.side_calendar td:nth-child(7){
	color: #FE2E64;
}
.side_calendar .today{
	background-color: #F6CECE;
}
#RealtimeClockArea{
	font-size: 30px;
	font-weight: 700;
	text-align: center;
}
#RealtimeClockArea span{
	font-weight: normal;
}
/*content*/
.content{
	flex-grow: 1;
}
.page_title{
	font-weight: 700;
	font-size: 20px;
	padding: 5.5px 15px;
	border-bottom: .5px solid #f0f0f0;
}
.page_container{
	width: 100%;
	padding: 10px 15px;
	box-sizing: border-box;
}
.call_list_table{
	width: 100%;
}
.call_list_table tr{
	border-bottom: .5px solid #f0f0f0;
}
.call_list_table tr:last-child{
	border-bottom: none;
}
.call_list_table th{
	font-weight: 700;
}
.call_list_table th,
.call_list_table td{
	padding: 10px 0;
	text-align: center;
	border-left: .5px solid #f0f0f0;
}
.call_list_table th:first-child,
.call_list_table td:first-child{
	text-align: left;
	border-left: none;
}
.call_list_table a{
	text-decoration: underline;
	color: rgb(186, 0, 16);
}
.list_title{
	width: 75%;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}
.list_title:after{
	content: "";
	display: block;
	width: 50px;
	height: 42px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .9));
	position: absolute;
	top: 0;
	right: 0;
}
/*single*/
.backpage{
	color: #FE2E64;
	text-decoration: underline;
}
.backpage i{
	margin-right: 10px;
}
.single_kaden{
	align-items: flex-start;
}
.kihon_info{
	width: 30%;
}
.shop_info{
	width: 100%;
}
.shop_info th,
.shop_info td{
	padding: 10px;
	border: .5px solid #f0f0f0;
}
.shop_name{
	background-color: #F3E2A9;
}
.shop_name h1{
	font-size: 20px;
	font-weight: 700;
}
.info_item_th{
	background-color: #E6E6E6;
}
.shop_info a{
	color: rgb(186, 0, 16);
	text-decoration: underline;
}
.kaden_his{
	width: 100%;
	margin-top: 15px;
}
.kaden_his th,
.kaden_his td{
	border: .5px solid #f0f0f0;
	padding: 5px 10px;
	text-align: center;
}
.kaden_his th{
	font-weight: 700;
}
.kaden_his tr:first-child th{
	background-color: #f0f0f0;
}
.kaden_his h2{
	text-align: left;
	font-weight: 700;
	font-size: 16px;
}
.tuiki_info{
	width: 68%;
	flex-wrap: wrap;
}
.tuiki_first,
.tuiki_sec{
	padding: 8px 0;
}
.tuiki_first{
	width: 60%;
}
.tuiki_sec{
	width: 40%;
	padding-left: 15px;
	box-sizing: border-box;
}
.tuiki_info h2{
	border-left: 3px solid #333;
	padding: 5px 10px;
	font-size: 16px;
	font-weight: 700;
}
.tuiki_info_dtl{
	height: 300px;
	border: .5px solid #f0f0f0;
	margin-top: 10px;
	overflow-y: scroll;
	word-wrap: break-word;
	padding: 5px;
	box-sizing: border-box;
}
.tuiki_info_dtl p{
	margin-bottom: 10px;
}
.kaden_form{
	border-top: .5px solid #f0f0f0;
}
.kaden_form h2{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}
.kaden_form_item{
	flex-grow: 1;
	padding: 10px;
	width: 33%;
}
.kaden_form_item .text{
	border-color: #ddd;
}
.kaden_form_item h3{
	font-weight: 700;
	padding-bottom: 5px;
	line-height: 21px;
}
.form_flex{
	align-items: flex-start;
}
.submit{
	-webkit-appearance: none;
	display: block;
	width: 100%;
	text-align: center;
	border: none;
	cursor: pointer;
	font-size: 20px;
	color: #fff;
	background-color: #d71042;
	padding: 10px 0;
	margin-top: 15px;
}
.pager{
	padding: 20px 0;
}
.page_count{
	margin: 0 auto;
}
.pagePN{
	padding: 20px 10px;
	font-weight: 700;
}
.pagePN i{
	font-size: 16px;
	margin: 10px;
	color: rgb(186, 0, 16);
}
.page_count *{
	padding: 5px 10px;
	border-radius: 4px;
}
.page_count .active{
	background-color: rgb(186, 0, 16);
	color: #fff;
}
/*cat*/
.call_items_list td{
	text-align: left;
	padding: 10px;
}
.call_items_list td:first-child,
.call_items_list td:nth-child(2),
.call_list_table th:first-child{
	text-align: center;
}
/*apoints*/
.apoint_table .list_title{
	width: auto;
}