@charset "utf-8";
/* CSS Document */

body{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 2vw;
	color: #333;
	line-height: 1.6;
	background: #fff;
}

#header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 4.4rem;
	padding: 0 1rem;
	background: #fff;
	/*box-shadow: 0 .4rem .5rem -.1rem rgba(0,0,0,0.4);*/
	z-index: 10;
}
@media screen and (min-width: 800px) {
    #header{
        width:800px;
        box-sizing: border-box;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
		z-index: 10;
    }
}
.header-text{
	padding: 0 2rem 0 0;
	color: #999;
	text-align: right;
	height: 1.6rem;
}
.header-inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.header-inner a{
    display: block;
    width: 35%;
}
.header-inner a img{
    width: 100%;
    height: auto;
}
.nav {
    position: fixed;
    right: -32em;
    z-index: 2;
    width: 32em;
    height: 100%;
    background: #ccc;
    transition: all .4s;
	border-top: solid 1px #ccc;
}
.header-list span {
    display: inline-block;
    position: absolute;
    right: 3.5em;
    width: 3.25em;
    height: 3px;
    background: #1a6eb8;
    transition: all .3s;
}
.header-list span:nth-of-type(1) {
    top: 1.25em;
}
.header-list span:nth-of-type(2) {
    top: 2em;
}
.header-list span:nth-of-type(3) {
    top: 2.75em;
}
.header-list.active span:nth-of-type(1) {
    transform: translateY(.7em) rotate(45deg);
}
.header-list.active span:nth-of-type(2) {
    transform: translateY(-.05em) rotate(-45deg);
}
.header-list.active span:nth-of-type(3) {
    opacity: 0;
}
.back-black {
    display: none;
    -webkit-animation: fadeOut 2s ease-out 0s;
    animation: fadeOut 2s ease-out 0s;
}
.back-black.active {
	display: block;
    position: fixed;
    top: 4.4rem;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
}
.nav.active {
    right: 0;
}
.nav-list a{
	font-size: 1.7em;
	display: flex;
	align-items: center;
	position: relative;
	background: #fff;
	padding: .6em;
	border-bottom: solid 1px #ccc;
	text-decoration: none;
	color: #333;
	font-size: 1.7em;
	font-weight: bold;
}
.nav-list a img{
	margin: 0 .6em 0 0;
}
.nav-list a::after {
    position: absolute;
    top: 50%;
    right: .6em;
    bottom: 0;
    width: .4em;
    height: .4em;
    margin: -.25em 0 0;
    vertical-align: middle;
    content: "";
    border-top: .15em solid #ccc;
    border-right: .15em solid #ccc;
    transform: rotate(45deg);
}



