@charset "UTF-8";
/*
Theme Name: stinger5child
Author: 適当な名前
Template: stinger5ver20141011
*/

/*	@importはie8でmediaqueryが動かなくなるので使えない stinger5のCSSをコピーして別に読ませる */
/*	内容はstinger5のstyle.cssからレスポンシブ記述(mediaqueryあたり）を削除したもの	*/
*,*::before,*::after{
	box-sizing: border-box;
}
html{
	margin: 0px;
	padding: 0px;
	font-size: 62.5%;

	/* スクロールバー */
	::-webkit-scrollbar {
		width: 10px;
		height: 10px;
	}
	::-webkit-scrollbar-track {
		background-color: #0003;
		border-radius: 5px;
	}
	::-webkit-scrollbar-thumb {
		background: #fffa;
		border-radius: 5px;
	}
}
body {
	font-family: 'Montserrat',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	margin: 0px;
	padding: 0px;
/*
	min-width: 320px;
*/
	font-size:1.6rem;
    line-height: 1.8;

}
/*----------------------
	共通
------------------------*/

.mobileonly{
	display:none;
}
.pconly{
	display:block;
}
.tc{
	text-align:center;
}
.tr{
	text-align:right;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.cb{
	clear:both;
}
a{
	color:inherit;
	text-decoration: none;
}

a:hover{
	color: #fffc;
}
.bold{
	font-weight:bold;
}
.deftbl{
	border-collapse: collapse;
	margin:0 auto;
}
.deftbl tr {
	height: 1.0rem;
}
.deftbl th {
	background-color: #fff2;
	line-height: 1.5rem;
	padding: 5px;
	text-align: center;
	font-weight:normal;
	border:1px solid white;
}
.deftbl td {
	padding: 0px 3px;
	font-weight: normal;
	border:1px solid white;
}
.deftbl .td_l {	text-align: left;	}
.deftbl .td_r {	text-align: right;	}
.deftbl .td_c {	text-align: center;	}
.deftbl .tr_r {	text-align: right;	}

.deftbl .tr_on {
	background-color: #fff3;
}
.deftbl .tr_off {
	background-color: none;
}

/* スクロール用 */
.deftbl2{
	border-collapse: separate;
	border-spacing: 0;
	margin:0 auto;
}
.deftbl2 tr {
	height: 1.0rem;
}
.deftbl2 th {
	background-color: #fff2;
	line-height: 1.5rem;
	padding: 5px;
	text-align: center;
	font-weight:normal;
	border-bottom:1px solid white;
	border-right:1px solid white;
}
.deftbl2 td {
	padding: 0px 3px;
	font-weight: normal;
	border-bottom:1px solid white;
	border-right:1px solid white;
}
.deftbl2 .td_l {	text-align: left;	}
.deftbl2 .td_r {	text-align: right;	}
.deftbl2 .td_c {	text-align: center;	}
.deftbl2 .tr_r {	text-align: right;	}

.deftbl2 .tr_on {
	background-color: #fff3;
}
.deftbl2 .tr_off {
	background-color: none;
}

.allcontent {

	z-index: 1;
	width:100%;
	min-width:330px;
	padding: 0px;
	margin:0px;
	text-align: center;
	position: relative;
/*
	background:linear-gradient(rgba(0, 0, 0, .1),  rgba(0, 0, 0, .1)), url('./img/back1.jpg');
*/
  
    min-height: 100vh; /* ←コンテンツの高さの最小値＝ブラウザの高さに指定 */
	padding-top: 13rem; 		/*130px;ヘッダ分*/
    padding-bottom: 10.0rem; 	/* 他と合わせる(+1rem); /* ←フッターの高さを指定 */
    /* ↑ヘッダーやフッターを含むすべての要素の高さ＝min-height:100vhになるように指定 */

}

/*----------------------
	ヘッダ・フッタ
------------------------*/
.floatheader{
    z-index: 2;
	position: fixed;
    top: 0;
	left:0px;
	width:100%;
	background-color: rgba(0,0,0,0.5);
	background-image: radial-gradient(#111 30%, transparent 31%), radial-gradient(#111 30%, transparent 31%);
	background-size: 4px 4px;
	background-position: 0 0, 2px 2px;
	height:9.5rem;		/* 他と合わせる */
}
.headerfooterinner{
    z-index: 3;
	position: relative;
	margin:0 auto;
	width:90%;
	max-width: 100rem;
	color:white;	
	text-shadow:0 0 6px #000,0 0 4px #000,0 0 3px #000;
}
.ab0{
	position:absolute;
	top:0;
	left:0;
    z-index: 4;
	height: 8rem;	/* headerの大きさはアニメーションで決定 ここではfooterの大きさ指定*/
}
.abani{
	animation-name:rotateAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
}

@keyframes rotateAnime{
  0% 	{	transform: rotateZ(360deg);width:18.2rem;height:16.6rem; }
  100%	{	transform: rotateZ(0deg);width:14.2rem; height:13rem;  }
}

.ab1{	/* ヘッダ　坊や左だけヘッダ高さを高くする */
	position: absolute;
    z-index: 3;
    top: 9.5rem; /* 他と合わせる */

	left:-1000px;
	width:1030px;
	height:2.5rem;
	background-color: rgba(0,0,0,0.5);
	background-image: radial-gradient(#111 30%, transparent 31%), radial-gradient(#111 30%, transparent 31%);
	background-size: 4px 4px;
	background-position: 0 0, 2px 2px;
}
.titlebox{
	float:left;
	text-align:center;
	margin-left:15rem;
	z-index: 4;
}
.title{
	display: block;
	font-size: 3.3rem;
	line-height: 3.0rem;
	font-weight: bold;
}
.title2{
	font-size:1.3rem;
	margin-top:1.0rem;

}
.footer {
    z-index: 2;
	/* ページ高さが画面より小さいときはボトムに固定表示（高さが充分なときはページ下）*/
	position: absolute;/* ←絶対位置 */
    bottom: 0;
	width:100%;

	background-color: rgba(0,0,0,0.5);
	background-image: radial-gradient(#111 30%, transparent 31%), radial-gradient(#111 30%, transparent 31%);
	background-size: 4px 4px;
	background-position: 0 0, 2px 2px;
	height:9.5rem;		/* 他と合わせる */
	margin-top:3.0rem;
}
.footer .titlebox{
	margin-left:9rem;
}
.footer .title{
	display: block;
	font-size: 2.0rem;
	line-height: 2.3rem;
}
.footer .title2{
	font-size:1.0rem;
	margin-top:2.0rem;
}

.copyright{
	margin-top:1rem;
	font-size:1.4rem;
}

.footmenu{
	margin-top:2.0rem;
	width:60%;
	font-size:1.6rem;
	text-align:right;
}
@media screen and (max-width: 710px) {
	.footmenu{
		display: none;
	}
}
.footmenu a{
	padding:0px 2.5%;
}

/* メニュー PC:テキスト MOBILE:ハンバーガー https://blog.to-ko-s.com/css-hamburger-menu/ */
.topmenu{
	margin-top:5.0rem;
	width:48%;

	font-size:1.6rem;
}
.topmenu__list {			/* メニューリスト ul */
	float:right;
	display: flex;			/* 横並び */
	margin: 0;
	padding: 0;
	width:100%;
	text-align: right;
	justify-content: right;
}
  
.topmenu__list-item {	/* メニューリスト li */
	list-style: none;	/* リスト先頭「●」を表示しない */
	display: inline;
	margin-left:4%;
	
}
  
.topmenu__list-link {	/* メニューリスト a */
/*	display: inline;
*/
	display:inline;
	width:100%;
	padding:0;
	margin:0;
}

.c-hamburger-menu {
	position: relative;
  }
  
@media screen and (max-width: 850px) {
	.topmenu{
		width:35px;
		margin-top:3rem;
		margin-right:0; /*1.5rem;*/
		padding:0;

	}
	.c-hamburger-menu__list {
		background-color: #000d;
		align-items: end; /*flex-start;*/
		display: flex;
		flex-direction: column;
		left: 0;
		padding: 3rem 10% 3rem 3rem;
		position: absolute;
		transform: translateX(-150%);
		transition: 0.3s;
		top: 100%;
		width: 100%;
		text-align:right;
		justify-content: right;

	}
	.topmenu__list-item {	/* メニューリスト li */
		display: inline;
		
	}
	.topmenu__list-link {	/* メニューリスト a */
		display: inline;
		padding-left:3.0rem;
	}
	
	#hamburger:checked ~ .c-hamburger-menu__list {
		transform: translateX(0%);
		transition: 0.3s;
	}
	/* カスタム 下線入れる */
	.topmenu__list-item {	/* メニューリスト li */
		display:block;
		width:15rem;
		border-bottom:3px double #fffc;
		text-align: left;
		margin-left:12rem;
		padding:1rem 0;
	}
}

.c-hamburger-menu__input {
	display: none;
}
  
.c-hamburger-menu__bg {		/* メニュー表示時の下階層カバー */
	background-color: #000;
	cursor: pointer;
	display: none;
	height: 110vh;
	opacity: 0.6;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	z-index: -1;
}

#hamburger:checked ~ .c-hamburger-menu__bg {
	display: block;
}

.c-hamburger-menu__button {
	display: none;
}
  
@media screen and (max-width: 850px) {
	.c-hamburger-menu__button {
		align-items: center;
		appearance: none;
		background-color: transparent;
		border: none;
		cursor: pointer;
		display: flex;
		flex-direction: column;
		gap: 5px;
		height: 32px;
		justify-content: center;
		width: 32px;
	}
}
  
.c-hamburger-menu__button-mark {
	background-color: #fff; 						/* ハンバーガーマーク */
	display: block;
	height: 4px;
	transition: 0.3s;
	width: 22px;
}
  
@media screen and (max-width: 850px) {
	#hamburger:checked									/* クリックアニメーション*/
		~ .c-hamburger-menu__button
		.c-hamburger-menu__button-mark:nth-of-type(1) {	/* 上の線 */
		transform: translate(0px, 1px) rotate(45deg);
		transform-origin: 0%;
	}
	#hamburger:checked
		~ .c-hamburger-menu__button
		.c-hamburger-menu__button-mark:nth-of-type(2) {	/* 中の線 */
		opacity: 0;
	}
	#hamburger:checked
		~ .c-hamburger-menu__button
		.c-hamburger-menu__button-mark:nth-of-type(3) {	/* 下の線 */
		transform: translate(0px, -1px) rotate(-45deg);
		transform-origin: 0%;
	}
}
/*----------------------
	ページコンテンツエリア
------------------------*/
#pagecontent{
	position: relative;
	font-family: 'Questrial',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	margin:0 auto;
	width:90%;
	max-width: 98rem;
	/* フェードイン */
	animation-name:fadeInAnime;
	animation-duration:2s;
	animation-fill-mode:forwards;
	opacity:0;
	word-wrap: break-word;
}
@keyframes fadeInAnime{
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.contentdiv{
	background-color:#000b;
	border:2px solid #fffc;
	border-radius: 7px 7px;
	box-shadow: 3px 3px 3px 1px #0005;		/* 横位置、縦位置、ぼかし度、影の広さ、色 */
	font-size:1.5rem;
	line-height: 2.2rem;
	text-align:left;
	text-shadow:0 0 6px #000,0 0 3px #000,0 0 2px #000;
	color:white;
	position:relative;
}

/*----------------------
	トップページ
------------------------*/
.parts3div{
	width:32%;
	margin-right:2%;
	background-color: #3331;
}
.parts3divlast{
	width:32%;
	margin-right:0%;
	background-color: #3331;
}
.contentdiv.cdtop{
	width:100%;
	margin:0 auto 7px auto;
	padding:2% 4%;
}

/* divタイトル装飾 */
.divtitle {
	display:block;
	font-weight: bold;
	text-align:center;
	font-size:1.8rem;
	line-height: 2.0rem;
	margin:3% 0 5% 0;
	width:auto;
	border-bottom: white double;
}

/* 研修会成績　open/close */
.js-menu, .js-menu-fixopen{
	font-weight:bold;
	margin:0;
}
.contents {
	line-height: 0;
	height: 0;
	overflow: hidden;
	padding-left: 20px;
}
.contents.is-open {
	line-height: 22px;
	height: auto;
	padding-left: 20px;
}
#divexp	{
	position: absolute;
	background-color:#000d;
	border:2px solid #fffc;
	border-radius: 7px 7px;
	box-shadow: 3px 3px 3px 1px #0005;		/* 横位置、縦位置、ぼかし度、影の広さ、色 */
	font-size:1.5rem;
	line-height: 2.2rem;
	text-align:left;
	padding:0.5%;
	text-shadow:0 0 6px #000,0 0 3px #000,0 0 2px #000;
	color:white;
	display: none;
	z-index:10;
}
.exptbl{
	border:0px;
}
.infofont{
	font-size:1.4rem;
	margin:0;
}

#newsdiv{
	position: absolute;
	top:3%;
	left:30%;

	width:40%;
	background-color: #000d;
	border:4px solid #fffb;
	border-radius: 10px;
	text-shadow:0 0 6px #000,0 0 3px #000,0 0 2px #000;
	color:white;

	padding:2%;

}
#newsback{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: #000a;

}
.newsimg{
	width:90%;
	margin:0 auto;
}
.newstitle{
	display: block;
	font-size:150%;
	font-weight:bold;
	border-top:5px double #666;
	border-bottom:5px double #666;
	margin:0;
	padding:0;
}
.newsbtn {
	width:60%;
	font-size:100%;
	margin:0% 0%;
	border-radius: 10px;
	background-color: #ccc;
}
.divboya{
	width:130px;
	position:absolute;
	top:-87px;
	right:-10px;
}
/*----------------------
	ハンディキャップ運用規定
------------------------*/
.contentdiv.cdhdcprule{
	width:100%;
	margin:0 auto 5px auto;
	padding:2% 4%;
}

