* { box-sizing:border-box; position:relative;}


html,body {
		margin:0;
		padding:0;
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		text-size-adjust: 100%;
		width:100%;
		word-break: break-all;
		
	}

.mincho{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.marugo { font-family: "M PLUS Rounded 1c"; }

.helvetica{
	font-family: Helvetica, Arial,  sans-serif;
}

*:focus {
  outline: none;
}

input {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer;
}

input[type="text"]:focus {
	border-color:#F90;
}

img {display:block;}

body {
	
	text-size-adjust: 100%;
	text-justify:inter-ideograph;
	-webkit-text-size-adjust:100%;
 	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic',メイリオ, Meiryo, sans-serif; 
	color:#4d4d4d;
	font-weight:500;
	line-height:1;
	background-color:#f5f5f5;
}

#container {
	position:relative;
}


h2 {
	/*font-size:350%;*/
	font-weight:bold;
	text-align:center;
	margin:0 auto 2em;
	z-index:10;
	position:relative;
	text-align:left;
	overflow:hidden;
	}

h2 p {
	font-size:80%;
	display:inline-block;
	position:relative;
	border-top:4px solid #e6001c;
	padding:0.2em 0.8em 0.2em 0;
	color:#000;
	z-index:100;
	}

h2 p::before {
	content: "■";
	color:#e6001c;
	}

h2 p::after {
	content: "";
	display:block;
	border-left:5px solid #e6001c;
	border-bottom:4px solid #e6001c;
	height:50%;
	width:2000px;
	position:absolute;
	top:-4px;
	left:100%;
	/*transform: translate(50%, 0%) rotate(-45deg);*/
	transform: translate(0, 0%) skewX(45deg);
	background-color:#fff;
	z-index:9;
	}
	
h2 span {
	display:inline-block;
	font-size:inherit;
	}
	

h3 {
	/*font-size:300%;*/
	color:#e6001c;
	font-weight:bold;
	text-align:left;
	}



h3 {
	width:100%;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	
    transform: translate(-0%,-50%);
	text-align:center;
	}

h3 p{
	font-size:120%;
	font-weight:bold;
	display:inline-block;
	/*max-width:1136px;*/
	margin:0 auto;
	padding:0.3em 1.5em;
	color:#fff;
	text-align:center;
	background-color:#e6001c;
	line-height:1em;
	border-radius:2em;
}


h3 .mini{
	font-size:50%;
	line-height:1.2em;
	display:inline-block;
	color:#000;
}

h4 {
	/*font-size:220%;*/
	color:#e6001c;
	font-weight:bold;
	text-align:left;
	margin-bottom:0.7em;
	font-size: 2.4rem;
	}


/*文字色*/
.red {color:#e60000;}
	

header {
	width:100%;
	overflow:hidden;
	padding:0;
	/*border-bottom:1px solid #ccc;*/
	margin-bottom:2rem;
	
	}

header .header-inner{
	width:100%;
	min-width:320px;
	padding:0;
	margin:0 auto;
	background-color:#fff;
	color:#333;
}




#content {
	padding:1rem 0;
	margin-bottom:80px;
	text-align:center;
}


section {
	width:100%;
	min-width:320px;
	margin:0 auto;
	padding:0;
	position:relative;
	}

section::after {
content: " ";
display: block;
clear: both;
}

section + section {
	padding-top:3rem;
}


section > .inner {
	width:90%;
	margin:0 auto;
	padding:0 0;
	max-width:800px;
	min-width:268px;
	}


section > .inner::after {
  content: "";
  display: block;
  clear: both;
}


header .header-inner h1{
	font-size:180%;
	text-align:center;
	font-weight:bold;
	line-height:1.2em;
	padding:0.5em 0.5em 0.2em;
	
}

header .header-inner h1 + p{
	font-size:180%;
	text-align:center;
	font-weight:bold;
	line-height:1.2em;
	padding:0 0.5em 0.5em;
}


/*^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^

（0）common

^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^*/


.whbox {
	display:inline-block;
	text-align:center;
	border:1px solid #ccc;
	margin:0 auto;
	padding:2em;
	border-radius:1em;
}

.whbox p{
	margin-bottom:1.5em;
	font-size:120%;
}