#search{
	padding: 0 0 1.5em 0;
	background: #eee;
}
#search #mv{
	margin: 4.4rem 0 0 0;
}
.wrap {
    overflow: hidden;
    display: flex;
    align-items: center;
    background: #fff;
}
.wrap .slideshow{
	display: flex;
	animation: loop-slide 20s infinite linear 1s both;
	-webkit-animation: loop-slide 20s infinite linear 1s both;
	padding: 7px 0;
}
.wrap .slideshow img{
	width: 71px;
	height: 25px;
	margin: 0 .8em 0 0;
}
@-webkit-keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.searchform__inner{
	position: relative;
	margin: 1.5em;
	padding: 2em;
	background: #fff;
	border-radius: 2.5em;
	box-shadow: 0 .5em 1em 0 rgba(93, 88, 89, .5);
}
.searchform__inner .title{
	padding: 0 0 0 1.15em;
	font-size: 2.15em;
	font-weight: bold;
	background: url("../img/icon.png") no-repeat left 0 top 50% / 5%;
}
.searchform__selectarea__op , .searchform__selectarea__op2 , .searchform__selectarea__ap , .searchform__selectarea__ap2 , .searchform__selectarea__bo , .searchform__selectarea__bo2{
	position: relative;
	width: 100%;
	height: 3.52em;
    margin: .48em 0;
    padding: 0;
    border: solid 1px #c1c0c0;
    background: url(../img/arrow.png) no-repeat right 5% top 50% / .9em .58em;
    border-radius: .29em;
    appearance: none;
    color: #848484;
    font-size: 1.7em;
    font-weight: bold;
	box-sizing: border-box;
}
.searchform__selectarea__op p , .searchform__selectarea__op2 p , .searchform__selectarea__ap p , .searchform__selectarea__ap2 p , .searchform__selectarea__bo p , .searchform__selectarea__bo2 p{
	position: absolute;
	height: 50%;
    margin: auto 0 auto .6em;
    top: 0;
	bottom: 0;
    font-weight: bold;
	z-index: 2;
}
.selecting {
	position: absolute;
    width: 100%;
	height: 3.4em;
    margin: 0;
    padding: .3em 0 .3em 45%;
    box-sizing: border-box;
    border-radius: .29em;
}
.selecting p{
	color: #333;
}
.selecting.selected {
    background: url("../img/check02.png") no-repeat #fffff2 right 5% top 50% / 1.2em 1.2em;
}
.brand p{
	padding: 0 0 0 .3em;
	font-size: 1.7em;
}
.brand .brand-list {
    overflow: hidden;
}
.brand .brand-list .brand-list__item{
	width: 33.3%;
    box-sizing: border-box;
    border-top: solid 1px #a6a6a6;
    border-left: solid 1px #a6a6a6;
    float: left;
    color: #323131;
    list-style: none;
    font-size: 1.6em;
}
.brand .brand-list .brand-list__item label{
	display: block;
    padding: .8em 0 .8em 1.36em;
    background: url("../img/check_01_off.png") no-repeat .24em 50%/.8em .8em;
}
.brand .brand-list .brand-list__item input[type=checkbox]:checked+label {
    background: url("../img/check_01_on.png") #fffff2 no-repeat .24em 50%/.8em .8em;
}
.brand .brand-list .brand-list__item:nth-last-child(-n+3){
    border-bottom: solid 1px #c5c5c5;
}
.brand .brand-list .brand-list__item:nth-child(3n) {
    border-right: solid 1px #c5c5c5;
}
.brand2 p{
	padding: 0 0 0 .3em;
	font-size: 1.7em;
}
.brand2 .brand-list {
    overflow: hidden;
}
.brand2 .brand-list .brand-list__item{
	width: 33.3%;
    box-sizing: border-box;
    border-top: solid 1px #a6a6a6;
    border-left: solid 1px #a6a6a6;
    float: left;
    color: #323131;
    list-style: none;
    font-size: 1.6em;
}
.brand2 .brand-list .brand-list__item label{
	display: block;
    padding: .8em 0 .8em 1.36em;
    background: url("../img/check_01_off.png") no-repeat .24em 50%/.8em .8em;
}
.brand2 .brand-list .brand-list__item input[type=checkbox]:checked+label {
    background: url("../img/check_01_on.png") #fffff2 no-repeat .24em 50%/.8em .8em;
}
.brand2 .brand-list .brand-list__item:nth-last-child(-n+3){
    border-bottom: solid 1px #c5c5c5;
}
.brand2 .brand-list .brand-list__item:nth-child(3n) {
    border-right: solid 1px #c5c5c5;
}
.selectarea__box , .selectarea__box2{
	display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 99;
}
.selectarea_op , .selectarea_op2 , .selectarea_ap ,.selectarea_ap2 , .selectarea_bo, .selectarea_bo2{
	display: table;
    position: fixed;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    width: 90%;
    background: #fff;
    border-radius: 2.5em;
    text-align: center;
}
.selectarea_op .pop_close, .selectarea_op2 .pop_close, .selectarea_ap .pop_close, .selectarea_ap2 .pop_close, .selectarea_bo .pop_close, .selectarea_bo2 .pop_close {
    margin: 0;
    padding: .6em .4em 0 0;
    text-align: right;
}
.selectarea_op p, .selectarea_op2 p, .selectarea_ap p, .selectarea_ap2 p, .selectarea_bo p, .selectarea_bo2 p {
    margin: .4em 0 0 0;
    padding: 0 .6em;
    color: #5a5a5a;
    font-size: 2.5em;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height: 1.4;
}
.selectarea_op ul, .selectarea_op2 ul, .selectarea_ap ul, .selectarea_ap2 ul, .selectarea_bo ul, .selectarea_bo2 ul {
    margin: 0;
    padding: 0 1.25em;
}
.selectarea_op ul li, .selectarea_op2 ul li, .selectarea_ap ul li, .selectarea_ap2 ul li, .selectarea_bo ul li, .selectarea_bo2 ul li {
    font-size: 2em;
    margin: .31em 0;
    padding: .3em .62em .3em .62em;
    border: solid 1px #5a5a5a;
    border-radius: .5em;
    background-color: #fff;
    list-style: none;
    color: #444444;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.select_hidden{
	display: none;
}
.searchbtn {
	position: relative;
    border-radius: .5em;
    width: 100%;
    margin: 4% auto 2% auto;
    background: none;
    background: linear-gradient(#fa8101, #fb6b01);
    cursor: pointer;
    box-shadow: 0 0.2em 0 0 rgb(177 82 13 / 100%);
}
.searchbtn div {
    position: absolute;
	width: 5.62em;
	height: 1.9em;
	top: 0;
    right: .62em;
	bottom: 0;
	margin: auto 0;
    padding: 0.25em 0;
    text-align: center;
    background-color: #fff;
    border-radius: 1.2em;
    font-size: 1.6em;
}
.searchbtn p {
	padding: .88em;
    font-size: 2.35em;
    padding-left: 4em;
    color: #ffffff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    text-shadow: 0 -0.05em 0 #aa5f42;
    line-height: 1;
    text-align: left;
}
@media screen and (min-width: 800px) {
	.search-slide{
		padding: 180px 1em 1em 1em;
		background: url("../img/banner2.png") no-repeat top left / 100% ;
	}
}
@media screen and (max-width: 799px) {
	.search-slide{
		padding: 11em 1em 1em 1em;
		background: url("../img/banner2.png") no-repeat top left / 100% ;
	}
}
#search-slide_form{
	margin: 0 0 .5em 0;
	padding: 1.2em;
	border-radius: 0 0 1em 1em;
	border: solid 3px #ffdb4d;
	background-color:#fffff4;
}
.search-slide .title_text{
	margin: .4em 0;
	font-weight: bold;
	font-size: 2.5em;
	text-align: center;
	color: #333;
}
.search-slide .btnflex {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 .8em 0;
}
.search_choice ul{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.search_choice ul li{
	width : 33.33333% ;
	width : -webkit-calc(100% / 3) ;
	width : calc(100% / 3) ;
	box-sizing: border-box;
	list-style: none;
	text-align:left;
}
.search_choice .select_box_3 ul li:nth-child(1),.search_choice .select_box_3 ul li:nth-child(2){
	width : 50% ;
	width : -webkit-calc(100% / 2) ;
	width : calc(100% / 2) ;
	box-sizing: border-box;
	list-style: none;
	text-align:left;
}
.search_choice ul li p{
	color: #333;
	font-size: 1.4em;
	font-weight: bold;
}
.checkbox_btn{
    position: relative;
    display: block;
    margin: 0 8px 8px 0;
    padding: 1.2em 0em;
    text-align: center;
    background-color: #f3f4f6;
    border: 1px solid #888;
    border-radius: 6px;
	box-shadow: inset .2em .2em #fff , 0px 3px 0px #ccc;
}
.btnflex li:nth-child(3n) .checkbox_btn{
	margin: 0 0 8px 0;
}
.select_box_3 .btnflex li:nth-child(2) .checkbox_btn,
.select_box_3 .btnflex li:nth-child(5) .checkbox_btn{
	margin: 0 0 8px 0;
}
.select_box_3 .btnflex li:nth-child(3) .checkbox_btn,
.select_box_3 .btnflex li:nth-child(6) .checkbox_btn{
	margin: 0 8px 8px 0;
}
input[type=checkbox],
input[type=radio]{
	display: none;
}
.search-slide input[type=radio]:checked + label, .search-slide input[type=checkbox]:checked + label {
	margin: 2px 8px 8px 0;
    background-color: #ff7e00;
	border: none;
    box-shadow: none;
}
.search-slide input[type=radio]:checked + label p, .search-slide input[type=checkbox]:checked + label p {
    color: #fff;
}
.search_apparea {
    display: flex;
    align-items: center;
    justify-content: center;
}
.backbtn2, .backbtn3, .backbtn4{
    width: 25%;
    margin: 0 auto;
    padding: .8em;
    text-align: center;
	background-color: #f3f4f6;
    border: 1px solid #888;
    border-radius: 3em;
	box-shadow: inset .2em .2em #fff;
}
.backbtn2 p, .backbtn3 p, .backbtn4 p{
    font-size: 1.8em;
	font-weight: bold;
}
.searchbtn-slide,.searchbtn-slide2 {
    width: 60%;
    margin: 0 auto;
    padding: .8em;
    text-align: center;
    background-color: #ff7e00;
    border-radius: 3em;
	-webkit-animation: blink 1s linear infinite;
    animation: blink 1s linear infinite;
}
@keyframes blink {
40% {
    -webkit-box-shadow: 0 0 1px 1px rgba(255, 96, 16, 0.5);
    box-shadow: 0 0 2px 2px rgba(255, 96, 16, 0.5);
}
50% {
    -webkit-box-shadow: 0 0 0 3px rgba(255, 96, 16, 0.3);
    box-shadow: 0 0 0 4px rgba(255, 96, 16, 0.3);
}
85% {
    -webkit-box-shadow: 0 0 0 5px rgba(255, 96, 16, 0.1);
    box-shadow: 0 0 0 6px rgba(255, 96, 16, 0.1);
}
90% {
    -webkit-box-shadow: 0 0 0 5px rgba(255, 96, 16, 0.07);
    box-shadow: 0 0 0 6px rgba(255, 96, 16, 0.07);
}
100% {
    -webkit-box-shadow: 0 0 0 5px rgba(255, 96, 16, 0.05);
    box-shadow: 0 0 0 6px rgba(255, 96, 16, 0.05);
}
}
.searchbtn-slide p,.searchbtn-slide2 p{
	font-size: 1.8em;
	color: #fff;
	font-weight: bold;
}



.count {
    color: #ec0000;
}

.cardbox-title{
	margin: 0 0 1em 0;
	padding: 1.25em;
	background: #1a6eb8;
}
.cardbox-title p{
	color:#fff;
	font-weight: bold;
	font-size: 2em;
}
.box{
	margin: 0 0 2.5em 0;
	padding: 1.5em;
	background: #1a6eb8;
}
.box .box__name{
	padding: .5em 1em;
	background: #fff;
	border-bottom: solid 1px #ccc;
	border-radius: .5em .5em 0 0;
}
.box .box__name a{
	text-decoration: none;
}
.box .box__name p{
	font-size: 1.9em;
	font-weight: bold;
	color: #0f82ee;
	line-height: 1.6;
}
.box .box__inner{
	padding: 1em;
	background: #fff;
	border-radius: 0 0 .5em .5em;
}
.box .flex{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 0 1em 0;
}
.box .flex .banner{
	width: 30%;
	margin: 0 1em 0 0;
}
.box .flex .spec{
    width: 70%;
}
.box .flex .spec table {
    width: 100%;
    border-collapse: collapse;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
}
.box .flex .spec table tr {
    border-bottom: solid 1px #ccc;
}
.box .flex .spec table th {
    width: 40%;
    padding: 0.2em 0;
    border-right: solid 1px #ccc;
    background: #f2f2f2;
    color: #000;
    font-size: 1.5em;
    font-weight: bold;
	text-align: center;
}
.box .flex .spec table td {
	border-right: solid 1px #ccc;
    color: #000;
    font-size: 1.6em;
    text-align: center;
}
#cardbox2{
	margin: 0 0 2em 0;
    padding: 1.5rem;
    background: #1a6eb8;
}
.box2{
	margin: 0 0 2.5rem 0;
	padding: 1em 1.5em 1.5em 1.5em;
	border: solid 1px #ccc;
	box-shadow: 0px .375rem 0px #ccc;
	background: #fff;
}
.box2 .box__name{
	padding: 0 0 .5rem 0;
	/* border-bottom: solid 1px #ccc; */
}
.box2 .box__name ul{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.box2 .box__name ul li:nth-child(2) {
    margin-left: auto;
}
.box2 .box__name a{
	font-size: 2rem;
	font-weight: bold;
	color: #0f82ee;
	line-height: 1.6;
	text-decoration: none;
}
.box2 .box__name ul li.parent{
	padding: .5rem;
	background: #006ac7;
}
.box2 .box__name ul li.parent p{
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.4;
    font-weight: normal;
}
.box2 .banner {
    width: 80%;
    margin: auto;
}
.box2 .spec table{
	border: 1px solid #DDD;
	border-collapse: collapse;
	width: 100%;
	margin: 2rem auto;
}
.box2 .spec table th{
	border: 1px solid #DDD;
	border-collapse: collapse;
	font-size: 1.5rem;
	text-align: center;
	font-weight: normal;
	padding: 1.5rem 1rem;
	background-color: #F5F5F5;
	width: 20%;
	box-sizing: border-box;
}
.box2 .spec table td{
	border: 1px solid #DDD;
	border-collapse: collapse;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: left;
	padding: 1.5rem 1rem;
	width: 27%;
	box-sizing: border-box;
}
.box2 .box__inner .minipoint{
	margin: .5rem 0;
	font-size: 2rem;
	font-weight: bold;
}

.box2 .flex{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 0 1rem 0;
}
.box2 .flex .banner{
	width: 40%;
	margin: 0 1rem 0 0;
}
.box2 .flex .spec{
    width: 70%;
}
.box2 .flex .spec table {
    width: 100%;
    border-collapse: collapse;
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
    margin: auto;
}
.box2 .flex .spec table tr {
    border-bottom: solid 1px #ddd;
}
.box2 .flex .spec table th {
    width: 40%;
    padding: .5rem 0;
    border-right: solid 1px #ddd;
    background: #eef3f7;
    color: #000;
    font-size: 1.5rem;
	font-weight: normal;
	text-align: center;
}
.box2 .flex .spec table td {
	border-right: solid 1px #ddd;
    color: #000;
    font-size: 1.6rem;
	font-weight: bold;
    text-align: center;
    width: auto;
    padding: 0;
}
.box2 .timer{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 1rem 0;
	color: #fff;
	line-height: 1.4;
	background: #1da0f2;
	border-radius: .5rem;
}
.box2 .timer__title{
	width: 50%;
	font-size: 1.8rem;
	text-align: center;
}
.box2 .timer__inner,
.box2 .timer21__inner{
	width: 55%;
	padding: 1.25rem .5rem;
	text-align: center;
	border-radius: 0 .5rem .5rem 0;
	background: #111;
}
.box2 .timer .timer__inner span.nokori,
.box2 .timer .timer21__inner span.nokori{
	color: #fff;
	font-size: 1.5rem;
}
.box2 .timer .timer__inner span.time,
.box2 .timer .timer21__inner span.time21{
	color: #FFE000;
	font-size: 2.1rem;
	font-weight: bold;
}
.box2 .point{
	margin: 2.5rem 0 1rem 0;
	border: solid .125rem #1da0f2;
	border-radius: 1rem;
	background: #f0f9ff;
}
.box2 .point a{
	text-decoration: none;
}
.box2 .point p{
	position: relative;
    display: inline-block;
    height: 3.25rem;
    padding: 0 2.5rem;
	top: -1.5rem;
	left: -.125rem;
    background-color: #1da0f2;
    color: #fff;
    font-size: 1.9rem;
    text-align: center;
}
.box2 .point p:after {
	position: absolute;
    top: 0;
    width: 0px;
    height: 0px;
    border-color: #1da0f2 transparent;
    border-style: solid;
    content: '';
	right: -1.2rem;
    border-width: 1.64rem 1.25rem 1.64rem 0px;
}
.box2 .point ul {
	margin: -.625rem 0 0 0;
    border: none;
}
.box2 .point ul li{
	margin: 0 1rem;
	padding: 1rem 0 1rem 3rem;
	color: #333;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
	border-bottom: dashed 1px #ccc;
	background: url("../img/check_02.png") no-repeat left 0 top 45% / 5%;
}
.box2 .checkbefore2{
	margin: 2.5rem 0 1rem 0;
	border: solid .125rem #ffa84b;
	border-radius: 1rem;
	background: #fffeef;
}
.box2 .checkbefore__title2{
	position: relative;
    display: inline-block;
    height: 3.25rem;
    padding: 0 1.5rem;
	top: -1.5rem;
	left: -.125rem;
    background: #ffa84b;
    color: #fff;
    font-size: 1.9rem;
    text-align: center;
}
.box2 .checkbefore__title2:after {
	position: absolute;
    top: 0;
    width: 0px;
    height: 0px;
    border-color: #ffa84b transparent;
    border-style: solid;
    content: '';
	right: -1.2rem;
    border-width: 1.64rem 1.25rem 1.64rem 0px;
}
.box2 .checkbefore__content2{
	margin: -.625rem 0 0 0;
	padding: 0 1.5rem 1rem 1.5rem;
}
.box2 .checkbefore__content2 p{
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5;
}
.box2 .apparea a{
	text-decoration: none;
}
.box2 .apparea a div{
	position: relative;
	padding: 1rem;
	color: #fff;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #d91010;
	border: solid 2px #d91010;
	border-radius: 1rem;
	/*box-shadow: 0 2px 0 #d91010;*/
	background: #ff3131;
}
.box2 .apparea a div::before { /* くの字の表示設定 */
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2.5rem;
  width: 1.375rem;    /* くの字を山なりに見た時、左側の長さ */
  height: 1.375rem;   /* くの字を山なりに見た時、右側の長さ */
  border-top: .25rem solid #fff;     /* くの字を山なりに見た時、左側の太さと色 */
  border-right: .25rem solid #fff;   /* くの字を山なりに見た時、右側の太さと色 */
  transform: rotate(45deg);    /* くの字の向き */
}
.box2 .first {
    color: #16549a;
    font-size: 1.7rem;
    font-weight: bold;
    text-align: center;
}
.box2 .first a {
    color: #16549a;
}
#cardbox3 .inner{
	padding: 1.5em;
	background: #ecece6;
}
.box4{
	margin: 0 0 1.5em 0;
	padding: 1.5em;
	border: solid 1px #ccc;
	background: #fff;
}
.box4 .box__name{
	padding: 0 0 1rem 0;
}
.box4 .box__name ul{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.box4 .box__name ul li:nth-child(2) {
    margin-left: auto;
}
.box4 .box__name a{
	font-size: 2rem;
	font-weight: bold;
	color: #333;
	line-height: 1.6;
}
.box4 .box__name ul li.parent{
	padding: .5rem .8rem;
	background: #ff4947;
}
.box4 .box__name ul li.parent p{
	color: #fff;
	font-size: 1.4rem;
	line-height: 1.4;
    font-weight: normal;
}
.box4 .flex {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 1rem 0;
}
.box4 .flex .banner {
	width: 40%;
	margin: 0 1rem 0 0;
}
.box4 .flex .spec{
    width: 70%;
}
.box4 .flex .spec table {
    width: 100%;
    border-collapse: collapse;
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
    margin: auto;
}
.box4 .flex .spec table tr {
    border-bottom: solid 1px #ddd;
}
.box4 .flex .spec table th {
    width: 40%;
    padding: .5rem 0;
    border-right: solid 1px #ddd;
    background: #eef3f7;
    color: #000;
    font-size: 1.5rem;
	font-weight: normal;
	text-align: center;
}
.box4 .flex .spec table td {
	border-right: solid 1px #ddd;
    color: #000;
    font-size: 1.6rem;
	font-weight: bold;
    text-align: center;
    width: auto;
    padding: 0;
}
.box4 .point{
	position: relative;
	margin: 2.5em 0 0 0;
	border-radius: .5em;
}
.box4 .point p.abmidashi{
	position: absolute;
	width: 34%;
	margin: auto;
	padding: .3em;
	top:-1em;
	right: 0;
	left: 0;
	text-align: center;
	line-height: 1.3;
	background: #1da0f2;
	border-radius: .4em
}
.box4 .point p.abmidashi::after {
    content: "";
    position: absolute;
    bottom: -.5em;
    left: 50%;
    margin: 0 auto;
    transform: translate(-50%, 0);
    border-top: .62em solid #1da0f2;
    border-left: .5em solid transparent;
    border-right: .5em solid transparent;
}
.box4 .point ul {
	padding: 1.5em 0 0 0;
	border: solid 2px #1da0f2;
	border-radius: .4em;
	background: #f0f9ff;
}
.box4 .point ul li {
    margin: 0 .62em;
    padding: .62em 0 .62em 1.8em;
    color: #333;
    font-size: 1.7em;
    line-height: 1.4;
    border-bottom: dashed 1px #ccc;
    background: url(../img/check_02.png) no-repeat left 0 top 45% / 5%;
}
.box4 .timer{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 1.5rem 0;
	color: #fff;
	line-height: 1.4;
	background: #1da0f2;
	border-radius: .5rem;
}
.box4 .timer__title{
	width: 50%;
	font-size: 1.8rem;
	text-align: center;
}
.box4 .timer__inner,
.box4 .timer21__inner{
	width: 55%;
	padding: 1rem .5rem;
	text-align: center;
	border-radius: 0 .5rem .5rem 0;
	background: #111;
}
.box4 .timer .timer__inner span.nokori,
.box4 .timer .timer21__inner span.nokori{
	color: #fff;
	font-size: 1.5rem;
}
.box4 .timer .timer__inner span.time,
.box4 .timer .timer21__inner span.time21{
	color: #FFE000;
	font-size: 2.1rem;
	font-weight: bold;
}
.box4 .apparea a{
	text-decoration: none;
}
.box4 .apparea a div{
	position: relative;
	padding: 1rem;
	color: #fff;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #d91010;
	border: solid 2px #d91010;
	border-radius: 1rem;
	box-shadow: 0 2px 0 #d91010;
	background: #ff3131;
}
.box4 .apparea a div::before { /* くの字の表示設定 */
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2.5rem;
  width: 1.375rem;    /* くの字を山なりに見た時、左側の長さ */
  height: 1.375rem;   /* くの字を山なりに見た時、右側の長さ */
  border-top: .25rem solid #fff;     /* くの字を山なりに見た時、左側の太さと色 */
  border-right: .25rem solid #fff;   /* くの字を山なりに見た時、右側の太さと色 */
  transform: rotate(45deg);    /* くの字の向き */
}
.box4 .first {
	margin: .4em 0 0 0;
    color: #16549a;
    font-size: 1.7rem;
    font-weight: bold;
	line-height: 1.2;
    text-align: center;
}
.box4 .first a {
    color: #16549a;
}


#scrollcardbox{
	padding: 1.5rem;
	background: #ebf3ff;
}
#scrollcardbox-in{
	overflow-x: scroll;
	background: #ebf3ff;
}
#scrollcardbox-in table{
	table-layout: fixed;
	max-width: 180%;
	width: 180%;
}
#scrollcardbox-in .fixed01 {
    position: sticky;
    left: 0px;
    width: 20%;
	z-index: 4;
}
#scrollcardbox-in .fixed01::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
	z-index: 2;
}
#scrollcardbox-in table th{
	padding: 1rem;
	color: #fff;
	text-align: center;
	border: solid 1px #ccc;
	background: #1a6eb8;
    font-size: 1.6rem;
}
#scrollcardbox-in table td{
	padding: 1rem;
	text-align: center;
	border: solid 1px #ccc;
	background: #fff;
    font-size: 1.6rem;
}
#scrollcardbox-in table td.symbol3 {
	background: url("../img/symbol3.png") no-repeat #fff right 50% top 50% / 5rem 5rem;
}
#scrollcardbox-in table td.symbol2 {
	background: url("../img/symbol2.png") no-repeat #fff right 50% top 50% / 5rem 5rem;
}
#scrollcardbox-in table td.symbol1 {
	background: url("../img/symbol1.png") no-repeat #fff right 50% top 50% / 5rem 5rem;
}
#scrollcardbox-in table td a{
	color: #006ec3;
	position: relative;
	z-index: 5;
	display: block;
}
#scrollcardbox-in table tbody tr td a.scrollbtn{
    display: block;
	color: #fff;
	font-weight: bold;
	text-decoration-line: none;
	text-shadow: 0px 1px 0px #cc811a;
	line-height: 1.3;
	padding: 1rem .5rem;
	border-radius: .5rem;
	background: linear-gradient(0deg, rgba(255, 132, 0, 1), rgba(255, 182, 56, 1));
}
#minicardbox2{
	width: 100%;
	padding: 1em 0;
	background: #f3ffeb;
}
#minicardbox2 .midashi{
	width: 94%;
	margin: auto;
	padding: .1em 0;
	color: #fff;
	font-size: 2.6em;
	font-weight: bold;
	text-align: center;
	border-radius: .3em;
	background-image: linear-gradient(90deg, rgba(33, 162, 27, 1), rgba(6, 135, 0, 1));
}