.hdcptitle{
	font-weight:bold;
}
.hdcpcont{
	margin-left:3rem;
}
.hdcpruletbl{
	border:none;
}
.hdcpruletbl td{
	vertical-align: top;
}

/*----------------------
	スコア一覧
------------------------*/
.contentdiv.cdscorelist{
	width:100%;
	margin:0 auto 5px auto;
	padding:2% 4%;
}

.scoretablediv{			/* table 見出し固定用 */
	height:calc(100vh - 350px);
	overflow: auto;
	width:90%;
	margin:2% auto;
	padding:0;
	border-top:1px solid #fffa;
	border-left:1px solid #fffa;
}
.scoretbl{
/*
	width:100%;
*/
	font-size:1.3rem;
	margin-right:3.2rem;
}

#sctd1,#scth1,#scth2,.scth3,.scth4,.sctd2,.sctd3{
	position: sticky;
	background: #333!important;
	width:3rem;
}
#sctd1,#scth1,#scth2{
	z-index: 2;
}
#sctd1,#scth1,#scth2,.scth3{
	top:0;
	width:3.2rem;
}
#sctd1,.scth4{
	left:0;
}
#scth1,.sctd2{
	left:0px;	/* jsで設定 */
}
#scth2,#scth3{
	left:0px;	/* jsで設定 */ ;
}
#scthdummy{
	width: 3.2rem!important;
	border:none;
	background:none;