.whbox p:last-child{
	margin-bottom:0em;
}

.whbox p span{
	display:inline-block;
	padding:0 0.2em;
}



/*トップエラー表示*/

#error  .inner {
	border:2px solid #f00;
	padding:1em;
	border-radius:0.5em;
	
}

#error p span{
	display:inline-block;
	text-align:left;
	color:#f00;
	line-height:1.4em;
}


/*トップテキスト*/

#toptext h2 {
	display:inline-block;
	text-align:center;
	font-size:160%;
	margin:0;
	padding:1em 0;
	line-height:1.4em;
}

#toptext h2 span {
	display:inline-block;
}

#toptext p {
	display:inline-block;
	text-align:center;
	line-height:1.6em;
	font-size:120%;
}

#toptext p span{
	display:inline-block;
	text-align:left;
}


/*^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^

（1）menu

^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^*/


#login .whbox {
	display:inline-block;
	text-align:center;
	border:1px solid #ccc;
	margin:0 auto;
	padding:2em;
	border-radius:1em;
	background-color:#fff;
}


#login p{
	margin-bottom:2em;
	font-size:120%;
	line-height:1.4em;
}

.whbox p{
	margin-bottom:1em;
	font-size:120%;
	line-height:1.4em;
}

.whbox p.title,
#login .whbox p.title{
	margin-bottom:1.5em;
	font-size:120%;
	line-height:1.4em;
	letter-spacing:0.1em;
	font-weight:bold;
	position:relative;
	top:-0.5em;
}

#login #checkbox ul {
	margin:0;
}

#login #checkbox li {
	font-weight:bold;
}

.whbox p:last-child{
	margin-bottom:0em;
}

.whbox p span{
	display:inline-block;
	padding:0 0.2em;
}

.whbox.wb {
	background-color:#fff;
}

.whbox + p,
#login .whbox + p{
	margin-top:1em;
	font-size:100%;
	line-height:1.4em;
	text-align:center;
}

.whbox + p span,
#login .whbox + p span{
	display:inline-block;
	text-align:left;
}
.whbox + p span span,
#login .whbox + p span span{
	display:inline-block;
}



/*^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^

（2）form

^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^*/

/*form関係*/

#formbox {
	display:block;
	max-width:800px;
	margin:0 auto 3rem;
}

#formbox li {
	/*display:block;*/
	margin-bottom:3rem;
	list-style:none;
	padding-bottom:2rem;
}

#formbox li:last-child {
	margin-bottom:0;
}
/*
section#form p.title {
	text-align:left;
	margin-bottom:0.8em;
	padding:0 0.5em;
	font-size:120%;
	font-weight:bold;
	color: #39F;
	display:flex;
}
*/


section#saiten p.title {
	display:block;
	margin-bottom:1.5em;
	position:relative;
	text-align:left;
	width:100%;
	
}

section#saiten p.title span{
	display:inline-block;
	padding:0.5em 1em;
	font-size:120%;
	font-weight:bold;
	background-color: rgb(7, 172, 16);
	color:#fff;
	border-radius:100px;
	position:relative;
	left:-1em;
}


section#saiten p.title span::before {
	/*content:"■";*/
	content:"◆";
	margin-right:0.3em;
}

section#saiten p.title::before {
	content:"";
	display:block;
	height:1px;
	width:100%;
	border-bottom:1px dashed rgb(7, 172, 16);
	position:absolute;
	top:50%;
	left:0;
}

section#saiten p.title span:first-child {
	white-space:nowrap;
	padding-right:1em;
	min-width:11em;
}


section#saiten p.title span a{
	display:inline-block;
	font-size:75%;
	margin-left:1em;
	background-color:#F30;
	padding:0.3em 0.5em;
	border-radius:0.5em;
}



























section#form p.title {
	display:block;
	margin-bottom:1.5em;
	position:relative;
	text-align:left;
	width:100%;
	
}

section#form p.title span{
	display:inline-block;
	padding:0.5em 1em;
	font-size:120%;
	font-weight:bold;
	background-color:#6CF;
	color:#fff;
	border-radius:100px;
	position:relative;
	left:-1em;
}