.symbol1_2 {
	background: url("../img/symbol1_2.png") no-repeat #fff right 50% top 50% / 3rem 3rem;
}
.symbol2_2 {
	background: url("../img/symbol2_2.png") no-repeat #fff right 50% top 50% / 3rem 3rem;
}
.symbol3_2 {
	background: url("../img/symbol3_2.png") no-repeat #fff right 50% top 50% / 3rem 3rem;
}

#minicardbox2 .box3{
	padding: 1em 1.5em;
	background: #f3ffeb;
}
.box3{
	padding: 1em 1.5em;
	background: #ebf3ff;
}
.box3:nth-last-child , .box3:nth-first-child{
	padding: 1.5em;
	background: #ebf3ff;
}
.box3 .box__name{
	padding: .5em 1em;
	background: #fff;
	border: solid 1px #ccc;
	border-radius: .5em .5em 0 0;
}
.box3 .box__name a{
	text-decoration: none;
}
.box3 .box__name p{
	font-size: 1.9em;
	font-weight: bold;
	color: #0f82ee;
	line-height: 1.6;
}
.box3 .box__inner{
	padding: 1em;
	background: #fff;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;		
	border-left: solid 1px #ccc;
	border-radius: 0 0 .5em .5em;
}
.box3 .flex{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 0 1em 0;
}
.box3 .flex .banner{
	width: 30%;
	margin: 0 1em 0 0;
}
.box3 .flex .spec{
    width: 70%;
}
.box3 .flex .spec table {
    width: 100%;
    border-collapse: collapse;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
}
.box3 .flex .spec table tr {
    border-bottom: solid 1px #ccc;
}
.box3 .flex .spec table th {
    width: 40%;
    padding: 0.2em 0;
    border-right: solid 1px #ccc;
    background: #f2f2f2;
    color: #000;
    font-size: 1.5em;
    font-weight: 700;
	text-align: center;
}
.box3 .flex .spec table td {
	border-right: solid 1px #ccc;
    color: #000;
    font-size: 1.6em;
    text-align: center;
}
.box3 .apparea {
	padding: .5em;
	color: #fff;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	border-radius: .25em;
	background: linear-gradient(to top,#ff8501 0%,#ffb638 100%);
}
.box3 .apparea a {
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px rgba(0,0,0,0.2);
}


.box5{
	padding: 1em 1.5em;
}
.box5 .box__name{
	padding: .8em 1em 0;
	background: #fff;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-radius: .5em .5em 0 0;
}
.box5 .box__name ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
	padding: 0 0 .8em 0;
	border-bottom: solid 1px #eee;
}
.box5 .box__name ul li img{
	width: 100%;
}
.box5 .box__name ul li:nth-child(2) {
	width: 45%;
	margin-left: auto;
}
.box5 .box__name a{
	color: #0f82ee;
}
.box5 .box__name p{
	font-size: 1.9em;
	font-weight: bold;
	color: #0f82ee;
	line-height: 1.6;
}
.box5 .box__inner{
	padding: 1em;
	background: #fff;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;		
	border-left: solid 1px #ccc;
	border-radius: 0 0 .5em .5em;
}
.box5 .flex{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 0 1em 0;
}
.box5 .flex .banner{
	width: 25%;
	margin: 0 1em 0 0;
}
.box5 .flex .minipoint3{
	width: 75%;
	background: #fffce6;
}
.box5 .flex .minipoint3 ul {
	padding: .2em 0;
	border-radius: .4em;
}
.box5 .flex .minipoint3 ul li {
    margin: 0 0 0 .5em;
    padding: .4em 0 .4em 1.5em;
    color: #333;
    font-size: 1.6em;
	font-weight: bold;
    line-height: 1.4;
    background: url(../img/check_03.png) no-repeat left 0 top 45% / 5%;
}
.box5 .spec{
	margin: 1em 0;
}
.box5 .spec table {
    width: 100%;
}
.box5 .spec table tr:nth-child(2) th{
	border: none;
}
.box5 .spec table th {
    width: 20%;
	margin: 1em 0;
    padding: 0.2em 0;
    background: #f2f2f2;
    color: #000;
    font-size: 1.5em;
    font-weight: 700;
	text-align: center;
	border-bottom: solid 2px #fff;
}
.box5 .spec table td {
    color: #000;
    font-size: 1.6em;
    text-align: center;
}
.box5 .apparea {
	padding: .5em;
	color: #fff;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	border-radius: .25em;
	border: solid 1px #c86800;
	background: #ff8501;
}
.box5 .apparea a {
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px rgba(0,0,0,0.2);
}