/*	border: none !important;
*/
}
.scrred{
	color:#f99;
	font-weight:bold;
}
.scrblue{
	color:#99f;
	font-weight:bold;
}
.scrgreen{
	color:#9f9;
	font-weight:bold;
}

/*----------------------
	ハンディキャップ一覧
------------------------*/
.contentdiv.cdhdcplist{
	width:100%;
	margin:0 auto 5px auto;
	padding:2% 4%;
}

.hdcptablediv{			/* table 見出し固定用 */
	height:calc(100vh - 250px);
	overflow: auto;
	width:80%;
	margin:2% auto;
	padding:0;
	border-top:1px solid #fffa;
	border-left:1px solid #fffa;
}
.hdcptbl{
	width:100%;
	font-size:1.3rem;
}

.hdcptbl .httd1,.htth1,.htth2,.htth3,.htth4{
	position: sticky;
	top:0;
	background: #333!important;
/*
	border:1px solid #eee;
*/
}
.hdcptbl .htth11,.htth12,.htth13,.htth14{
	position: sticky;
	top:26px;
	background: #333!important;
/*	border:1px solid #eee;
*/
}



/*----------------------
	研修会成績
------------------------*/
.contentdiv.cdreport{
	width:100%;
	margin:0 auto 5px auto;
	padding:2% 4%;
}