section#form p.title span::before {
	/*content:"■";*/
	content:"◆";
	margin-right:0.3em;
}

section#form p.title::before {
	content:"";
	display:block;
	height:1px;
	width:100%;
	border-bottom:1px dashed #6CF;
	position:absolute;
	top:50%;
	left:0;
}

section#form p.title span:first-child {
	white-space:nowrap;
	padding-right:1em;
	min-width:11em;
}


section#form p.title span a{
	display:inline-block;
	font-size:75%;
	margin-left:1em;
	background-color:#F30;
	padding:0.3em 0.5em;
	border-radius:0.5em;
}
/*
section#form p.title span a::before{
	content:"[";
	margin-right:0.5em;
}
section#form p.title span a::after{
	content:"]";
	margin-left:0.5em;
}
*/


section#form p span.otherbtn1,
section#form p span.otherbtn2,
section#form p span.otherbtn3,
section#form p span.otherbtn4,
section#form p span.otherbtn5,
section#form p span.otherbtn6,
section#form p span.otherbtn7,
section#form p span.otherbtn8,
section#form p span.otherbtn9,
section#form p span.otherbtn10{
	display:inline-block;
	margin-left:1em;
	background-color:#F03;
	padding:0.5em 1em;
	border-radius:0.5em;
	color:#fff;
	cursor: pointer;
}

section#form p span.otherbtn1:hover,
section#form p span.otherbtn2:hover,
section#form p span.otherbtn3:hover,
section#form p span.otherbtn4:hover,
section#form p span.otherbtn5:hover,
section#form p span.otherbtn6:hover,
section#form p span.otherbtn7:hover,
section#form p span.otherbtn8:hover,
section#form p span.otherbtn9:hover,
section#form p span.otherbtn10:hover{
	background-color:#F36;
}







section#form p.answer {
	padding-right:1em;
	text-align:left;
	font-size:140%;
	padding:0.5em 1em;
	background-color:#fff;
	border-radius:0.5rem;
}
section#form p.answer + p.answer {
	margin-top:0.5em;
}

section#form span.answer {
	width:100%;
	display:inline-block;
	padding-right:1em;
	text-align:left;
	font-size:140%;
	margin-top:0.5em;
	padding:0.5em 1em;
	line-height:1.4em;
	border-radius:0.5rem;
	background-color:#fff;
}

section#form p.answer span.answer {
	width:100%;
	display:inline-block;
	text-align:left;
	font-size:100%;
	margin-top:0.5em;
	padding:0.5em 0 0;
	border-top:dashed 1px #ccc;
}


input[type="text"],
input[type="number"],
select {
	width:100%;
	border:none;
	border:1px solid #999;
	padding:0.5em 1em;
	font-size: 140% !important;
	color: #666;
	margin:0;
	display:inline-block;
	background-color:#fff;
	
}

/* 姓名セイメイ入力欄 */

.input-name {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.input-name > div {
	display:block;
	width:49%;
	text-align:left;
}

.input-name > div.error input[type="text"] {
	background-color:#ffdfe8;
}

.input-name > div span {
	display:inline-block;
	width:3em;
	text-align:center;
	font-size:120%;
	font-weight:bold;
}

.input-name > div input {
	display:inline-block;
	width:calc(100% - 3em);
}

.input-name > div p {
	display:inline-block;
	width:calc(100% - 4em);
	height:100% !important;
	background-color:#fff;
	
    padding: 0.5em 1em;
    font-size: 140% !important;
}


/* メールアドレス */

.input-mail {
	display:block;
	text-align:left;
}


.input-mail > div:nth-child(2) {
	margin-top:2.5em;
}


.input-mail > div:nth-child(2) span {
	position:absolute;
	top:-1.5em;
	left:0.5em;
	display:inline-block;
	font-size:100%;
}

.input-mail > div.error input[type="text"] {
	background-color:#ffdfe8;
}

.input-mail > div p {
	display:inline-block;
	width:100%;
	height:100% !important;
	background-color:#fff;
	
    padding: 0.5em 1em;
    font-size: 140% !important;
}




/* チェックボックス(共通) */

#checkbox ul {
	display:block;
	max-width:800px;
	margin:0 auto 3rem;
}