.feature{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 .7em 0;
}
.feature-list__item {
    width: 32.5%;
    margin: 0 0 .33em;
    padding: .33em 0;
    border: solid 1px #9fa9ae;
    border-radius: .25em;
    background: #e0e0e0;
    color: #adadad;
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
	box-sizing: border-box;
}
.feature-list__item--on1 {
    background: #ebf3ff;
	border: solid 1px #89b8ff;
    color: #006ce6;
	box-shadow: 2px 2px 0 #ebf3ff;
}
.feature-list__item--on2 {
    background: #ffffdb;
	border: solid 1px #ffba00;
    color: #ff7200;
	box-shadow: 2px 2px 0 #ffffdb;
}
.point{
	margin: 0 0 1em 0;
}
.point a{
	text-decoration: none;
}
.point p{
	padding: .175em 0 .175em .95em;
	color: #fff;
	font-size: 1.6em;
	font-weight: bold;
	background: #1a6eb8;
}
.point ul {
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
}
.point ul li{
	margin: 0 .62em;
	padding: .62em 0 .62em 1.62em;
	color: #333;
	font-size: 1.6em;
	line-height: 1.6;
	border-bottom: dashed 1px #ccc;
	background: url("../img/check_02.png") no-repeat left 0 top 45% / 5%;
}
.checkbefore{
	margin: 0 0 1.5em 0;
}
.checkbefore__title{
	position: relative;
	margin: 0 5.55em -2vw;
	background:#ff7974;
	color: #fff;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	border-radius: 1.55em;
	z-index: 5;
}
.checkbefore__content{
	position: relative;
	padding: 2em 1em 1em 1em;
	background: #ffe9e9;
	border: solid 2px #ff7974;
	z-index: 1;
}
.checkbefore__content p{
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.6;
}
.checkbefore__content::after {
	content: "";
    position: absolute;
	bottom: -.75em;
    left: 50%;
	margin: 0 auto;
    transform: translate(-50%,0);
	border-top: .62em solid #ff7974;
    border-left: .93em solid transparent;
    border-right: .93em solid transparent;
}
.first {
    color: #16549a;
    font-size: 1.7em;
    font-weight: bold;
    text-align: center;
}
.first a {
    color: #16549a;
}
.similar {
    margin: 1.25em 0 0;
    border-top: dashed 1px #c9c9c9;
}
.similar__inner {
    margin: 1.25em 0 0;
    padding: 1.25em;
    background: #fff;
}
.similar__inner a {
    display: flex;
    text-decoration: none;
}
.similar__name {
    position: relative;
    width: 100%;
    margin: 0 0 0 .63em;
}
.similar__name p {
    color: #333;
    font-size: 1.75em;
	line-height: 1.6;
}
.similar__officail {
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    border: solid 1px #ad0006;
    border-radius: .33em;
    background: #ff383f;
}
.similar__officail p {
    padding: .31em 0;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 .125em rgb(0 0 0 / 20%);
}