.reporttbl0{
	width:100%;
	font-size:1.3rem;
}
.reporttbl0 .imgtd{
	display:auto;					/* display:none;の解除 */

}
.reporttbl1{
	width:60%;
	float:left;
	margin:2% 2% 2% 0%;
	font-size:1.3rem;
}
.reporttbl1 .th3,.th4,.th5{
	width:4rem;
}
.mobileimg{
	display: none;
}
.reporttbl1 .th6,.th7{
	width:6rem;
}
.reporttbl2{
	width:38%;
	float:left;
	margin:2% 0;
	font-size:1.3rem;
}



/*----------------------
	解析
------------------------*/
.contentdiv.cdanalysis{
	width:100%;
	margin:0 auto 5px auto;
	padding:2% 4%;
	height:calc(100vh - 25rem);

}
.lowtitle{
	margin:1% 0 1% 0;
}
.anabutton{
	display:block;
	width:80%;
	font-size:120%;
	font-weight: bold;
	margin:1% auto;
	background-color: #cccc;
	border:2px solid #fffa;

}
.anabutton1{
	display:block;
	width:25%;
	min-width:200px;
	font-size:100%;
	font-weight: bold;
	margin-left:0%;
	background-color: #cccc;
	border:2px solid #fffa;
}
.anabutton2{
	display:none;
}
.infospan{
	display: block;
	margin-bottom: 1rem;
}
.nameselect{
	width:100%;
	margin: 1.5%;
	font-size: 1.2rem;
}
#modal{
	display: none;
}
#scchart{
	width:100%;

