@charset "utf-8";
/* 色変更時用CSS */

/* 菱形
.diamond {
	color: #C40049;
}
 */

/******タブ切り替え全体のスタイル******/
.tabs {
  margin: 0;
  width: 100%;
  margin: 0 auto;}



/*****タブのスタイル_青色*****/
.tab_item {
  /*width: calc(100%/3);*/
  width: 99%;
  height: 80px;
  border: 2px solid #4297ed;
  background-color: #FFFFFF;
  text-align: center;
  color: #565656;
  display: flex;
  justify-content: center;
  align-items: center;
  float: none;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  margin-bottom: 10px;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}




/*****タブのスタイル_ピンク*****/

.tab_item_skyblue{
	 /*width: calc(100%/3);*/
  width: 99%;
  height: 80px;
  border: 2px solid #ff99b5;
  background-color: #FFFFFF;
  
  text-align: center;
  color: #565656;
  display: flex;
  justify-content: center;
  align-items: center;
  float: none;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  margin-bottom: 10px;
}

.tab_item_skyblue:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item_skyblue"] {
  display: none;
}



/****タブのスタイル_赤ピンク********/
.tab_item_green {
  /*width: calc(100%/3);*/
　width: 99%;
  height: 80px;
  border: 2px solid #f76c83;
  background-color: #FFFFFF;
  
  text-align: center;
  color: #565656;
  display: flex;
  justify-content: center;
  align-items: center;
  float: none;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}


.tab_item_green:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item_green"] {
  display: none;
}



/*******タブ切り替えの中身のスタイル********/
.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
margin: 0;
}


/*選択されているタブのコンテンツのみを表示*/
#firstday:checked ~ #firstday_content,
#secondday:checked ~ #secondday_content,
#thirdday:checked ~ #thirdday_content {
  display: block;
}

/*選択されているタブのスタイルを変える_青*/
.tabs input:checked + .tab_item {
  background-color: #4297ed;
  color: #fff;
}


/*選択されているタブのスタイルを変える_ピンク*/
.tabs input:checked + .tab_item_skyblue {
  background-color: #ff99b5;
  color: #fff;
}


/*選択されているタブのスタイルを変える_赤ピンク*/
.tabs input:checked + .tab_item_green {
  background-color: #f76c83;
  color: #fff;
}


/***************タブ内テキスト***************/
/*青色*/

.tab_item .btn_txt{
	font-size: 1.1em;
	text-align:center;
/*	line-height: 80px;*/
}

/*ピンク*/
.tab_item_skyblue .btn_txt{
	font-size: 1.1em;
	text-align:center;
	/*line-height: 80px;*/
}

/*赤ピンク*/
.tab_item_green .btn_txt{
text-align:center;
	font-size: 1.1em;
	display: block;
	line-height: 20px;	
}

.tab_item_green .btn_txt .at_txt{
font-size: 12px;
	margin: 0;
}


/***************tableタグの設定*******************/

.tab_content .table_box{
}


.tab_content .table_box table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px;
	font-size: 0.95em;
}

.tab_content .table_box table tr{
	background-color: transparent;
	margin: 0 0 20px 0;
}

.tab_content .table_box table td{
	height: 110px;
}

.tab_content .table_box table th{
	background-color: transparent;
	background: none;
	box-shadow: none;
	border-style: none;
}

.tab_content .table_box table tr td:last-child{
	box-shadow: none;
	border: 1px solid #c2c2c2;
}


/*****時間*****/
.tab_content .table_box table .time{
	width: 20%;
	border-style: none;
	padding: 0;
	vertical-align: top;
}

.tab_content .table_box table .time_txt{
	color: #565656;
}


.tab_content .table_box table .time_boder{
	width: 20%;
	border-top: 1px solid #c2c2c2;
	border-bottom: none;
	border-left:  1px solid #c2c2c2;
	border-right:  1px solid #c2c2c2;
	padding: 1%;
	vertical-align: top;
	font-weight: 700;
	color: #4f83b6;
}

.tab_content .table_box table .time_r_border{
	width: 20%;
	border-top: none;
	border-bottom: none;
	border-left:  1px solid #c2c2c2;
	border-right:  1px solid #c2c2c2;
	padding: 0;
	vertical-align: top;
	font-weight: 700;
	color: #4f83b6;
}



.tab_content .table_box table .time_boder_btm{
width: 20%;
	border-top: none;
	border-bottom:  1px solid #c2c2c2;
	border-left:  1px solid #c2c2c2;
	border-right:  1px solid #c2c2c2;
	padding: 0;
	vertical-align: top;
	font-weight: 700;
	color: #4f83b6;
}



/* 改行設定aj用*/
.indent_aj {
text-indent: -2.5em;
padding-left: 2.5em;
display: block;
}




/* 菱形_aj専用*/

.diamond_aj {
	color: #565656;
}


.str_aj{
	font-weight: bold;
}


/**************************Mediaquery******************/
@media screen and (max-width:550px) { 
	
	
	

	
	
/***************タブ内テキスト***************/
/*青色*/

.tab_item .btn_txt{
	font-size: 1.1em;
	text-align:center;

}

/*ピンク*/
.tab_item_skyblue .btn_txt{
	font-size: 1.1em;
	text-align:center;

}

/*ピンク赤*/
.tab_item_green .btn_txt{
text-align:center;
	font-size: 1.1em;
	display: block;
	line-height: 20px;	
}

.tab_item_green .btn_txt .at_txt{
font-size: 0.7em;
	margin: 0;
	font-weight: 100;
}
	

}/**********mediaQuery***********/





/*DLボタン*/
.btn {
	display: block;
	text-align: center!important;
	padding: 5px 0;
	margin-bottom: 30px;
}

.btn a {
	color: #1142A3;
	font-size: 16px;
	font-weight: 600;
	display: block;
	text-decoration: none;
	max-width: 360px;
	width: 80%;
	padding: 15px 10px;
	margin: 0 auto;
	background: #2543B7;
	border-radius: 10px;
	background-image: -webkit-linear-gradient(#d7dce4 0%, #fafafa 100%);
    background-image: linear-gradient(#d7dce4 0%, #fafafa 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.40);
}


.btn a:hover {
	color:#3A81D5;
    background-image: -webkit-linear-gradient(#d7dce4 0%, #fafafa 60%);
    background-image: linear-gradient(#d7dce4 0%, #fafafa 60%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.30);
}