#pointtips{
	padding: 2.5em 2em 1.5em 2em;
	background: #1a6eb8;
}
#pointtips .midashi{
	text-align: center;
}
#pointtips .midashi span{
	padding: .3em .8em;
	font-size: 2.5em;
	font-weight: bold;
	color: #1a6eb8;
	background: #ffeb00;
	border-radius: 2em;
}
#pointtips .midashi p{
	margin: .083em 0 .33em 0;
	font-size: 2.5em;
	font-weight: bold;
	color: #fff;
}
#pointtips .inner .point1 , #pointtips .inner .point2 , #pointtips .inner .point3{
	margin: 0 0 1.5em 0;
	padding: 1.5em;
	border-radius: .75em;
	background: #fff;
}
#pointtips .inner .point1 .q1 , #pointtips .inner .point2 .q2 , #pointtips .inner .point3 .q3{
	display: flex;
	align-items: center;
	position: relative;
	font-size: 2em;
	font-weight: bold;
	color: #333;
}
#pointtips .inner .point3 .q3{
	font-size: 1.85em;
}
#pointtips .inner .point1 .q1 img , #pointtips .inner .point2 .q2 img , #pointtips .inner .point3 .q3 img{
	margin: 0 1.5em 0 0;
}
#pointtips .inner .point1 .q1::before , #pointtips .inner .point2 .q2::before , #pointtips .inner .point3 .q3::before{
    content: '';
    position: absolute;
    width: 2.625rem;
    height: 2.625rem;
    background: #00b099;
    border-radius: .5rem;
    margin: auto;
    right: 0;
}
#pointtips .inner .point1 .q1::after , #pointtips .inner .point2 .q2::after , #pointtips .inner .point3 .q3::after{
    content: '';
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1;
	margin: auto;
    width: 1rem;
    height: 1rem;
    right: .85rem;
    border: 2px solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(-25%) rotate(135deg);
}
#pointtips .inner .point1 .q1.active::after , #pointtips .inner .point2 .q2.active::after , #pointtips .inner .point3 .q3.active::after{
	top: 50%;
    transform: translateY(-25%) rotate(315deg);
}
#pointtips .inner .point1 .a1 , #pointtips .inner .point2 .a2 , #pointtips .inner .point3 .a3{
	display: none;
	margin: 1.5rem 0 0 0;
	padding: 1.5rem 0 0 0;
	font-size: 1.75rem;
	line-height: 1.6;
	border-top: dashed 1px #ccc;
}
#pointtips .inner .point1 .a1.open , #pointtips .inner .point2 .a2.open , #pointtips .inner .point3 .a3.open{
	display: block;
	max-height: 3000px;
}