/* 高さはjavascriptで設定 */
/*	height:calc(6vh - 30rem);
*/
	margin-top:1.5rem;
/*	border:1px solid red;
*/
}



/*------------------------------*/
/*------------------------------*/
/*------------------------------*/
/*------------------------------*/
/*	↑ ここまでタブレット
/*------------------------------*/
/*------------------------------*/
/*------------------------------*/
/*------------------------------*/
/*------------------------------*/
/*
html{
	margin: 0px;
	padding: 0px;
	font-size: 62.5%;
}
*/
/*------------------------------*/
/*	media スマホ				*/
/*------------------------------*/
@media screen and (max-width: 560px) {/* 560px以下*/
body{
	font-size: 60%;
	width:auto;
}
#pagecontent{
	width:auto;
}
.mobileonly{
	display:block;
}
.pconly{
	display:none;
}

/* ヘッダフッタ */
/*----------------------
	ヘッダ・フッタ
------------------------*/
.allcontent {
    padding-bottom: 10.0rem; /* 他と合わせる(+1rem); /* ←フッターの高さを指定 */
	padding-top: 9.5rem; 		/*130px;ヘッダ分*/
    padding-bottom: 10.0rem; 	/* 他と合わせる(+1rem); /* ←フッターの高さを指定 */
	background:url(./img/kusa.jpg)!important;
	background-size: 30%!important;
}
/* 画像を暗くするオーバーレイ */
.allcontent::before {
	content: '';
	/* ↓暗いオーバーレイを半透明で配置 */
	background-color: rgba(0, 0, 0, 0.4);
	/* ↓全体を覆うように配置 */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.floatheader{
	position: absolute;
	height:8.0rem;		/* 他と合わせる */
}
.headerfooterinner{
	width:auto;
}
.footer {
	height:8.0rem;		/* 他と合わせる */
	margin-top:2.0rem;
}
.ab0{
	height: 6rem;	/* headerの大きさはアニメーションで決定 ここではfooterの大きさ指定*/
}
.abani{
	animation-name:rotateAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
}

@keyframes rotateAnime{
  0% 	{	transform: rotateZ(360deg);width:13.13rem;height:12rem; }
  100%	{	transform: rotateZ(0deg);width:10.95rem; height:10rem;  }
}

.ab1{	/* ヘッダ　坊や左だけヘッダ高さを高くする */
    top: 8.0rem; /* 他と合わせる */
	height:1.5rem;
}
.titlebox{
	margin-left:11rem;
}
.title{
	display: block;
	font-size: 2.3rem;
	line-height: 2.5rem;
}
.title2{
	font-size:0.8rem;
	margin-top:1.1rem;
}
.footer .titlebox{
	display: inline-block;
	position: relative;
	float:none;
	left:auto;
	line-height: 1.5rem;
	margin:0 auto;
}
.footer .ab0{
	float:left;
	height:6rem;
}
.footer .title{
	display: block;
	font-size: 1.8rem;
	line-height: 2.0rem;
	margin-left:6.5rem;
}
.footer .title2{
	font-size:1.0rem;
	margin-top:0.8rem;
	margin-left:7rem;
}

.copyright{
	line-height: 1.1rem;
	font-size:1.1rem;
}

/*----------------------
	トップページ
------------------------*/
.parts3div{
	width:100%;
	margin:0;
}
.parts3divlast{
	width:100%;
	margin:0;
}
.contentdiv.cdtop{
	width:95%;
	margin:0px auto 9px auto;
	padding:2% 5%;
}
#newsdiv{
	position: absolute;
	top:10px;
	left:3%;

	width:93%;
	border-radius: 10px;

	padding:1%;
	font-size:1.6rem;

}
.newsimg{
	width:70%;
	margin:0 auto;
}

.divboya{
	width:180px;
	top:-120px;
	right:-10px;
}


