@charset "utf-8";

*::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}

/* 回り込み解除 */
.clearfix::after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.n_btn {
    position: relative;
    top: -35px;
	display: none;

}
p.newbtn {
    position: absolute;
    right: 0;
    border: solid 1px #9CBDE5;
    background: #9CBDE5;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: 2px 2px 3px 0px #333;
	cursor: pointer;
}
textarea.txtarea {
    width: 70%;
    height: 200px;
}
ul.news_ul {
    margin: 0px auto;
}
ul.news_ul li p {
    margin: 0 auto 10px;
}
ul.news_ul li p.date {
    font-size: 0.9em;
    background:#9A9A9A;
    color:#ffffff;
    padding: 2%;
}
ul.news_ul li p.title {
    text-indent: 1em;
    font-size: 1.1em;
	text-decoration: underline;
}
ul.news_ul li .contents {
    line-height: 1.7em;
    width: 90%;
    margin: 0 auto;
}
ul.news_ul li {
    border-bottom: 1px solid #DFDFDF;
    padding: 0 0 10px;
}
/* タブレット */
@media (max-width: 1024px) and (min-width: 768px) {

}
/* タブレット 横*/
@media (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {

}
/* SP */
@media (max-width: 768px) {
	.pc {
		display:none;
	}
	html{
		font-size: 62.5%;
		font-family: 'Noto Sans',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	}
	body {
		width:100%;
		font-size: 1.4rem;
		overflow-x: hidden;
		-webkit-text-size-adjust:100%;
		word-wrap:break-word;
	    height: auto;
		background: #fff;
	}
	body#loginTop {
	    background: #DB5315;
	}
	body#loginTop #Login {
	    background: none;
	}
	img {
	  width: 100%;
	  display: block;
		object-fit: contain;
	}
	header{
	    max-width: 1280px;
	    width: 100%;
	    margin: 0 auto;
	    padding: 0 0 0%;
	    border-bottom: 1px solid #D85F29;
	}
	.user_info {
	    width: 100%;
	    margin: 2% auto;
	    position: relative;
	    display:block;
	}
	.user_info p.face {
	    width: 35%;
	    margin: 0 auto;
	    max-width: 145px;
	    max-height: 145px;
	    overflow: hidden;
	        border-radius: 70px;
	}
	p.faceregist {
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    right: -25%;
	    margin: auto;
	    width: 7%;
	}
	.th_lev {
	    margin: 0 auto;
	    width: 90%;
	    display:block;
	}
	.th_lev .level {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	    align-items: center;
	    padding: 0 19%;
		margin: 0 auto 4%;
	}
	.th_lev .level li:first-child {
	    width: 10%;
	    margin-right: 5%;
	}
	.th_lev .level li {
	    width: auto;
	    color: #DB5415;
	    font-weight: bold;
	    font-size: 1.2em;
	}
	#file01,#file02{
		display:none;
	}
	.th_lev .level li:last-child {
	    font-size: 1em;
	    margin-left: 5%;
	}
	ul.mater {
	    height: 20px;
	    flex-wrap: wrap;
	    display: flex;
	    justify-content: space-between;
	    margin: 1% auto;
	}
	ul.mater li:first-child {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
	}
	ul.mater li:last-child {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
	}
	ul.mater li {

	    background: #DEDFDF;
	    width: 10%;
	}
	ul.mater li {

	    background:#DEDFDF;
	}
	ul.mater li.active {
	    background: #DB5415;

	}
	p.numlevel {
	    text-align: right;
	    margin: 0 auto 5%;
	}
	p.numlevel span{
	    color: #DB5415;
	}
	p.username {
	    margin: 3% auto;
	    text-align: center;
	    font-size: 1.1em;
	    font-weight: bold;
	}
	#main h1 {
	    padding: 2% 2%;
	    border-bottom: none;
	    font-size: 1em;
	    height: auto;
	    background: #FCE4D6;
	    color: #231815;
	    text-shadow: none;
	}
	ul.news_ul li p.date {
	    font-size: 0.9em;
	    background:#ffffff;
	    color:#9A9A9A;
	    padding: 2% 2% 0;
	}
	ul.news_ul li p.title {
	    color: #DB5415;
	}
	ul.news_ul li .contents {
	    display:none;
	}
	ul.news_ul li {
	    background: url(../img/sp/arrow.png) no-repeat 94% center/3%;
	}
	ul.foot_menu li {
	    background: url(../img/sp/arrow.png) no-repeat 94%;
	}
	ul.foot_menu {
	    width: 100%;
	    margin: 0 auto 0;
	}
	ul.foot_menu li figure {
	    width: 10%;
	}
	ul.foot_menu li p {
	    width: 80%;
	}
	ul.foot_menu li {
	    background: url(../img/sp/arrow.png) no-repeat 94% center/3%;
	}
	ul.foot_menu li a {
	    display: block;
	    width: 100%;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	    width: 100%;
	    padding: 4% 5%;
	    border-bottom: 2px solid #D7D7D7;
		align-items: center;
	}
	ul.foot_menu li figure {
	    width: 10%;
	    margin-right: 5%;
	}
	ul.foot_menu li p {
	    width: 80%;
	    color: #232323;
	    font-size: 1.1em;
	}
	ul.foot_menu li.simple p {
	    color: #DB5415;
	}
	ul.foot_menu li.simple a {
		padding: 5%;
	}
	#gnav li span.cercle {
		background: #FCE4D6;
		border-radius: 50px;
		width: 30px;
		text-align: center;
		display: flex;
		align-items: center;
		vertical-align: middle;
		height: 30px;
	}
	#gnav li:nth-child(4) span.cercle {