#category{
	margin: 1em 0 0 0;
}
#category .tab{
	display:  flex;
	justify-content: space-between;
	padding: 0 1.5rem;
	box-sizing: border-box;
    border-bottom: 3px solid #196fb9;
}
#category .tab p{
	width: 100%;
	padding: 1rem;
    text-align: center;
	font-size: 2rem;
    color: #333;
	border: solid 1px #ccc;
    border-radius: .5rem .5rem 0 0;
}
#category .tab .active{
    background: #196FB9;
    color: #fff;
    border: none;
}
#category .content{
	padding: 1rem;
	background: #fff;
}
#category .content .job_content{
    display: none;
}
.type-list {
    overflow: hidden;
}
.type-list__item {
    float: left;
    width: 49%;
    margin: 0 0 .5rem;
}
.type-list__item:nth-child(even) {
    margin: 0 0 .5rem .5rem;
}


.footer {
    position: relative;
    background: #333
}

.footer__remarks {
    padding: 1.25rem;
}

.footer__remarks p {
    color: #ccc;
    font-size: 1.25rem;
}

.footer__item p {
    color: #fff
}

.footer__push {
    display: flex;
    position: relative;
    height: 4.5rem;
    padding: 0 0 0 1.25rem;
    border-bottom: solid 1px #666;
    font-size: 1.5rem;
    align-items: center
}