#checkbox ul li {
	display:block;
	margin-bottom:2rem;
	text-align:left;
}

#checkbox ul li:last-child {
	margin-bottom:0;
}


input[type=checkbox] {
    display: none;
}

.check {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px 5px 27px;
    position: relative;
    width: auto;
	font-size:140%;
}
.check::before {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 5px;
	transform: translate(-0%,-50%);
}
.check::after {
    border-right: 6px solid #df5656;
    border-bottom: 3px solid #df5656;
    content: '';
    display: block;
    height: 20px;
    left: 7px;
    margin-top: -19px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg) translate3d(0,2px,0) scale3d(.7,.7,1);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    width: 9px;
}
input[type=checkbox]:checked + .check::before {
    border-color: #666;
}
input[type=checkbox]:checked + .check::after {
    opacity: 1;
    transform: rotate(45deg) scale3d(1,1,1);
}





textarea,
ul#checkbox li textarea.other {
	width:100%;
	clear:both;
	border:none;
	padding:0.5em;
	font-size:140%;
	border:1px solid #999;
}

ul#checkbox li textarea.other {
	display:none;
}




.textbox {
	display:block;
	max-width:800px;
	margin:0 auto 3rem;
}


/* ラジオボタン(共通) */
input[type=radio] {
    display: none;
}
.radio {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
	/* font-size:1.5rem; */
	font-size:140%;
}
.radio::before {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.radio::after {
    background: #df5656;
    border-radius: 50%;
    content: '';
    display: block;
    height: 10px;
    left: 9px;
    margin-top: -6px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: scale3d(.3,.3,1);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    width: 10px;
}
input[type=radio]:checked + .radio::before {
    border-color: #666;
}
input[type=radio]:checked + .radio::after {
    opacity: 1;
    transform: scale3d(1,1,1);
}

/*横並びの仕様*/
ul.sbs li {
	display:inline-block;
}

.selectbox {
	/*border: 2px solid #ccc;*/
	width: 100%;
	display:block;
	display:inline-block;
	margin:0;
	position:relative;
	/*float:left;*/
	font-size:inherit;
	background-color:#fff;
}

#sortbox .selectbox {
	width: calc(100% - 250px);
}

.selectbox::after{
  content:"";
  display:block;
  width:8px;
  height:8px;
  position:absolute;
  right:18px;
  top:45%;
  border-bottom:#333 2px solid;
  border-right:#333 2px solid;
  transform:rotate(45deg)translateY(-50%);
}

.selectbox select {
	background-color:transparent;
	z-index:1;
	
}


.selectbox > div.error{
	background-color:#ffdfe8;
}

label + .selectbox {
	width: 145px;
	border:2px solid #ccc;
	padding:0;
	font-size: 100%;
	color: #666;
	display:block;
	margin:0 10px 0px 0;
	display:inline-block;
	background-color:#FFF;
}



.color.selectbox select{
  background:blue;
  color:#fff;
  border-radius:2em;
}
.color.selectbox::after{
  border-bottom:#fff 5px solid;
  border-right:#fff 5px solid;
}


#search .selectbox + ul {
	display:inline-block;
	margin-left:50px;
}



/* 銘なし汎用テキスト */

.input-text {
	display:block;
	text-align:left;
}

.input-text + .input-text {
	margin-top:1em;
}


.input-text > div.error input[type="text"] {
	background-color:#ffdfe8;
}

.input-text > div p {
	display:inline-block;
	width:100%;
	height:100% !important;
	background-color:#fff;
	
    padding: 0.5em 1em;
    font-size: 140% !important;
}

.input-text > p {
	margin-bottom:0.5em;
	padding-left:0.5em;
}


/*

ul#input {
	width:100%;
	max-width:500px;
	background-color:#e9e9e9;
	margin:0 auto;
	padding:20px;
	border-radius:1rem;
}

ul#input li {
	list-style:none;
	margin-bottom:2rem;
}

ul#input li:last-child {
	margin-bottom:0;
}


ul#input li input {
	border:none;
	border-radius:1rem;
	width:100%;
	font-size:200%;
	padding:0.5em 1em;
	color:#333;
}

ul#input li p {
	margin-bottom:0.5em;
	font-size:120%;
	font-weight:bold;
	padding-left:0.5em;
	text-align:left;
}


ul#input li.error {
	text-align:center;
	color:#F03;
	font-weight:bold;
}

*/