/*	    padding: 2% 3%;*/
	}
	#Login {
	    width: 100%;
	    margin-top: 0;
	    border: none;
	    background: #FFFFFF;
	    margin-right: auto;
	    margin-left: auto;
	    padding: 0;
	}
	#Header .SiteName{
		display:none;
	}
	.SiteNamesp {
	    display: block;
	}
	nav {
	    width: 100%;
	    margin: -1px auto 0%;
	}
	#Login .mngtoolName {
	    font-size: 1em;
	}
	.login-form-body2 {
	    width: 100%;
	    background: none;
	}
	.login-form-body2 h1 {
	    display: none;
	}
	#Login .tbl_login {
	    width: 100%;
	    margin: 5% auto;
	}
	#Login h1 img {
	    display: inline;
	    width: auto;
	}
	.login-form-body2 table td {
	    width: 100%;
	    display: block;
	}
	.login-form-body2 table td input.textbox {
	    width: 100%;
	    height: auto;
	    border: solid 1px #ffffff;
	    padding: 4% 6%;
	    border-radius: 25px;
	    font-size: 1.2em;
	}
	.tbl_login td.chkh input#normal_checkbox {
	    width: 20px;
	    height: 20px;
	    background: #fff;
	}
	.tbl_login td.chkh label#normal_label {
	    font-size: 1.3em;
	    color: #fff;
	}
	.tbl_login td.chkh {
	    text-align: left;
	    padding: 0 8%;
	}
	#Login input.btnSubmit {
	    background: #080403;
	    border: solid 1px #080403;
	    width: 100%;
	    letter-spacing: 0;
	    font-size: 1.4em;
	    border-radius: 25px;
	}
	.reminder a {
	    color: #fff;
	    text-decoration:underline;
	}
	.reminder {
	    color: #fff;
	    line-height: 1.6em;
	}
	.tbl_login th {
	    DISPLAY: none;
	}
	#Copyright {
	    font-size: 0.7em;
	}
	span.m_txt {
	    display: none;
	}
	#menu li {
	    width: 32.5%;
	}
	#menu li span i {
	    font-size: 2em;
	}
	#main {
	    padding: 0% 0;
	    width: 100%;
	}
	table#tbl2 td._td1 {
	    width: 100%;
	    display: block;
	}
	table#tbl2 td {
	    width: 100%;
	    display: block;
	    font-size:1em;
	}
	table#tbl2.srh {
	    width: 90%;
	}
	.txt_date {
		margin: 1% 0;
	}

	.login-box.sp {
	    display: block;
	}
	#tbl1 th:nth-child(9),#tbl1 td:nth-child(9) {
