@charset "utf-8";

#headTopArea h1:before {
    background: #000;
    color: #fff;
    content: "PR";
    display: inline-block;
    font-size: 14px;
    line-height: 1.3;
    margin-right: 0.5rem;
    padding: 0 0.1rem;
}

#headTopArea a:before {
    background: #000;
    color: #fff;
    content: "PR";
    display: inline-block;
    font-size: 14px;
    line-height: 1.3;
    margin-right: 0.5rem;
    padding: 0 0.1rem;
}

p.copy a:before {
    content: "【PR】";
}


/*----------------------------------------------------
    共通css
----------------------------------------------------*/
p.time_function {
    font-size: 12px;
}
#main .btn-link {
    text-align: center;
}
.knrn {
    margin: 5rem auto;
    border: solid 2px #00c8dd;
    padding: 2rem;
    width: 87%;
    max-width: 1000px;
}

.knrn a {
    line-height: 1.5;
    display: block;
    margin: 0 0 5px;
    padding: 0;
    text-decoration: underline;
}

.knrn br {
    display: none;
}

#main .knrn p {
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0 0 1rem;
}

.official ul{
  display:block;
  width:100%;
  margin:auto;
  max-height:300px;
  overflow-y: scroll;
  border:3px double #333;
  margin-bottom:15px;
}

#contents .official ul li{
  display:block;
  border-bottom:1px dashed #ccc;
  margin-bottom:10px;
  padding:0px 0px 5px 15px;
  text-align:left;
}
.official ul li:before{
  content:none;
}

.official ul li:last-child{
  border-bottom:none;
}

.official ul li span{
    font-weight: bold;
}

.official ul div {
    padding: 0rem 1rem;
    border-left: 6px double #333;
    font-weight: bold;
}

.official h4 {
   font-size: 1.3em;
   border-bottom: 3px double #333;
   padding-left: 10px;
}
.official {
    width: 90%;
    margin: 0 auto 40px;
    padding: 0 35px 0px 0;
}
.official h5 {
   font-size: 1.2em;
   border-bottom: 1px dashed #333;
}

.official h6 {
    font-size: 1.1em;
}

.official h4,
.official h5,
.official h6{
   font-weight: bold;
   margin: 20px 0;
}

.official h4:before,
.official h5:before,
.official h6{
   content:none;
}
.timeitem {
    font-size: 12px;
    color: #444;
}
.center{
  text-align:center;
}

.right{
  text-align:right;
}
/*----------------------------------------------------
    PC
----------------------------------------------------*/
@media screen and (min-width: 481px) {
	.page-img{
		text-align: center;
	}
	
	.strong{
		font-size: 1.8rem;
		font-weight: bold;
		    text-align: center;
	}
	
	div.page-comment{
		background-color: #ffffd1;
		padding: 1rem;
		margin: 1rem 1rem 2rem;
	}
	
	.page-comment > .page-title{
		padding: 1rem 1rem 0 5rem;
    font-size: 2rem;
		font-weight: bold;
	}
	
	.page-img{
		text-align: center;
	}
	.page-img > p{
		text-align: center;
	}
	.page-img > iframe{
		width: 560px;
		height: 315px;
	}
	table > tr > td > .strong{
		font-size: 1.7rem;
		font-weight: bold;
		color: #f9515e;
	}
	#contents .addParts01 .agency .frame.type_a{
		    width: auto;
	}	
	#main .selections thead th:first-child{
		    color: #ff5f85;
	}
	#main .selections table .btn-internal a{
		position: static;
	}

.official ul{
  padding:20px;
}


.official ul li:before{
  content:none;
}

.official ul li:last-child{
  border-bottom:none;
}
p.bnr a {
    background: #3fa3ff;
    display: block;
    position: fixed;
    bottom: 15rem;
    right: 0;
    width: 150px;
    text-decoration: none;
    color: #fff;
    line-height: 1.3;
    padding: 2rem 4rem 2rem 2rem;
    font-weight: bold;
    box-shadow: 0 0 10px #0000001f;
    text-align: left;
}
p.bnr a:after {
    content: '';
    width: 12px;
    height: 12px;
    border: 0px;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 5%;
    margin-top: -7px;
}
p.bnr.bnr2 a {
    width: 200px;
}	
.sp, .sp_br, .sp-only, .sp-br {
		display: none;
	}	
	
}

/*----------------------------------------------------
    SP
----------------------------------------------------*/

@media screen and (max-width: 480px) {
.pc-only,
.pc, .pc_br {
  display: none;
}
		.page-img{
		text-align: center;
	}
		.strong{
		font-size: 1.8rem;
		font-weight: bold;
			    text-align: center;
	}	
	div.page-comment{
		background-color: #ffffd1;
		padding: 1rem;
		margin: 1rem 1rem 2rem;
	}	
	.page-comment > .page-title{
		padding: 1rem;
    font-size: 1.8rem;
		font-weight: bold;
	}
	.page-img{
		text-align: center;
	}
	.page-img > p{
		text-align: center;
	}
	.page-img > iframe{
			width: 100%;
			height: 60vw;
	}
	table > tr > td > .strong{
		font-size: 1.7rem;
		font-weight: bold;
		color: #f9515e;
	}
	#contents .addParts01 .agency .frame.type_a{
		max-width: 95%;
	}
p.bnr a {
    background: #3fa3ff;
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 1.3;
    padding: 10px 0;
    font-weight: bold;
    box-shadow: 0 0 10px #0000001f;
}
p.bnr a:after {
    content: '';
    width: 12px;
    height: 12px;
    border: 0px;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 5%;
    margin-top: -7px;
}
footer {
    padding-bottom: 6rem;
}

#page-top {
    bottom: 6.5rem;
}
#main .btn-link a {
    padding: 0.7em 20px 0.8em 10px;
}	
.official {
    padding-right: 0;
}	
#contents .addParts01 .agency .official ul {
    padding-left: 0;
}	
	
	
	
	
}