.footer__push::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 4.5rem;
    height: 4.5rem;
    background: url("../img/arrow02.png") #111 no-repeat 50% 50%/1.6875rem 1.0625rem;
    content: ""
}

.footer__push.on::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 4.5rem;
    height: 4.5rem;
    background: url("../img/arrow03.png") #111 no-repeat 50% 50%/1.6875rem 1.0625rem;
    content: ""
}

.footer__attention {
    display: none;
    padding: 0 1.25rem;
    border-bottom: solid 1px #666
}

.footer__attention p {
    margin: 1.25rem 0;
    font-size: 1.25rem;
}

.footer-list {
    margin: .675rem 0;
    text-align: center
}

.footer-list__item {
    display: inline-block;
    margin: 0 .675rem;
    font-size: 1.25rem;
    text-align: center
}

.footer-list__item a {
    color: #fff
}

.footer .copy {
    display: block;
    padding: .675rem;
    border-top: dashed 1px #fff;
    color: #fff;
    font-size: 1.25rem;
    text-align: center
}
.published-list {
    display: none;
    background: #f5f5f5
}

.published-list__item {
    border-bottom: solid 1px #d2d2d2;
    font-size: 1.5rem
}

.published-list__item a {
    display: block;
    padding: 1rem 1.25rem;
    color: #333;
    text-decoration: none
}

.searchbutton {
    position: fixed;
    right: .5rem;
    bottom: 20rem;
    z-index: 98;
    width: 5.625rem;
    height: 5.625rem;
    cursor: pointer
}
@media screen and (min-width: 800px) {
    .searchbutton {
        right: calc(50% - 392px);
    }
}
.searchbutton img{
    width: 100%;
    height: auto;
}

.pagetop{
    position: fixed;
    right: -1px;
    bottom: 11.25rem;
    z-index: 98;
    width: 6.125rem;
    height: 6.125rem;
}
@media screen and (min-width: 800px) {
    .pagetop{
        right: calc(50% - 401px);
    }
}
.pagetop img{
    width: 100%;
    height: auto;
}

.searchall {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    background-color: rgba(0,0,0,.7);
    -webkit-tap-highlight-color: transparent
}