/*^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^

（4）login

^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^*/


/* ログインフォーム */

.input-login {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.input-login > div {
	display:block;
	width:100%;
	text-align:left;
}

.input-login > div:nth-child(1) {
	margin-bottom:2em;
}

.input-login > div.error input[type="text"] {
	background-color:#ffdfe8;
}

.input-login > div span {
	display:inline-block;
	width:12em;
	text-align:center;
	font-size:120%;
	font-weight:bold;
}

.input-login > div input {
	display:inline-block;
	width:calc(100% - 12em);
}

.input-login > div p {
	display:inline-block;
	width:calc(100% - 12em);
	height:100% !important;
	background-color:#fff;
	
    padding: 0.5em 1em;
    font-size: 140% !important;
}


@media screen and (max-width: 640px) {

	.input-login > div span,
	.input-login > div input {
		display:block;
		width:calc(100% - 0em);
	}
	
	.input-login > div span {
		margin-bottom:0.5em;
	}
}

/*^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^

（5）subject

^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^*/                    
#formbox li.other_0 p.title span,
#formbox li.other_1 p.title span,
#formbox li.other_2 p.title span,
#formbox li.other_3 p.title span,
#formbox li.other_4 p.title span,
#formbox li.other_5 p.title span,
#formbox li.other_6 p.title span,
#formbox li.other_7 p.title span,
#formbox li.other_8 p.title span,
#formbox li.other_9 p.title span,
#formbox li.other_10 p.title span{
	background-color:#6ed281;
	
	left:-0em;
}


#formbox li.other_0 p.title::before,
#formbox li.other_1 p.title::before,
#formbox li.other_2 p.title::before,
#formbox li.other_3 p.title::before,
#formbox li.other_4 p.title::before,
#formbox li.other_5 p.title::before,
#formbox li.other_6 p.title::before,
#formbox li.other_7 p.title::before,
#formbox li.other_8 p.title::before,
#formbox li.other_9 p.title::before,
#formbox li.other_10 p.title::before{
	display:none;
}



#formbox li.other_0 p.title span::before,
#formbox li.other_1 p.title span::before,
#formbox li.other_2 p.title span::before,
#formbox li.other_3 p.title span::before,
#formbox li.other_4 p.title span::before,
#formbox li.other_5 p.title span::before,
#formbox li.other_6 p.title span::before,
#formbox li.other_7 p.title span::before,
#formbox li.other_8 p.title span::before,
#formbox li.other_9 p.title span::before,
#formbox li.other_10 p.title span::before {
	content:"■";
	margin-right:0.3em;
	display:none;
}



#formbox li .text {
	/*border:1px solid #ccc;*/
	border-radius:0.5em;
	padding:0.5em 1em;
	font-size:100%;
	text-align:left;
	line-height:1.4em;
}

#formbox li .text h2 {
	margin-bottom:1em;
}




	#formbox li.other_1,
	#formbox li.other_2,
	#formbox li.other_3,
	#formbox li.other_4,
	#formbox li.other_5,
	#formbox li.other_6,
	#formbox li.other_7,
	#formbox li.other_8,
	#formbox li.other_9,
	#formbox li.other_10 {
		display: none;
	}
	

							
							
section#form p.title span.delete_1,
section#form p.title span.delete_2,
section#form p.title span.delete_3,
section#form p.title span.delete_4,
section#form p.title span.delete_5,
section#form p.title span.delete_6,
section#form p.title span.delete_7,
section#form p.title span.delete_8,
section#form p.title span.delete_9,
section#form p.title span.delete_10 {
	display:inline-block;
	padding:0.5em 1em;
	font-size:100%;
	font-weight:bold;
	background-color:#ccc;
	color:#4d4d4d;
	border-radius:100px;
	position:relative;
	position:absolute;
	right:0;
	left:auto;
}

