@charset "UTF-8";
/* CSS Document */
.streaming .title {  width: 100%;  margin: 0 auto;  padding:50px 0 0 0;}
.streaming .title h2 {position: inherit;margin: 0 auto 0px;padding: 0;  font-size: 28px;  text-align: center;  border-bottom: none;  font-weight: bold;color: #80b4e4;}
.streaming .title h2::after {  display: none;}

.streaming .inner p{width:80%;margin: 0 auto 30px auto;padding: 0; font-size:16px;line-height: 26px;letter-spacing: 1px;}

/*個人情報*/
.streaming .inner form .personal{width:100%;margin: 0 auto 30px auto !important;padding: 0px 0 0px 0;}
.streaming .inner form .personal table{width:100%;margin: 0 auto 0px auto;border-collapse:collapse;}
.streaming .inner form .personal table tr{border-bottom:1px solid #80b4e4;}
.streaming .inner form .personal table th{width: 30%;padding: 20px 0;text-align: left;font-size:16px;color: #80b4e4}
.streaming .inner form .personal table td{width: 69%;padding: 20px 0 20px 1%;font-size:16px;}

.streaming .inner form .personal table td input[type="text"],
.streaming .inner form .personal table td input[type="email"]{	width: 96%;	padding: 15px 1%;	font-size: 16px;	background-color: #fff;	border-radius: 3px;	border: 1px solid #999;	outline: none;}
.streaming .inner form .personal table td input[type="text"]:focus,
.streaming .inner form .personal table td input[type="email"]:focus{background:#eff4f8;}

.streaming .inner form .personal table td input[type="radio"]{  display: none;}
.streaming .inner form .personal table td label {width:23.5%;	margin: 0 ;background-color: #fff; border:1px dashed coral;color: coral;font-weight: bold;text-align: center;	padding:10px 0px;font-size: 14px;border-radius:5px;	display:inline-block;}
.streaming .inner form .personal table td input[type="radio"]:checked + label{background-color: coral;color: white; border:1px dashed coral;}
.streaming .inner form .personal table td label:hover {	cursor: pointer;}

/*セレクト*/
.streaming .inner form .select{padding: 0px 0 20px 0;margin: 0 auto 30px auto !important;border-bottom:1px solid #80b4e4;}
.streaming .inner form .select p{width:100%;margin: 0 auto 20px auto;padding: 0px 0 0 0; font-size:16px;color: #80b4e4;font-weight: bold;}

.streaming .inner form .select table{width:98%;margin: 0 0 0px auto;border-collapse:collapse;font-size: 13px;letter-spacing: 1px;line-height: 20px;}

.streaming .inner form .select table thead{background: #e9ecef;color: #535a61;}
.streaming .inner form .select table thead tr{border-top: 2px solid #dee2e6;border-bottom: 1px solid #dee2e6}

.streaming .inner form .select table thead th{width: 12%;padding: 10px 0;}

.streaming .inner form .select table thead td{padding: 10px 0;font-weight: bold;}
.streaming .inner form .select table thead td:first-of-type{width: 44%;padding-left:1%}
.streaming .inner form .select table thead td:nth-of-type(2){width: 32%;padding-left:1%}
.streaming .inner form .select table thead td:last-of-type{width: 9%;padding-left:1%}

.streaming .inner form .select table tbody tr{border-bottom:1px solid #dee2e6;}
.streaming .inner form .select table tbody tr:last-child{border-bottom:none;}

/*
.streaming .inner form .select table tbody th input[type="radio"]{  display: none;}
.streaming .inner form .select table tbody th input[type="radio"] + label{display: block; position:relative; width:26px;height: 26px; margin: 0px auto;}
.streaming .inner form .select table tbody th input[type="radio"] + label::before{  content: "";   position: absolute;  top: 0;  left:0%;  width:26px;  height:26px;  border: 1px solid #999;  border-radius: 50%;}
.streaming .inner form .select table tbody th input[type="radio"]:checked + label{  color:coral;}
.streaming .inner form .select table tbody th input[type="radio"]:checked + label::after{  content: "";  position: absolute;  top: 5px;  left: 5px;  width: 18px;  height:18px;  background:coral;  border-radius: 50%;}
*/
.streaming .inner form .select table tbody th{width: 12%;padding: 10px 0;}
.streaming .inner form .select table tbody th input[type="radio"]{  display: none;}
.streaming .inner form .select table tbody th label {width:85%;	margin: 0 auto 0px auto;background-color: #fff; border:1px dashed coral;color: coral;	padding:10px 0px;font-size: 14px;border-radius:5px;	display:inline-block;}
.streaming .inner form .select table tbody th input[type="radio"]:checked + label{background-color: coral;color: white; border:1px dashed coral;}
.streaming .inner form .select table tbody th label:hover {	cursor: pointer;}

.streaming .inner form .select table tbody td{padding: 10px 0;}
.streaming .inner form .select table tbody td:first-of-type{width: 44%;padding-left:1%}
.streaming .inner form .select table tbody td:nth-of-type(2){width:32%;padding-left: 1%}
.streaming .inner form .select table tbody td:last-of-type{width: 9%;padding-left:1%}

/*質問*/
.streaming .inner form .question p{width:100%;margin: 0 auto 10px auto;padding: 0px 0 0 0; font-size:16px;color: #80b4e4;font-weight: bold;}
.streaming .inner form .question textarea {width:98%;	height:180px;margin:0 0 0 auto;padding: 15px 1%;	font-size: 16px;	background-color: #fff;	border-radius: 3px;	border: 1px solid #999;	outline: none;}
.streaming .inner form .question textarea:focus{background:#eff4f8;}

/*送信ボタン*/
.streaming .inner form .button{width:80%;margin: 0 auto}
.streaming .inner form .button input[type="submit"],
.streaming .inner form .button input[type="reset"]
{float: left; width:48%;padding:20px 0;margin:0px 1%; color:#fff;background-color:#80b4e4;text-align:center;font-size:20px;text-decoration:none;	border:none;outline:none;cursor:pointer;display: block;	letter-spacing: 2px;-webkit-appearance: none;}
.streaming .inner form .button input[type="submit"]:hover,
.streaming .inner form .button input[type="reset"]:hover
{background:grey}


@media screen and (min-width:700px) and (max-width:1024px) {
    .streaming .inner form .button{width:100%;margin: 0 auto}
}

@media screen and (max-width:700px) {
    .streaming .title {    width: 100%;    margin: 0 auto;    padding: 20px 0 0 0;   }
    .streaming .title h2 {    margin: 0 auto 0px;    font-size: 20px;    text-align: center;    border-bottom: none;    font-weight: bold; color: #80b4e4; }
        
    .streaming .inner p{width:100%;margin: 0 auto 0px auto;padding: 0; font-size:13px;line-height: 24px;letter-spacing: 0px;}
    
    /*個人情報*/
    .streaming .inner form .personal{margin: 0 auto 20px auto !important;}
    .streaming .inner form .personal table th{display: inline-block;width:100%;padding:14px 0 0 0;text-align: left;font-size:14px;color: #80b4e4}
    .streaming .inner form .personal table td{display: inline-block;width:100%;padding: 0px 0 14px 0%;font-size:14px;}
    .streaming .inner form .personal table td input[type="text"],
    .streaming .inner form .personal table td input[type="email"]{	width: 96%;	margin: 0 auto;padding: 12px 1%;	font-size: 16px;	background-color: #fff;	border-radius: 3px;	border: 1px solid #999;	outline: none;}
    .streaming .inner form .personal table td label {width:80%;	margin:6px 10% 0 10%;background-color: #fff; border:1px dashed coral;color: coral;font-weight: bold;text-align: center;	padding:10px 0px;font-size: 14px;border-radius:5px;	display:inline-block;}
    .streaming .inner form .personal table td input[type="radio"]:checked + label{background-color: coral;color: white; border:1px dashed coral;}

    /*セレクト*/
    .streaming .inner form .select{padding: 0px 0 0px 0;margin: 0 auto 20px auto !important;border-bottom:1px solid #80b4e4;}
    .streaming .inner form .select p{width:100%;margin: 0 auto 10px auto;padding: 0px 0 0 0; font-size:14px;color: #80b4e4;font-weight: bold;}
    
    .streaming .inner form .select table{width:100%;margin: 0 auto 10px auto;border-collapse:collapse;font-size: 12px;letter-spacing: 0px;line-height:16px;}
    
    .streaming .inner form .select table thead tr{border-top: 2px solid #dee2e6;border-bottom: 1px solid #dee2e6;}
    
    .streaming .inner form .select table thead th{width: 17%;padding: 10px 0;}
    
    .streaming .inner form .select table thead td{padding: 10px 0;font-weight: bold;}
    .streaming .inner form .select table thead td:first-of-type{width: 40%;padding-left:1%}
    .streaming .inner form .select table thead td:nth-of-type(2){width:28%;padding-left:1%}
    .streaming .inner form .select table thead td:last-of-type{width: 12%;padding-left:1%}
        /*
    .streaming .inner form .select table tbody th{width: 10%;padding: 10px 0;}
    .streaming .inner form .select table tbody th input[type="radio"]{  display: none;}
    .streaming .inner form .select table tbody th input[type="radio"] + label{display: block; position:relative; width:26px;height: 26px; margin: 0px auto;}
    .streaming .inner form .select table tbody th input[type="radio"] + label::before{  content: "";   position: absolute;  top: 0;  left:0%;  width:26px;  height:26px;  border: 1px solid #999;  border-radius: 50%;}
    .streaming .inner form .select table tbody th input[type="radio"]:checked + label::after{  content: "";  position: absolute;  top: 5px;  left: 5px;  width: 18px;  height:18px;  background:coral;  border-radius: 50%;}
    */
    .streaming .inner form .select table tbody th{width: 17%;padding: 10px 0;}
    .streaming .inner form .select table tbody th input[type="radio"]{  display: none;}
    .streaming .inner form .select table tbody th label {width:85%;	margin: 0 auto 0px auto;background-color: #fff; border:1px dashed coral;color: coral;	padding:10px 0px;font-size: 13px;border-radius:5px;	display:inline-block;}
    .streaming .inner form .select table tbody th input[type="radio"]:checked + label{background-color: coral;color: white; border:1px dashed coral;}
    .streaming .inner form .select table tbody th label:hover {	cursor: pointer;}
    
    .streaming .inner form .select table tbody td{padding: 10px 0;}
    .streaming .inner form .select table tbody td:first-of-type{width: 40%;padding-left:1%}
    .streaming .inner form .select table tbody td:nth-of-type(2){width:28%;padding-left: 1%}
    .streaming .inner form .select table tbody td:last-of-type{width:12%;padding-left:1%}
        
    /*質問*/
    .streaming .inner form .question{margin:0 auto 20px auto !important;}
    .streaming .inner form .question p{width:100%;margin: 0 auto 10px auto;padding: 0px 0 0 0; font-size:16px;color: #80b4e4;font-weight: bold;}
    .streaming .inner form .question textarea {width:98%;	height:150px;margin:0 0 0 auto;padding: 15px 1%;	font-size: 16px;	background-color: #fff;	border-radius: 3px;	border: 1px solid #999;	outline: none;}

    /*送信ボタン*/
    .streaming .inner form .button{width:100%;margin: 0 auto}
    .streaming .inner form .button input[type="submit"],
    .streaming .inner form .button input[type="reset"]
    {float: left; width:49%;padding:16px 0;margin:0px 0.5%; color:#fff;background-color:#80b4e4;text-align:center;font-size:16px;text-decoration:none;	border:none;outline:none;cursor:pointer;display: block;	letter-spacing:0px;}

}