@charset "utf-8";
/*-------------------------------------------------------------------
任意レスポンシブ
-------------------------------------------------------------------*/
@media screen and (max-width:1065px){
.line-wrap{
   display:block;
  margin-bottom:8px;

}
}

@media screen and (max-width:1020px){
.app-works-wrap{
	width:98%;
}
}

@media screen and (max-width:1000px){
ul.ul-guide li{
	float:none;
	width:100%;
}
}

@media screen and (max-width:990px){
.line-wrap-j01{
   display:block;
  margin-bottom:8px;
}
table.table_honbun td{
	display: list-item;
    width: 100%!important;
}

}
@media screen and (max-width:930px){
li.li-left {
    display: block;
  margin-right: 0!important;
}
input.form02 {
    width: 100%;
}
}

@media screen and (max-width:900px){
table.table-cateselect{
	float:none;
	width:100%;
}
a.btn-flowchart{
	float:none;
	width:100%;
}
}

@media screen and (max-width:885px){
.main-title {
    display: block;
    padding: 5px 0;
  text-align:center;
}
.lang-logo-none,
.lang-logo {
    display: inline-block;
    overflow: hidden;
    padding: 0 0 5px;
    position: static;
}
/*.lang-pac {
    float: left;
    padding: 3px 5px 0 0;
}*/
.icf_logo {
  float:left;
}

.header_wrap {
    text-align: center;
}
.header_wrap {
    margin-bottom: 0;
}
.app-reserve-wrap {
    width: 95%;
}
ul.ul-manual {
    width: 95%;
}
.mailform-wrap {
    width: 85%;
}
li.li-mypage-btn {
    width: 100%;
}
table.table-infolist {
    width: 95%;
}
}

@media screen and (max-width:870px){
table.table-judge td,
table.table-judge th{
	display: list-item;
	list-style:none;
	width:100%;
	text-align: left;
}	
}

@media screen and (max-width:860px){
ul.ul-judges li:nth-child(odd),
ul.ul-judges li:nth-child(even){
	float:none;
	width:100%;
}
}
@media screen and (max-width:800px){
.app-reserve-wrap {
    padding: 40px 30px;
}
h3.manual-title {
    width: 100%;
}
table.table_honbun {
    width: 100%;
}
ul.ul-appregi li{
	display: block;
	width:100%;
	margin-bottom:10px;
}
}

@media screen and (max-width:790px){
.all-select {
    padding: 40px 30px;
}
}

@media screen and (max-width:780px){
.app-works-wrap {
	padding: 40px 5px;
}
.app-works-wrap{
	width:98%;
}
}


@media screen and (max-width:710px){
.select-item {
    display: block;
    width: 100%;
}

li.li-jp, li.li-ov {
    width: 49%;
}
}
@media screen and (max-width:700px){
.corrent-wrap span,
.app-period span{
	display: block;
	margin-bottom:8px;
}
.corrent-wrap span.time-nowrap,
.corrent-wrap span.time-nowrap span{
	display: inline;
}
}


@media screen and (max-width:680px){
.side-slide{
	overflow-x:auto;
	margin-bottom:20px;
}
.side-slide table{
	width:580px;
}
h2.h2-top{
	text-align: left;
}
.block-appregi h2.h2-top{
	text-align: center;
}
h2.h2-top hr{
	display: none;
}
h2.h2-top span{
	padding: 0;
}
ul.ul-begin li{
	width:47%;
}
}



@media screen and (max-width:660px){
input.form06 {
    width: 75%;
}
.li-left-float,
.li-right-float {
  float:none!important;
  width:100%!important;
  padding-right: 0!important;
}

ul.ul-inst {
	margin-left: 40px;s
}

ul.ul-inst li {
    display: list-item;
    margin: 0 30px;
    position: relative;
    text-align: left;
    margin-bottom: 10px;
}
}


@media screen and (min-width:636px){
.mobile {
  display:none!important;
}
.pc {
  display: block;
}
}

