@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*写真マークとか余計な表示を消去*/
.um-header,  .um-profile-nav, .um-account-meta {display:none;}

#um-submit-btn {
	background-color: #04384c;
}

#top_title_area {
	display: none;
}

.indv_total {
	font-size: 1.4rem;
	font-weight: bold;
	text-align: right;
}

.test {
color:blue;
display: none !important;
}

.nowrap { white-space:nowrap; }

/*メニュー用アイコン・ボタンの設定*/
.items {
display:flex;
flex-wrap:wrap;
justify-content: center;
}
.item {
height: 240px;
width: 240px;
margin: 20px 20px 20px 20px;
}
.item-title {
  margin: 50px auto 0 auto;
  font-size: 6em;
  color: #04384c;
display: block;
}
.item p {
  margin: -30px auto;
  font-size: 1.1em;
	line-height: 30px;
  font-weight: 800;
  color: #04384c;
display: block;
}

a.bt-samp4,
a.bt-samp4:hover,
a.bt-samp4:visited{
  display: block;
  position: relative;
  height: 100%;
  width: 100%;

  text-decoration: none;

  text-align: center;
  color: #7d8383;
  text-shadow: 0px 1px 0px #fafafa;
  background: #fbfaf4;
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfaf4), to(#ece8e6));
  background: -moz-linear-gradient(top,  #fbfaf4,  #ece8e6);
  background: -o-linear-gradient(top,  #fbfaf4,  #ece8e6);
  background: linear-gradient(top,  #fbfaf4,  #ece8e6);
  border: 1px solid #dcd9d8;
  border-bottom: 1px solid #c1c1bd;
  -webkit-box-shadow:  0 0 5px #c7c5c1;
  -moz-box-shadow:  0 0 5px #c7c5c1;
  box-shadow:  0 0 5px #c7c5c1;
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px;
  border-radius: 3px;
}
a.bt-samp4:hover {  /* マウスホバー時 */
  color:#9a9f9f;
  background: #fbfbf9;
}
a.bt-samp4:active{  /* クリック時 */
  background:#ece8e6;
  border: none;
  -webkit-box-shadow:  0 1px 1px #cccbc9, inset 0 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:  0 1px 1px #cccbc9, inset 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow:  0 1px 1px #cccbc9, inset 0 1px 1px rgba(0, 0, 0, 0.3);
}

.button-large {
	font-size: 1.6em;
	margin: 50px auto 0px auto;
	display: block;
}
.button-large,
a.button-large {
  color: #fff;
  background-color: #eb6100;
}
.button-large:hover,
a.button-large:hover {
  color: #fff;
  background: #f56500;
}

.button-large {
   border-radius: 100vh;
}


/* -------------------------------------------- */
/* TABLEをスクロールできるようにする */
/* -------------------------------------------- */
/*--スマートフォン--*/
.for_SP {
float: right;
display: block;
}
/*--メディアクエリの記述なし--*/
.table-area {
	width: 100%;
	margin: 0 auto;
	overflow-x: scroll;
}

table.sp-table {
	width: 100%;
	min-width: 800px;
	/*margin: 5em auto 2em;*/
}

/* -------------------------------------------- */
/* ▼タブレット用として付け足すデザイン */
/* -------------------------------------------- */
	@media (min-width: 768px) {

}

/* ------------------------------------ */
/* ▼PC用として付け足すデザイン */
/* ------------------------------------ */
	@media (min-width: 1024px) {
	i .main_menu { font-size: 30pt !important; }
  .item-title {
  margin: 30px auto 0 auto;
  font-size: 4em;
  }
	.item p {
	margin-top: 0px;
	line-height: 15px;
  }
		.for_SP {
display: none;
}
	.table-area {overflow-x: auto;}
	table.sp-table {width: 100%;}

}