/*    	display: none;*/
	}
	#tbl1 th:nth-child(10),#tbl1 td:nth-child(10) {
    	display: none;
	}
	#tbl1 th:nth-child(11),#tbl1 td:nth-child(11) {
/*	    display: none;*/
	}
	#tbl1 th:nth-child(12),#tbl1 td:nth-child(12) {
	    display: none;
	}
	#tbl1 th:last-child,#tbl1 td:last-child {
/*	    display: none;*/
	}
	table#tbl1.rate .sp_none {
	    display: none;
	}
.s_tbl {
    width: 100%;
    overflow-y: scroll;
}
	#menu h1 {
	    width: 90%;
	}
	table#tbl2.srh.fick2 {
	    display: none;
	}
	table#tbl2.srh.fick {
	    display: block;
	}
	.SiteNamesp i {
	    font-size: 2em;
	    font-weight: 990;
	}
	.SiteNamesp {
	    color: #ffffff;
	    font-size: 1em;
	    font-weight: bold;
	    text-align: center;
	    align-items: center;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	    padding: 3% 0;
		background:#DB5415;
	}
	.SiteNamesp figure {
		width:40%;
		margin-left:5%;
	}
	#Header {
	    padding: 0;
	}
	tr#dis_no {
	    display: none;
	}
	span.headname {
	    align-items: center;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-end;
	    font-size: 1.1em;
	    margin-left: 2%;
	    color: #F8F4A4;
	    width: 19%;
	    text-align: right;
	}
	/** ハンバーガーメニュー */
	p.menu_btn {
		position: absolute;
		display: block;
		top:29px;
		right:20px;
		z-index:999;
		width:40px;
		height:40px;
		margin-top:-25px;
		text-align:center;
		line-height:0;
	}
	p.menu_btn span {
		border-radius: 10px;
		background: #ffffff;
	    display: block;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    width: 40px;
	    height: 4px;
	    margin-top: -1px;
	    margin-left: -12.5px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	p.menu_btn span:before,
	p.menu_btn span:after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		width: 40px;
		height: 4px;
		background: #ffffff;
		border-radius: 10px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	p.menu_btn span:before {

	}
	table#tbl1 td i {
    font-size: 1.4em;
    color: #FF5C26;
    display: block;
}
	p.menu_btn span:after {
	
	}
	p.menu_btn span:before {
		top:-12px;
	}
	p.menu_btn span:after {
		top:12px;
	}
	p.menu_btn.active span {
		width:5px;
		background:none;
	}
	p.menu_btn.active span::before {
		top: 0;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	p.menu_btn.active span::after {
		top: 0;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	p.menu_btn.active {
		top:29px;
	}
	p.catch_txt {
	    position: absolute;
	    width: 50%;
	    left: 10%;
	    top: 25%;
	    bottom: 0;
	    margin: 0 auto;
	}
	#gnav {

		display:none;
	    position: fixed;
	    top: 0px;
	    left: 0;
	    width: 100%;
	    z-index: 10000;
	    background: #ffffff;
/*	    border-top: 1px solid #DA6734;*/
	    border-left: none;
/*	    border-bottom: 1px solid #DA6734;*/
	}
	#gnav div.contact {
		display:none;
	}
	#gnav li {
		margin:0;
		border-bottom: solid 1px #F2F2F2;
		float:none;
	    background: url(../img/sp/arrow.png) no-repeat 94% center/3%;
	}
	#gnav li:last-of-type {
/*		border-bottom:none;*/
	}
	#gnav li a {
		font-size: 120%;
		display:flex;
		position:relative;
		padding:4% 1em 4% 1.0em;
		color:#0C0C0C;
	}
	p.nav_menu {
	    background: #DB5415;
	    color: #ffffff;
	    text-align: center;
	    font-size: 1.6em;
	    padding: 2% 0;
	}
	p.navclose {
	    text-align: center;
	    padding: 3% 0;
	    background: #FCE4D6;
	    color: #DA5416;
	    font-size: 2em;
	}