/* 基本モバイルスタイル・スタート */
@media screen and (max-width:635px){
.table-important th,
.table-important td{
    display: list-item;
    list-style: none;
    width: 100%!important;
    border: none!Important;
}

td.td-pht{
	margin-bottom: 20px;
}

.app-reserve-wrap {
    padding: 40px 0;
}
.app-color03 {
    /*background-color: transparent;*/
}
table.table_idpwd {
    width: 100%;
}
.app-reserve-wrap {
    width: 100%;
}
table.table_idpwd th,
table.table_idpwd td {
    font-size: 1em;
    padding: 15px 5px;
  display:list-item;
  list-style:none;
  width:100%!important;
  text-align:left;
}
table.table-infolist th, table.table-infolist td {
    padding: 10px 0;
}
table.table-infolist th{
    padding: 10px;
}
.works-pc {
  display:none;
  padding:10px 0;
}
a.back-home {
  display:none;
}
.mobile {
  display: block;
}
.pc {
  display: none!important;
}
.table-pc {
  display: none!important;
}
.main-title {
    padding: 70px 0 5px;
}
.mailform-wrap {
    width: 95%;
}
input.ini-mail {
    width: 95%;
}
.li-manual a{
    background: none!important;
}
/* 作品一覧 */
table.entry-table th,
table.entry-table td {
	display: block;
    list-style: none;
    width: 100%;
    border-top: none;
}
td.works-result {
    width: 100%;
}
table.table-infolist .works-pht img,
table.entry-table .works-pht img{
	width: 50%;
}
table.table-infolist td,
table.table-infolist th{
	display: list-item;
    list-style: none;
    width: 100%;
        border: none;
}
table.table-infolist th{
	background-color: #e9e9e9;
    text-align:left;
}
.item-title,
.sub-pagetitle {
    font-size: 1.8em!important;
}
ul.ul-appl > li {
    display: block;
   width:100%;
}
/*input.form01 {
    width: 60%;
}*/
.app-reserve-wrap {
    padding: 40px 10px;
}
.div-submit input[type="button"],
.div-submit input[type="submit"],
.div-submit input[type="reset"] {
    width: 55%;
}
span.mobiel-line{
	display: block;
}
br.br-mobile{
	display: block;
}
}

@media screen and (max-width:610px){
.title-num {
   text-align: left;
	 padding-left:4.1rem;
}
.title-num-sub {
   text-align: left;
	 padding-left:4.5rem;
}
.title-num:before {
	position: absolute;
	left:5px;
}
.title-num-sub:before {
	position: absolute;
	left:5px;
}
}

@media screen and (max-width:600px){
.span-above-e {
  display:block;
  margin-bottom:8px;
}
}

@media screen and (max-width:590px){
table.table-left{
	width:95%;
	float:none;
	margin-left:0;
}

table.table-right{
	width:95%;
	float:none;
	margin-left: 0;
}

table.table-right th,
table.table-left th{
	width:50%;
}
}


@media screen and (max-width:560px){
span.span-above {
	display: block;
    margin-bottom: 8px;
}
}


@media screen and (max-width:540px){
.icf_logo,
.lang-pac {
    float: none;
}
li.li-jp, li.li-ov {
    display: block;
    width: 100%;
}
.block-appregi {
  padding: 20px 5px 30px;
}
.modaal-content-container{
    padding: 30px 10px;
}
ul.ul-select-cate li {
    padding: 20px 10px 20px;
}
ul.ul-select-cate li a {
   max-width: 100%;
}
}


@media screen and (max-width:505px){
.div-submit input[type="button"],
.div-submit input[type="submit"],
.div-submit input[type="reset"] {
  display:block;
  margin:0 auto 20px auto!important;
  /*width:100%!important;*/
  padding: 10px 20px;
}
.div-submit {
    padding: 20px 5px;
}
}
@media screen and (max-width:480px){
ul.ul-begin li{
	width:100%;
}
}

@media screen and (max-width:470px){
.app-period {
    font-size: 1.3em;
}
.table-appregi img {
    max-width: 100px;
}
}

@media screen and (max-width:457px){
.main-below {
    font-size:7vw;
}
}


@media screen and (max-width:450px){
.time-line-e01 {
  font-size:0.8em;
    margin-bottom:0;
}
}

@media screen and (max-width:430px){
.content-wrap {
    padding-bottom: 120px;
}
.footer {
  padding:1em 0;
    height: 150px;
}
}
@media screen and (max-width:415px){
span.time-line01 {
 display: block;
}
.corrent-time {
    font-size: 1.1em;
}

ul.ul-judges li img{
	margin-bottom:10px;
	width:100%;
	height: auto;
}
table.table-judge th{
	text-align: center;
}	
}
@media screen and (max-width:370px){
table.table-appregi{
	width:100%;
}
table.table-appregi th,
table.table-appregi td{
	display: list-item;
	list-style: none;
	width:100%;
}
a.link-appregi {
	padding:10px 20px;
}
table.table-appregi th img{
	display: block;
	margin:0 auto;
}
.appregi-title{
	text-align: center;
}
ul.ul-app-hanrei {
  margin-left: 0;
}
}
@media screen and (max-width:363px){
#Japan {
	min-width: 100%;
	text-align: center;
}
}

@media screen and (max-width:250px){
input.form01 {
  width:99%;
}
#eval {
	width:99%;
}
}