section#form p.title span.delete_1::before,
section#form p.title span.delete_2::before,
section#form p.title span.delete_3::before,
section#form p.title span.delete_4::before,
section#form p.title span.delete_5::before,
section#form p.title span.delete_6::before,
section#form p.title span.delete_7::before,
section#form p.title span.delete_8::before,
section#form p.title span.delete_9::before,
section#form p.title span.delete_10::before {
	content:"✖︎";
	margin-right:0.3em;
}


#formbox li .otherbtn1,
#formbox li .otherbtn2,
#formbox li .otherbtn3,
#formbox li .otherbtn4,
#formbox li .otherbtn5,
#formbox li .otherbtn6,
#formbox li .otherbtn7,
#formbox li .otherbtn8,
#formbox li .otherbtn9,
#formbox li .otherbtn10 {
	margin:1em 0 0;
	display:inline-block;
}


/*タグ対応*/

.tug table {
	text-align:center;
	background-color:#fff;
	width:100%;
	margin-top:1rem;
}

.tug table th,
.tug table td {
	text-align:center;
	padding:1rem 2rem;
	border:1px solid #ccc;
}


.tug table th {
	background-color:#d6e4ff;
}

/*確認画面用テキストエリア*/

.view-text {
	font-size:120%;
	line-height:1.4em;
	background-color:#fff;
	padding:1em 1em;
}








.row-10 {
  height: calc( 1.3em * 10 ) !important;
  line-height: 1.3;
}

span.red {
	display:inline;
	color:#FF6699;
	font-weight:bold;
}


#list {
	background-color:#9F6;
}


#list table{
	width:100%;
}

#list table tr {
	border:1px solid #ccc;
}

#list table th,
#list table td {
	border:1px solid #ccc;
	background-color:#fff;
	padding:1em 0.5em;
	vertical-align:middle;
	font-weight:normal;
}

#list table th.date {
	border:1px solid #ccc;
	background-color:#fff;
	text-align:center;
	width:10em;
}

#list table th.date span {
	white-space:nowrap;
}

#list table span {
	display:inline-block;
}


#list table td.name {
	white-space:nowrap;
}

#list table td.plant span:first-child {
	margin-right:1em;
}

#list table td.btn {
	width:6em;
	text-align:center;
	
}

#list table td.btn a {
	display:inline-block;
	background-color:#999;
	color:#fff;
	text-align:center;
	color:#fff;
	padding:1em;
	font-weight:bold;
	text-decoration:none;
	border-radius:5px;
	white-space:nowrap;s
	
}


#list table td{
	width:auto;
	text-align:left;
}

#list table td:first-child p {
	text-align:left;
}

@media screen and (max-width: 930px) {
	
	#list table th.date {
		width:auto;
	}
	#list table td.plant,
	#list table td.name {
		width:100%;
		display:block;
		border:none;
	}
	#list table td.name {
		border-top:1px solid #ccc;
	}

}

/*^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^

（4）inmenu（5）incomp（7）outmenu（8）outcomp

^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^*/
#action {
	width:100%;
	margin:0 0 3rem;
	text-align:center;
	}

#action p {
	font-size:200%;
	margin:0;
	padding:0;
	font-weight:bold;
	line-height:1.2em;
	text-align:center;
	color:#F03;
	display:inline-block;
	position:relative;
	}

#action.check p {
	padding:0 0.2em 0 1.5em;
	padding:0;	
}

#action p span {
	display:inline-block;	
}

#action.check p::before {
	content:"";
	display:inline-block;
	width:1.2em;
	height:1.2em;
	background-color:#FC0;
	border-radius:1em;
	position:absolute;
	top:50%;
	left:0;
	transform: translate(-110%,-50%);
	background-image:url(../img/icon-check.svg);
	background-size:cover;
	background-repeat:no-repeat;
	
}
/*
#action.check p::after {
	content:"";
	display:inline-block;
	width:0.2em;
	height:0.6em;
	border:5px solid #fff;
	border-top:none;
	border-left:none;
	position:absolute;
	top:50%;
	left:-.9em;
    transform: translate(-0%,-60%) rotate(45deg);
}
*/

#detail2 {
	display:inline-block;
	text-align:center;
	border:1px solid #ccc;
	margin:0 auto;
	padding:2em;
	border-radius:1em;
}

#detail2 p{
	margin-bottom:0.5em;
	font-size:200%;
	font-weight:bold;
}