.searchclose {
    display: none;
    position: fixed;
    top: 10rem;
    right: 1.5rem;
    z-index: 100;
    width: 4rem;
    height: 4rem;
    cursor: pointer
}
.searchform-side {
    display: none;
    position: fixed;
    z-index: 100;
    top: 15rem;
    right: 0;
    left: 0;
	margin: 0 1.5rem;
	padding: 2rem;
    overflow-y: scroll;
	background: #fff;
	border-radius: 2.5rem;
}
.searchform-side .title{
	padding: 0 0 0 2.5rem;
	font-size: 2.15rem;
	font-weight: bold;
	background: url("../img/icon.png") no-repeat left 0 top 50% / 5%;
}
.searchform__selectarea{
	position: relative;
}
.searchform__selectarea select{
	width: 100%;
    height: 6rem;
    margin: .5rem 0 .5rem 0;
    padding: .5rem 0 .5rem 1.5rem;
    border: solid 1px #c1c0c0;
    background: url(../img/arrow.png) no-repeat right 5% top 50% / 1.5rem 1rem;
    border-radius: .5rem;
    appearance: none;
    color: #848484;
    font-size: 1.7rem;
    font-weight: bold;
}

#allbg{
	display: none;
	position: fixed;
	z-index: 101;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.75);
}
#popup{
	display: none;
	position: fixed;
	margin: auto;
	top: 2.5rem;
	right: 0;
	left: 0;
	width: 100%;
	z-index: 102;
}
@media screen and (min-width: 800px) {
    #popup{
        width: 800px;
    }
}
.poptext{
	text-align: center;
	color: #fbff00;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.4;
}
.popbox{
	padding: 1.5rem 2rem;
}
.popbox .box__name{
	padding: 1rem 1rem .5rem;
	background: #fff;
	border-bottom: solid 1px #ccc;
	border-radius: .5rem .5rem 0 0;
}
.popbox .box__name a{
	text-decoration: underline;
	color: #0f82ee;
}
.popbox .box__name p{
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.6;
}
.popbox .box__inner{
	padding: 1rem;
	background: #fff;
	border-radius: 0 0 .5rem .5rem;
}
.popbox .flex{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 0 1rem 0;
}
.popbox .flex .banner{
	width: 30%;
	margin: 0 1rem 0 0;
}
.popbox .flex .spec{
    width: 70%;
}
.popbox .flex .spec table {
    width: 100%;
    border-collapse: collapse;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
}
.popbox .flex .spec table tr {
    border-bottom: solid 1px #ccc;
}
.popbox .flex .spec table th {
    width: 40%;
    padding: .3rem 0;
    border-right: solid 1px #ccc;
    background: #f2f2f2;
    color: #000;
    font-size: 1.5rem;
    font-weight: 700;
	text-align: center;
}
.popbox .flex .spec table td {
	border-right: solid 1px #ccc;
    color: #000;
    font-size: 1.6rem;
    text-align: center;
}
.popbox_close{
	width: 20%;
	margin: auto;
	padding: .5rem;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	background: #fff;
	border-radius: 25rem;
}
.popbox .checkbefore{
	margin: 0 0 1.5rem 0;
}
.popbox .checkbefore__title{
	position: relative;
	margin: 0 10rem -1.5rem;
	background:#ff7974;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	border-radius: 2.5rem;
	z-index: 5;
}
.popbox .checkbefore__content{
	position: relative;
	padding: 2rem 1rem 1rem 1rem;
	background: #ffe9e9;
	border: solid 2px #ff7974;
	z-index: 1;
}
.popbox .checkbefore__content p{
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.6;
}
.popbox .checkbefore__content::after {
	content: "";
    position: absolute;
	bottom: -1.25rem;
    left: 50%;
	margin: 0 auto;
    transform: translate(-50%,0);
	border-top: 1rem solid #ff7974;
    border-left: 1.5rem solid transparent;
    border-right: 1.5rem solid transparent;
}
.popbox .first {
    color: #16549a;
    font-size: 1.7rem;
    font-weight: bold;
    text-align: center;
}
.popbox .first a {
    color: #16549a;
}
.other {
    margin: 10px 0 0
}

.other__title {
    margin: 0 0 5px;
    padding: 3px 0 3px 8.5%;
    border: solid 1px #c2c3c3;
    background: url(../../img/search_05.png) no-repeat 1% 50%/23px 23px, linear-gradient(to bottom, #fff 0, #cbcccc 100%);
    color: #0a2c7f;
    line-height: 1.6;
    font-size: 14px
}

.other__title-old {
    margin: 10px 5px;
    padding: 2.5px 0;
    background: #302d2d;
    color: #fff;
    text-align: center
}

.other__inner {
    margin: 2rem .5rem
}

.other__inner p {
    font-size: 1.5rem;
}

.othertable {
    width: 100%;
    margin: 0 0 5px;
    border: solid 1px #729ba3;
    font-size: 1.5rem;
}

.othertable tr {
    border-bottom: solid 1px #729ba3
}

.othertable tr:last-child {
    border: none
}

.othertable th {
    padding: 5px;
    border-right: solid 1px #729ba3;
    background: #f2f2f2;
    font-size: 1.5rem;
}

.othertable td {
    padding: 5px;
    font-size: 1.5rem;
}


.nowtime{
	margin: 0 1.5em 2em 1.5em;
	padding: 1em;
	background: #176eb9;
	border: solid 1px #003a6c;
}.nowtime .time{
	width: 74%;
	margin: 0 auto .6em;
	padding: .5vw 1vw;
	font-weight: bold;
	font-size: 1.8em;
	color: #fff;
	text-align: center;
	background: #003665;
}
#realtime{
	color: #F8FF00;
}
.nowtime .flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 2.6em;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
}

/* ここから装飾　*/

.big{
	font-size: 2.8rem;
}
.bold{
	font-weight: bold;
}
.yellow{
	color: #ffeb00;
}
.red{
	color: #FF0004;
}
.blue{
	color: #00f;
}
.blue2{
    color: #005ec8;
}
.bg_y{
	background: #ffff00;
}
.underline{
	text-decoration: underline;
}
.underline_r {
    border-bottom: solid 1px red;
}

.animate {
    animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    transform-origin: middle center;
    animation-name: animate;
    transform: rotate(0deg);
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: middle center;
    -webkit-animation-name: animate;
    -webkit-transform: rotate(0deg);
}
@keyframes animate {
0% {transform:scale(0.92);}
40% {transform:scale(0.97);}
60% {transform:scale(0.86);}
80% {transform:scale(1.05);}
100% {transform:scale(0.92);}
}

/* ここまで装飾　*/