/*----------------------
	研修会成績ページ
------------------------*/
.contentdiv.cdreport{
	width:98%;
	margin:1px auto;
	padding:2% 1%;
}
.reporttbl0{
	margin-top: 10px;
}
.reporttbl0 .imgtd{
	display: none;
}
.mobileimg{
	display:block;
	margin:3px 0;
}
.reporttbl1{
	width:100%;
	font-size:90%;
}
.reporttbl1 .r1th1{
	width: 4.0rem !important;
}
.reporttbl1 .r1th3,.r1th4,.r1th5{
	width: 2.0rem !important;
}
.reporttbl1 .r1th6, .r1th7{
	width: 2.5rem !important;
}
.reporttbl2{
	width:100%;
}

.cdreport .divtitle{
	display: none;
}
/*----------------------
	スコア一覧
------------------------*/
.contentdiv.cdscorelist{
	width:98%;
	margin:0 auto 5px auto;
	padding:2% 2%;
}

.scoretablediv{			/* table 見出し固定用 */
	height:calc(100vh - 180px);
	width:100%;
	margin:2px auto;
}
.scoretbl{
/*
	width:100%;
*/
}

#sctd1,#scth1,#scth2,.scth3,.scth4,.sctd2,.sctd3{
	width:3rem;
}
#sctd1,#scth1,#scth2,.scth3{
	top:0;
	width:3.2rem;
}
#sctd1,.scth4{
	left:0;
}
#scth1,.sctd2{
	left:0;		/* jsで設定 */
}
#scth2,.sctd3{
	left:0;		/* jsで設定 */
}


/*----------------------
	ハンディ一覧ページ
------------------------*/
.contentdiv.cdhdcplist{
	width:98%;
	margin:0 auto 5px auto;
	padding:2% 2%;
}

.hdcptablediv{			/* table 見出し固定用 */
	height:calc(100vh - 180px);
	width:100%;
	margin:2px auto;
}
.hdcptbl{
	width:100%;
}
.hdcptbl .htth11,.htth12,.htth13,.htth2{
	width: 1.8rem !important;
}
.hdcptbl .htth14,.htth4{
	width: 3.0rem !important;
}
.hdcptbl .htth3,.httd6{
	display: none;
}

.anabutton1{
	width:25%;
	min-width:100px;
	font-size:0.8rem;
}

/*----------------------
	解析
------------------------*/
.contentdiv.cdanalysis{
	width:100%;
	margin:0 auto 0px auto;
	padding:2% 4%;
	height:calc(100vh - 10rem);
}
.lowtitle{
	margin:1% 0 1% 0;
}
.anabutton{
	display:block;
	width:80%;
	font-size:120%;
	font-weight: bold;
	margin:1% auto;
	background-color: #cccc;
	border:2px solid #fffa;

}
.anabutton1{
	display:block;
	float:left;
	width:45%;
	font-size:0.8rem;
	font-weight: bold;
	margin-bottom:0.5rem;
}
.anabutton2{
	display:block;
	float:right;
	width:45%;
	font-size:0.8rem;
	font-weight: bold;
	margin-left:0%;
	background-color: #cccc;
	border:2px solid #fffa;
	margin-bottom:0.5rem;
}
.infospan{
	display: none;
}
.infospan2{
	display: block;
	font-size: 0.8rem;
	margin:0 1rem;
	padding:0;
}
.nameselect{
	display: none;

}
#modal{
	display: none;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: #000c;
	z-index:5;
}
.anabutton3{
	display:block;
	width:90%;
	font-size:0.8rem;
	font-weight: bold;
	margin:0.3rem auto 0 auto;
	background-color: #cccc;
	border:2px solid #fffa;
	margin-bottom:0.5rem;
}
.nameselect2{
	z-index: 6;
	font-size:0.6rem;
	width:98%;
	margin:0 1%;
}
.nameselect2 tr{
	line-height: 1.8rem;
}

}
 
/*------------------------------*/
/*	media PC					*/
/*------------------------------*/
@media screen and (min-width: 960px) {/* 960以上*/
html{
	font-size: 62.5%;
	line-height: 2;
}
.divboya{
	width:150px;
	top:-101px;
}

}
/*------------------------------*/
/*	media PC					*/
/*------------------------------*/
@media screen and (min-width: 1281px) {/* 1281以上*/
html{
	font-size: 75.0%;
	line-height: 2;
}
#pagecontent{
	width:1200px;
}
.divboya{
	width:50%;
	position:absolute;
	top:-124px;
	right:-10px;
}
}