/*
	#gnav li a::before {
		content:"";
		display:inline-block;
		margin:-2px 1em 0 0;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 6px solid #D85F29;
		vertical-align:middle;
	}
*/
	ul.navi li a {
		border:none;
	}
	.n_navi li:first-child {
	}
	.n_navi li a {
		border-left:none;
	}
	.n_navi li:last-child { 
	}
	ul.n_navi {
	    padding: 0px 0 0px;
	}
	#gnav li:nth-child(10) {
/*	    border-bottom: none;*/
	}
	/* ハンバーガーメニュー **/
	.navi span.m_txt {
	    display: flex;
	    align-items: center;
	    padding-left: 10px;
	}
	.area_search ul li {
	    width: 19%;
	}
	#main .area_search ul li a {
	    padding: 7% 0%;
	}
	.main_caatch {
	    display: none;
	}
	.form_box {
	    width: 100%;
	    padding: 5% 10% 0;
	    background: none;
	    margin: 0 auto;
	}
	.first.btn_list {
	    margin: 7% auto;
		line-height: 1.7em;
		width: 100%;
		padding:0 0%;
	}
	.first.btn_list .first_ttl {
	    background: #dedada;
	    margin: 0 auto;
	    padding: 2% 0 2% 2%;
	    font-size: 1.1em;
	}
	.list_box {
	    margin: 5% auto;
	}
	.m_category {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	    align-items: flex-start;
	    margin: 0 auto 0%;
	}
	.listinfo {
	    margin: 0 auto 4%;
	}
	.m_category h4 {
	    float: none;
	    width: 100%;
	    padding: 2% 0 2% 4%;
	    margin: 0 auto 3%;
	    background: #FCE4D6;
	    color: #231815;
		font-size: 1.2em;
		font-weight: bold;
	}
	#main a ul.mlist  {
	    display: block;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    color: #333333;
	}
	#main a ul.mlist li {
	    width: 40%;
	    align-items: flex-start;
	    padding: 0 2%;
	}
	#main a ul.mlist li figure {
	}
	#main a ul.mlist li:last-child {
	    width: 58%;
	    padding: 0 4% 0 2%;
	}
	.movie_list {
	    width: 100%;
	    padding: 2% 0;
		border-bottom: #D7D7D7 1px solid;
	}
	ul.mlist {
/*	    border-bottom: 1px solid #D85F29;*/
	    padding: 0 0 2%;
	    position: relative;
	}
	.movie_list p.title {
	    margin: 0 auto 1%;
	    font-size: 1.1em;
	    border-bottom: none;
	    line-height: 1.3em;
	    width: 96%;
	    color: #DB5415;
		position: relative;
	}
	.movie_list p.title span {
	    text-align: left;
	    display: block;
	    margin: 2% 0;
	}
	.movie_list p.infobox {
	    line-height: 1.6em;
	}
	#main h1.ttl_config figure img {
	    max-width: 27px;
	}
	ul.mlist:after {
	    content: "\f054";
	    font-family: "Font Awesome 5 Free";
	    font-weight: 900;
	    position: absolute;
	    right: 3px;
	    top: 35%;
	    color: #D85F29;
	    font-size: 1.9em;
	}
	.re_list h4 {
	    background: #FCE4D6;
	    width: 100%;
	    font-size: 1.1em;
	    padding: 2% 0 2% 3%;
	    border-top: 1px solid #E16D34;
	    float: none;
	}
	.d_list_re {
	    display: none;
	}
	p.relist_ttl {
	    background: #ffffff;
	    color: #DB5415;
	}
	p.relist_ttl {
	    background: none;
	    color: #DB5415;
	    padding: 2% 2%;
	    font-size: 1.1em;
	    background: #ffffff url(../img/sp/arrow.png) no-repeat 94% center/3%;
	}
	ul.reuest_ul:last-child {
	    border-bottom: none;
	    padding: 6% 0 4%;
	}
	.his_re {
	    border-bottom: solid 1px #D7D7D7;
	    padding: 2% 0;
	}
	#main p.ttl a {
	    color: #DB5415;
	}
	p.subttl {
	    background: #FCE4D6;
	    padding: 4% 0 4% 2%;
	    font-size: 1.1em;
	}
	.m_category.filelist .movie_list {
	    width: 100%;
	    border-top: solid 2px #D85F29;
	}
	.m_category.filelist {
	    border-bottom: solid 2px #D85F29;
	}
	.m_category.filelist .movie_list p.title a {
	    text-decoration: underline;
	    font-size: 1.4em;
	}
	.m_category.filelist .movie_list p.title {
	    border-bottom: solid 1px #1bacd8;
	}
	.m_category.detail .movie_list {
	    width: 100%;
	}
	.m_category.detail .movie_list p.infobox {
	    margin: 4% auto;
	    font-size: 1.1em;
	    width: 96%;
	}
	.list_box.detail p.btn {
	    float: none;
	    margin: 0 auto;
	    text-align: center;
	}
	#main .list_box.detail p.btn a {
	    width: 90%;
	    margin: 0 auto;
	    padding: 5% 0;
	}
	.output {
	    width: 100%;
	    margin: 5% auto;
	    padding: 0 3%;
	}
	textarea.textarea {
	    width: 100%;
	    border: solid 2px #DA6734;
	    height: 200px;
        font-size: 1.2em;
	    padding: 2%;
	    margin: 0 auto 2%;
	}
	input.btn {
	    display: block;
	    margin: 0 auto 10%;
	    padding: 2% 0;
	    width: 90%;
	    font-size: 1.4em;
	    background: #E16D34;
	    color: #ffffff;
	}
	.kind_box {
	    margin: 0 auto 8%;
	}
	.kind_ul li {
	    margin: 0 auto 2%;
	    font-size: 1.2em;
	    text-align: center;
	    font-size: 1.4em;
	    font-weight: bold;
	}
	.kind_ul li input {
	    width: 5%;
	}
	select.selindate {
	    width: 100%;
	    font-size: 1.2em;
	    padding: 2% 1%;
	    margin: 2% 0 0;
	    background: #ffffff;
	    border: solid 1px #E16D34;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 7px 30px 7px 10px;
	line-height: 1.1em;
	background: #ffffff url(../img/sp/select_arrow.png) no-repeat 98% center/4%;
	}
	p.title_name {
	    font-size: 1.2em;
	    margin: 0 auto 4%;
	    color: #DB5415;
	}
	p.exinfo {
	    margin: 0 auto 2%;
	    line-height: 1.7em;
	}
	.output ul.kind_ul li {
	    text-align: left;
	    margin: 0 auto 4%;
	}
	span.tsml {
	    display: block;
	    font-size: 0.8em;
	    margin: 0 auto 4px;
	}
	ul.kind_ul.mst li {
	    text-align: left;
	    margin: 3% auto;
	}
	ul.kind_ul {
	    margin: 0 auto 6%;
	}
	.output ul {
	    margin: 0 auto 5%;
	}
	.output ul li.th_ttl {
		font-size: 1.2em;
		margin: 0 auto 2%;
		color: #DB5415;
	}
	input.tex1 {
	    width: 100%;
	    padding: 2%;
	    font-size: 1.2em;
	    border: solid 2px #F9D6C2;
	}
	.absbox.sp {
	    display: block;
	}
	.warper {
	    height: 100%;
	}
	#Login .logoarea {
	    margin: 0 auto 3%;
	    width: 100%;
	    padding: 10% 10% 0;
	}
	.absbox {
	    position: relative;
	    margin: auto;
	    left: 0;
	    right: 0;
	    width: 100%;
	    text-align: center;
	    padding: 4%;
	    background: none;
	    top: auto;
	}
	.absbox p {
	    text-align: left;
	    font-size: 1.2em;
	    font-weight: bold;
	    margin: 0 0 1%;
	    padding-top: 2%;
	    display: none;
	}
	.absbox p.info {
	    text-align: left;
	    font-size: 0.9em;
	    font-weight: normal;
	    margin: 0 0 2%;
	    padding: 0;
	    display: block;
	    line-height: 1.5em;
	    color: #fff;
	}
	ul.navi li span i {
	    color: #D95F29;
	    display: flex;
	    align-items: center;
	    vertical-align: middle;
	    text-align: center;
	    margin: 0 auto;
		font-size: 0.8em;
	}
	.histrory {
	    margin: 3% auto;
	}
	.histrory {
	    margin: 0% auto;
	    width: 100%;
	}
	#main h1 {
	    padding: 4% 2%;
	    border-bottom: none;
	    font-size: 16px;
	    height: auto;
	    background: #FCE4D6;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	    align-items: center;
	}
	ul.column_box {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    align-items: flex-start;
	    padding: 5%;
	    border-bottom: 1px solid #D7D7D7;
	}
	ul.column_box li {
	    width: 55%;
	    font-size: 1.1em;
	    line-height: 1.2em;
	}
	#main ul.column_box li a {
	    color: #db5316;
	}
	ul.column_box li:first-child {
	    width: 40%;
	}
	#main h1.ttl_config figure {
	    width: 8%;
	    margin-right: 3%;
	}
	#main h1.ttl_support {
	    background:#F6F5F5 url(../img/sp/arrow.png) no-repeat 94% center/3%;
	}
	#main h1.ttl_support figure {
	    width: 10%;
	    margin-right: 3%;
	}
	p.ttl {
		background: #FCE4D6;
		color: #DB5415;
		padding: 4% 2%;
		position: relative;
		text-align: right;
		padding-right: 7%;
		text-decoration: underline;
	}
	p.ttl:after {
		font-weight:900;
		font-family: "Font Awesome 5 Free";
		content: "\f078";
		position: absolute;
		right:2%;
	}
	p.ttl.active:after {
		content: "\f077";
	}
	ul.reuest_ul {
	    width: 100%;
	    margin: 0% auto;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    border-bottom: #F1F1F1 1px solid;
	    padding: 6% 0;
	}
	ul.reuest_ul li {
	    text-align: center;
	    width: 50%;
	}
	.historylist{
		display:none;
	}
	li.out.name {
	    font-size: 1.2em;
	    text-indent: 5%;
	}
	li.out.name {
	    font-size: 1.2em;
	    text-indent: 0%;
	    font-weight: bold;
	}
	p.infomsg {
	    padding: 2%;
	    color: #ffffff;
	    background: #969595;
	    font-size: 0.9em;
	    margin: 0 auto 1%;
	}
	.ButtonRight {
	    float: right;
	    margin-top: 0;
	    margin-right: 0;
	    clear: both;
	}
	ul.news_ul.detail li p.title {
		text-indent:0;
	}
	ul.news_ul.detail li {
	    background: #ffffff;
	    padding: 0 5% 3%;
	}
	ul.news_ul.detail li .contents_detail {
	    line-height: 1.7em;
	    width: 100%;
	    margin: 0 auto;
	}
	.first.btn_list p.ttl_1 {
	    text-align: center;
	    font-size: 1.3em;
	    font-weight: bold;
	    color: #DB5415;
	    margin: 0 auto 5%;
	}
	#main .first.btn_list .first_ttl a {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	    align-items: center;
	    color: #231815;
	    font-size: 1.1em;
	}
	.first.btn_list .first_ttl {
	    background: #FCE4D6 url(../img/sp/arrow.png) no-repeat 94% center/3%;
	    font-weight: bold;
	}
	.first.btn_list .first_ttl a figure {
	    width: 10%;
	    margin-right: 3%;
	}
	.frist_txt {
	    padding: 5%;
	    font-size: 1.1em;
	    line-height: 1.7em;
	}
	.list.list_th {
	    margin: 0 auto 1%;
	}
	.frist_txt .zoomttl {
	    width: 100%;
	    margin: 5% auto;
	}
	.frist_txt ul.zoom_app {
	    width: 100%;
	}
	.list.list_th h4 {
	    font-size: 1em;
	    padding: 1%;
	    background: #FCE4D6;
	    color: #231815;
	    padding: 3% 2%;
	    margin: 0 auto 2%;
	    font-weight: normal;
	}
	.zoomttl {
	    display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin: 0 auto 2%;
		width: 80%;
	}
	.zoomttl figure {
	    width: 30%;
	}
	ul.zoom_app {
	    width: 90%;
	    margin: 0 auto 3%;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	}
	ul.zoom_app li {
	    width: 47%;
	}
	ul.foot_menu_n {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    align-items: center;
	    width: 90%;
	    margin: 0 auto;
	}
	ul.foot_menu_n li p {
	    display: none;
	}
	ul.foot_menu_n li {
		width: 30%;
		margin: 2% 0;
	}
	.kind_box table.calendar{
	    width: 100%;
	    border-collapse: separate;
	    border-spacing: 6px;
	}
	.kind_box table.calendar th{
	    padding: 8px;
	    background-color: #FCE4D6;
	    text-align: center;
	    /* border: 1px solid #CCC; */
	    color: #EA5514;
	}
	.kind_box table.calendar td{
	    padding: 8px;
	    background-color: #C8E7EF;
	    text-align: center;
	    /* border: 1px solid #CCC; */
		color: #222222;
	}
	.kind_box table.calendar td.active {
	    background-color: #ea5513;
	}
	.kind_box table.calendar td.today.active {
	    background-color: #ea5513;
	}
	ul.cal_day {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    font-weight: bold;
	    margin: 0 auto 1%;
	    font-size:1.1em;
	}
	.ymd {
	    margin: 0 auto 4%;
	}
	/* 行の最初のtdは日曜日なため赤く 
	.kind_box table.calendar th:first-of-type, .kind_box table.calendar td:first-of-type{
	    background-color: #FCE4D6;
	    color: #EA5514;
	    font-weight: bold;
	}*/

	/* 行の最後のtdは土曜日なため青く 
	.kind_box table.calendar th:last-of-type, .kind_box table.calendar td:last-of-type{
	    background-color: #ededff;
	    color: #0000FF;
	    font-weight: bold;
	}*/

	/* 今日の日付 */
	.kind_box table.calendar td.today{
	    background-color: #fbffa3;
	    font-weight: bold;
	}
	.kind_box table.calendar td.end {
	    color: #dad6d6;
	    background: #fff;
	}
	/*css radio02*/
	.radio02-input{
		display: none;
	}
	.radio02-input + label{
		padding-left: 30px;
		position:relative;
		margin-right: 0px;
	}
	.radio02-input + label::before{
		content: "";
		display: block;
		position: absolute;
		top: 7px;
		left: 0;
		width: 20px;
		height: 20px;
		border: 1px solid #999;
		border-radius: 50%;
	}
	.radio02-input:checked + label{

	}
	.radio02-input:checked + label::after{
		content: "";
		display: block;
		position: absolute;
		top: 11px;
		left: 4px;
		width: 12px;
		height: 12px;
		background: #E16D34;
		border-radius: 50%;
	}
	/* css checkbox01 */
	.checkbox01-input{
		display: none;
	}
	.checkbox01-parts{
		padding-left: 0px;
		position:relative;
		margin-right: 16px;
	}
	.checkbox01-parts::before{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 20px;
		height: 20px;
		border: 1px solid #999;
		border-radius: 4px;
	}
	.checkbox01-input:checked + .checkbox01-parts{

	}
	.checkbox01-input:checked + .checkbox01-parts::after{
		content: "";
		display: block;
		position: absolute;
		top: 0px;
		left: 5px;
	    width: 9px;
	    height: 17px;
		transform: rotate(40deg);
	    border-bottom: 3px solid #E16D34;
	    border-right: 3px solid #E16D34;
	}
	p.step1_day {
	    text-align: center;
	    font-size: 0.8em;
	    margin: 0 auto 1%;
	}
	p.step1_aw {
	    font-size: 0.8em;
	    text-align: center;
	    color: #DB5415;
	}
	div#selindate {
	    text-align: center;
		margin: 0 auto 2%;
	}
	.checkmain p.subttl {
	    border-bottom: 1px solid #323232;
	    padding: 0 0 1%;
	    margin: 0 0 1%;
	    font-weight: bold;
	    background: none;
	    font-size: 1em;
	}
	.checklist.sml li:first-child {
	    width: 69%;
	}
	p.men_ttl {
	    background: #DB5415;
	    color: #ffffff;
	    font-weight: bold;
	    padding: 3% 0 3% 2%;
	}
	#main ul.checklist.last li a {
	    text-align: center;
	    display: block;
	    background: #E16D34;
	    color: #ffffff;
	    text-decoration: none;
	    padding: 2% 0;
	}
	.movie_list.detail iframe#video {
	    width: 100%;
	    height: 233px;
	}
	.movie_list.detail iframe#video {
	    width: 100%;
	    height: 233px;
	}
	body.active {
	    position: fixed;
	}
	nav#gnav.active {
	    height:100%;
		overflow-y: scroll;
	    padding: 0 0 1px;
	    background:none;
	    margin:0 auto;
	}
	nav#gnav.active ul.navi {
		overflow-y: scroll;  
		height: auto;
		-webkit-overflow-scrolling: touch;
	    background:#ffffff;
	}
	ul.checklist.last li.fli {
	    margin-top: 5%;
	}
	.frist_txt p.fb1 {
	    font-weight: 550;
	    font-size: 1.7rem;
	    margin-bottom: 1%;
	}
	p.ttl_s.fss1 {
	    font-size: 0.8em;
	}
	
	
	/* 動画 */ 
	.sub_box {
	    display: none;
	    width: 100%;
	    margin: 0 auto;
	}
	
	.m_category h4 {
	    position: relative;
		padding: 3% 0 3% 4%;
	}
	.m_category h4 i {
	    font-size: 1.1em;
	    top: auto;
	    bottom: auto;
	    margin-right: 5px;
	}
	.m_category h4:before {
	    position: absolute;
	    top: auto;
	    right: 20px;
	    margin-left: 0;
	    content: '\f078';
	    font-family: "Font Awesome 5 Free";
	    bottom: auto;
	}
	.m_category h4.active:before {
	    content: '\f077';
	}
	.sub_category_liv {
    	display: none;
	}
	.sub_box .sub_category h4 {
	    background: none;
	    border-bottom: 2px solid #f6f5f5;
	}
	/* 動画 */ 
	
	ul.moviearound {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    align-items: center;
	    width: 90%;
	    margin: 0px auto 20px;
	}
	ul.moviearound li {
	    width: 30%;
	    text-align: center;
	}
	#main ul.moviearound li a {
	    display: block;
	    border: solid 1px #e16d33;
	    padding: 10% 0;
	    width: 100%;
	    color: #e16d33;
	}
	.movie_list p.title span.action {
	    position: absolute;
	    right: 20px;
	    top: -10px;
	    color: #ffffff;
	    padding: 0.5% 2%;
	    border-radius: 5px;
	    max-width: 100px;
	}

}
figure#video {
    max-width: 100%;
    width: 100%;
}
figure#video iframe {
    max-width: 100%;
    width: 100%;
    padding: 0 1%;
}

/* iPhone 4, 4S, 5, 5s, 5c, iPod touch 4, 5 */
@media only screen
 and (min-device-width: 320px)
 and (max-device-width: 568px)
 and (-webkit-min-device-pixel-ratio: 2) {
	html{
		font-size: 50.5%;
	}
	body {
		font-size: 1.4rem;
	}
}

@media only screen
 and (min-device-width: 375px)
 and (max-device-width: 480px)
 and (-webkit-min-device-pixel-ratio: 2) {
	html{
		font-size: 50.5%;
	}
	body {
		font-size: 1.4rem;
	}
}


/* iPhone6 */
@media only screen and (device-height: 667px),
only screen and (device-width: 667px) {
	html{
		font-size: 62.5%;
	}
	body {
		width:100%;
		font-size: 1.4rem;
		overflow-x: hidden;
		-webkit-text-size-adjust:100%;
		word-wrap:break-word;
	}
}
/* iPhone6 plus */
@media only screen  and (device-height: 736px),
only screen  and (device-width: 736px) {
	html{
		font-size: 62.5%;
	}
	body {
		width:100%;
		font-size: 1.4rem;
		overflow-x: hidden;
		-webkit-text-size-adjust:100%;
		word-wrap:break-word;
		padding: 0;
	}

}