#detail2 p:last-child{
	margin-bottom:0em;
}

#detail2 p span{
	display:inline-block;
	padding:0 0.2em;
}

#detail2.wb {
	background-color:#fff;
}


/*ボタン１*/

#btn {
	margin:3rem 0;
}

#btn ul {
	display:flex;
	justify-content: center;
	max-width:600px;
	margin:0 auto;
	justify-content: space-around;
}

#btn ul li {
	display:inline-block;
	width:48%;
}

#btn ul li a{
	display:block;
	color:#fff;
	padding:0.7em 2em;
	text-decoration:none;
	font-weight:bold;
	border-radius:1rem;
	font-size:140%;
}

#btn ul li.approve a{
	background-color:#F90;
}
#btn ul li.approve a:hover{
	background-color:#F03;
}

#btn ul li.close a{
	background-color:#39F;
}
#btn ul li.close a:hover{
	background-color:#06F;
}

#btn ul li.off a,
#btn ul li.off a.off{
	background-color:#ccc;
	pointer-events: none;
}


/*ボタン３*/

#btn3 {
	margin:3rem auto;
}

#btn3 ul {
	max-width:450px;
	display:flex;
	justify-content: space-between;
	margin:0 auto;
}

#btn3 ul li {
	display:inline-block;
	width:30%;
	position:relative;
}

#btn3 ul li a{
	display:block;
	color:#fff;
	padding:0.7em 1em;
	text-decoration:none;
	font-weight:bold;
	border-radius:1rem;
	font-size:140%;
}

#btn3 ul li a{
	background-color:#F90;
}
#btn3 ul li a:hover{
	background-color:#F03;
}

#btn3 ul li.back a,
#btn3 ul li.next a,
#btn3 ul li.prev a{
	background-color:#39F;
}

#btn3 ul li.back a:hover,
#btn3 ul li.next a:hover,
#btn3 ul li.prev a:hover{
	background-color:#F03;
}

#btn3 ul li.next a::before{
	content:"";
	width:0.7em;
	height:0.7em;
	border:3px solid #fff;
	border-left:none;
	border-bottom:none;
	position:absolute;
	top:50%;
	right:15px;
	transform: translate(-0%,-50%) rotate(45deg);
}

#btn3 ul li.prev a::before{
	content:"";
	width:0.7em;
	height:0.7em;
	border:3px solid #fff;
	border-right:none;
	border-top:none;
	position:absolute;
	top:50%;
	left:15px;
	transform: translate(-0%,-50%) rotate(45deg);
}


/*
#btn3 ul li.next a:hover{
	background-color:#06F;
}
*/
#btn3 ul li.off a,
#btn3 ul li.off a.off{
	background-color:#ccc;
	pointer-events: none;
}


/*^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^

（9）count

^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^*/

p.date {font-size:180%; margin-bottom:0.5em; font-weight:bold; line-height:1.2em; text-align:center;}

/*
table {
	
	margin:0 auto;
}

table th,
table td {
	padding:0.5em 2em;
	border:1px solid #ccc;
}

table th {
	font-size:140%;
	color:#fff;
	background-color:#0CC;
}
table td {
	font-size:200%;
	background-color:#fff;
}


*/


#score .title + p {
	margin-bottom:1em;
}


#score table {
	background-color:#fff;
	width:100%;
}

#score table th,
#score table td {
	padding:1em;
	border:1px solid #ccc;
	vertical-align:middle;
	font-size:120%;
}

fieldset {
  border: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

.radio-inline__input {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.radio-inline__label {
    display: inline-block;
    padding: 0.5rem 1rem;
    margin-right: 18px;
    border-radius: 3px;
    transition: all .2s;
	 background-color: #e5e5e5;
}

.radio-inline__input:checked + .radio-inline__label {
    background-color: #f00;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,.7);
}

.radio-inline__input:focus + .radio-inline__label {
    outline-color: #4D90FE;
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 5px;
}


@media screen and (max-width: 749px) {

#score table tr {
	border:1px solid #ccc;
}

#score table td {
	display:block;
	clear:both;
	width:100%;
}

#score table tr td {
	border:none;
}


}



/*クリアフィックス*/
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}