@charset "shift_jis";
/* CSS Document */
*{margin: 0;padding: 0;}
html{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";line-height: 1.6;font-size: 95%;}
img{max-width: 100%;vertical-align: bottom;}

header{background-image: url(img/bg.jpg);background-size: cover;background-position: center;height: 600px;}
/*h1{text-align: center;color: #fff;padding-top: 130px;}*/
/* 2023.08.01 h1{text-align: center;color: #000;background-color: #DFC976;height: 100px;line-height: 88px;font-family: 'Noto Sans JP', sans-serif; padding-top: 50px; margin-top: 50px;}*/
/*h1{text-align: center;color: #000;background-color: #DFC976;line-height: 88px;font-family: 'Noto Sans JP', sans-serif; padding-top: 100px; margin-top: 50px;}*/
h1{text-align: center;color: #000;background-color: #DFC976;font-family: 'Noto Sans JP', sans-serif; padding-top: 60px; padding-bottom: 10px; margin-top: 50px;}
h2{background-color: #1B3993;color: #fff;padding: 15px;text-align: center;margin: 5px 0 30px 0;border-radius: 30px;}
h3{font-size: 1rem;padding: 10px 10px;margin-bottom: 10px;clear: both;border-left: 10px solid #FD9301;}/*border-left: 10px solid #a0d8ef;*/

.text_box{margin-bottom: 4em;}
.moko{margin: 0.5em 0;}
.f_right{float: right;}
.mb20{margin-bottom: 20px;}
 .table_outer{ overflow-x:visible; }


.why{background-color: #C4E3EB;padding: 15px;margin: 20px 0;}
dl.program{}
dl.program dt{font-size: 1rem;border-left: 10px solid #047AA2;padding: 10px 10px;margin: 25px 0 35px;font-weight: bold;}
dl.program dd{ margin-left: 1.6rem;}/*margin-bottom: 20px;*/
.time{background-color: #FFFABA;padding: 5px 10px;margin-bottom: 3px;border: 1px solid #ccc;}
.photo{height: 150px;margin-left: 10px;}

.target{
	background: none;
	border: 1px solid #666;	/* 線の太さ・種類・色 */
	margin: 20px 10px; /* 外側の余白 上下・左右 */
	padding: 30px 20px 20px; /* 内側の余白 */
	position: relative;
	font-weight: bold;
	text-align: center;
}
.target:before{
	background-color: #fff;
	content: '＜到達目標＞';
	padding: 2px 10px; /* タイトルの余白 上下・左右 */
	position: absolute;
	top: -10px;
	left: 30px;
	text-align: center;
	font-weight: bold;
}
.target:after{
	background: none;
	border: 1px solid #333;	/* 線の太さ・種類・色 */
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 100%;
	height: 100%;
	z-index: -1;
}

dl.kozako{}
dl.kozako dt{font-size: 1rem;border-left: 10px solid #7DD4C2;padding: 10px 10px;margin-bottom: 10px;font-weight: bold;}
dl.kozako dd{margin-bottom: 20px;}

footer{
/*background-color: #FED400;*/
background-color:#DFC976;
padding: 1em;}

.pmark{float: right;margin-left: 20px;}

.box_kanri{border:1px solid #666; 
	margin: 0.5em 0;
	padding: 5px;
}

@media screen and (min-width:1000px){
	/*.wrap{width: 1000px;margin: 0 auto;margin-bottom: 30px;}*/
    .wrap{
    width: 1000px;
    margin: 0 auto;
    padding: 0 88.5px;
    margin-top: -2px;
    padding-top: 25px;
    }
    #tour_point{
    width: 1177px; 
    height: auto; 
    margin: 0 auto; 
    text-align: center;
    background: #fff;
    padding-bottom: 25px;
  /*  padding-top: 50px;*/
    }
    footer{
    width: 1147px;
    margin: 0 auto;
}
	.map{width: 500px;height: 400px; margin-left: 10px;float: right;border: 2px solid #ccc;}
	footer div{width: 1000px;margin: auto;}
}
@media screen and (max-width:999px){
	header{height: 300px;}
	/*h1{line-height: 300px;padding-top: 0;}*/
    h1{height: auto;font-size: 26px;line-height: 3.6rem; padding: 15px 5px;}
	h1 img{max-width: 450px; width: 65%; vertical-align: middle;}
	.wrap{padding: 1em;}
	.map{height: 300px;}
}



table.border{border-collapse:collapse;
	border-spacing:0;
	width:100%;
	font-size:90%;
	border:1px solid #323232;
	box-sizing: border-box;}

table.border th,table.border td{border: 1px solid #787878; padding: 5px 10px;
vertical-align: top;}
table.border th{/*background-color: #bbdbf3;*/background-color:#DFC976; font-weight: bold;}
table.sche{margin: 20px 0;}
table.sche th,table.sche td{padding: 0 20px 0 0;}

ul.disc {margin-left: 1.5em;}
ul.disc li{list-style: disc;}
ul.list{list-style: none;margin-left: 1em;text-indent: -1em;}
ul.list li:before{content: "※";}
ol{margin-left: 30px;}

.red{color: red;}
.apl{text-align: center;font-size: 125%;margin: 20px 0 60px 0;font-weight: bold;}
.large{font-size: 140%;}

.yn_btn{text-align: center;margin: 20px 0;}
.yn_btn img{margin-right: 20px;margin-bottom: 10px;}


.f_left{float: left;}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}

.button {
  display: inline-block;
  width: 65%;
  text-align: center;
  text-decoration: none;
  outline: none;
	border: 1px solid #c9171e;
  background-color: #e83929;
  background-image: -webkit-linear-gradient(top, #e83929, #c9171e);
  background-image: linear-gradient(to bottom, #e83929, #c9171e);
  border-radius: 4px;
  color: #fff;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	font-weight: bold;
	letter-spacing: 5px;
	font-size: 20px;
	padding: 20px 10px;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button:hover {
  border:1px solid #cd5e3c;
  background-color: #b7282e;
  background-image: -webkit-linear-gradient(top, #cd5e3c, #b7282e);
  background-image: linear-gradient(to bottom, #cd5e3c, #b7282e);
}
.button:active {
  background: #e83929;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
  color: #1679a1;
  text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}
@media screen and (min-width:1170px){
h1{
font-size: 48px;
width: 1177.5px;
margin: 0 auto;
}
.top img{
padding-bottom: 25px;
}
}
@media screen and (min-width:1000px){
	.w50{width: 50%;}
}
@media screen and (max-width:999px){
	table.detail th,table.detail td{display: block;}
	table td.pro{font-weight: bold;background-color: #CFDCF0}
}
@media screen and (min-width:700px){
h1,h2{font-size: 32px!important;}
}
@media screen and (max-width:699px){
	h2{padding: 15px;text-align: center;margin: 5px 0 30px 0;border-top-left-radius: 20px;border-bottom-right-radius: 20px;font-size: 16px;}
	dl.program dt{font-size: 15px;}
	.table_outer{ overflow-x: scroll;padding-bottom: 3px;}
	.table_outer table.border{
  min-width: 699px;}
	.mesg img{max-width: 100%;height: 250px;}
	footer img{width: 100%;}
	.f_right{float: none;margin-bottom: 5px;width: 70%;}
	table.border{
	width:100%;
	font-size:13px;}
	.button {
  display: inline-block;
  width: 70%;
		font-size: 15px;
}
}

.comment{
	color: red;
	font-size: 90%;
	line-height: 0;
	margin-top: 1.2rem;
}

.hyounai{
	line-height: 3.8;
}

.scroll-table {
    overflow:hidden;
  overflow-x:scroll;
    white-space: nowrap;
    border: solid 1px #ddd;
 }

.day{
	
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 28px;
}

.table2{
        border-collapse: collapse;
        border:none;
	 margin-top:5px;
    }
    
    .table2 th{
        border:none;
        padding:5px 5px 4px;
        font-size:100%;
        font-weight:normal;
        color:#FFF;
        /*border:1px solid #000;*/
        background-color: #8C8C8C;
        text-align:center;
     }

    .table2 td{
        background:#FFF;
        font-weight:normal;
        border:none;
        border-left:1px solid #000;
        border-right:1px solid #000;
        padding:5px 5px 4px;
        font-size:100%;
    }
.b_btm{border-bottom: 1px solid #000; }
.b_bts{border: 1px solid #000; }

    .table2 caption{
        text-align:left;
        font-size:70%;
    } 

#step {
	padding:1.5rem 3rem;
	margin: 0%  0 2% 0%;
	border:2px solid #333;
	line-height: 2;
	 
}
#stepnum {
	background-color: #333;
	padding:  1%  0 1% 0%;
	color: #fff;
	border:1px solid #333;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	 margin-top:2%;
}

.arrow{
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top: 20px solid #333;
	margin: auto;
	margin-bottom: -1.7rem;
	
}
.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}
#gree{
font-size: 100%;
	margin: 40px auto;
	width: 100%;
	line-height: 2;
	font-weight: 400;
}
#gree p{margin-left: 1.6rem;
	
}

#point {margin-bottom: 2rem;
	
}
#point p{font-size: 90%;
	
}
#point img{
	width: 300px;
	float: right;
	padding:0 0 15px 30px;
	margin-bottom: 50px;
}
@media screen and (max-width:768px){
	#point img{float: none;
		margin: auto;		
	}
	#nittei , .nittei,.hyounai,.comment,.day{
		font-size: 60%;
	}
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 500px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}


/*以下追加　202306*/
ol > li{
margin-left: 1.6rem;
}
ul > li{
margin-left: 1.6rem;
}
h4{
font-size: 1.5rem;
line-height: 3rem;
margin: 25px auto;
text-align: center;
  position: relative;
  padding: 0 65px;
}

h4:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
/*  background: #FD9301;*/
background: #000;
}

h4 span {
  position: relative;
  padding: 0 1em;
  background: #fff;
 /* color: #FD9301;*/
 color: #000;
}
.detail{
margin: 50px auto;

}
.box{
    /*background-color:#FBEDDF;*/
    /*background-color:#FCF3C8;*//*うす黄色*/
    color: #FDFDEB;
    background-color:#1B3993;
    border-radius: 30px;
    /*border: 5px solid #FD9301;*/
    border: 5px solid #09194F;
    padding: 20px;
}
.box *{
margin-bottom: 25px;
}
h5{
font-size: 24px;
 font-weight: bold;
}
ol li::marker{
	font-weight:bold;
	color: #0058A2;
}
.circle2{
border-radius: 50px;
/*background-color: #FD9301;*/
background-color: #FED400;
/*color: #fff;*/
color: #000;
display: inline-block;
width: 25px;
padding: 0 10px;
margin: 5px auto;
margin-right: 10px;
}
.circle{
border-radius: 50px;
/*background-color: #FD9301;*/
background-color: #FED400;
color: #000;
display: inline-block;
width: 15px;
padding: 0 12px;
margin: 5px auto;
}
.orange{
font-weight: bold;
font-size: 1.2rem;
/*color: #FD9301;*/
color: #FED400;
letter-spacing: -0.1em;
}
.black{
font-weight: bold;
font-size: 1.2rem;
color: #000000;
letter-spacing: -0.1em;
}
.gold{
font-weight: bold;
font-size: 1.2rem;
color: #DFC976;
letter-spacing: -0.1em;
}
.white{
font-weight: bold;
font-size: 1.2rem;
color: #FDFDEB;
letter-spacing: -0.1em;
}
.bb{
background-color: #B81C22;
color: #FDFDEB;
text-align: center;
}
.box a{
text-decoration: none;
}
.box a:hover{
/*opacity: 0.5;*/
background: #fff!important;
}
a .btn:hover{
background: #eee;
color: #FD9301;
border-bottom: 5px solid #ccc;
}
a .btn_red:hover{
background: #eee;
color: #ff0000;
border-bottom: 5px solid #ccc;
}
input .btn:hover{
background: #eee;
color: #FD9301;
border-bottom: 5px solid #ccc;
}
input .btn_red:hover{
background: #eee;
color: #ff0000;
border-bottom: 5px solid #ccc;
}
.bb:hover{
transform: translateY(3px);
background-color: #FDFDEB!important;
color: #B81C22;
}
#cansel{
margin: 25px auto;
}
#cansel table{
width: 100%;
margin: 0 auto;
text-align: left;
/*border: 1px solid #0058A2;*/
border: 1px solid #DFC976;
border-collapse: collapse;
}
#cansel table th{
/*background: #0058A2;*/
background: #DFC976;
color: #fff;
line-height: 2rem;
}
#cansel table td{
padding-left: 16px;
line-height: 2rem;
font-size: 0.8rem;
}
.indent-1 {
padding-left:1em;
text-indent:-1em;
}
a{
text-decoration: none!important;
}
a:hover{
/*opacity: 0.5;*/
}
.btn{
/*width: 250px;*/
/*height: 50px;*/
background-color: #FD9301;
display: block;
margin: 25px auto;
text-align: center;
color: #fff;
font-weight: bold;
/*line-height: 50px;*/
margin-top: 50px;
font-size: 1.5rem; 
line-height: 60px;
width: 325px; 
height: 60px;
border-bottom: 5px solid #e68600;
border-radius: 3px;
}
.btn_red{
background-color: #ff0000;
border-bottom: 5px solid #cc0000;
width: 400px;
margin-bottom: 50px;
padding: 15px;
}
.btn img{
display: inline-block;
vertical-align: middle;
}
.btn_top{
width: 250px;
height: 60px;
background-color: #000;
display: block;
margin: 0 auto;
text-align: center;
color: #FED400;
font-weight: bold;
line-height: 42px;
padding-top: 7px;
margin-bottom: 25px;
}
dd img{
/*display: inline-block;*/
vertical-align: middle;
/*margin-left: 5px;*/
margin: 0 auto;
display: block;
}
.flex769_block768 p,
#flex769_block768 p{
text-align: right;
}
@media screen and (min-width:769px){
.top img{
width: 100%;
max-width: 1177px;
margin: 0 auto;
text-align: center;
display: block;
}
.detail{
width: 100%;
display: flex;
justify-content: space-evenly;
gap: 2%;
}
.box{
width: 30%;
}
.for_sp{
display: none;
}
#sp img{
display: none;
}
.flex,
.flex769_block768,
#flex769_block768{
display: flex;
width: 100%;
margin: 25px auto;
gap: 5px;
}
.flex769_block768 img,
#flex769_block768 img{
width: 100%;
height: auto;
}
}
@media screen and (max-width:900px){
.top img{
width: 100%;
margin: 0 auto;
text-align: center;
}
#tour_point{
/*padding-top: 25px;*/
background: #fff;
}
}
@media screen and (max-width:768px){
.detail{
display: block;
}
.box{
width: 85%;
margin: 25px auto;
}
#cansel table th{
display: block;
width: 100%!important;
text-align: center;
}
.before_hide:before{
content: none;
}
h4{
padding: 0;
font-size: 15px;
}
h4 span{
padding: 0;
}
.flex,
.flex769_block768,
#flex769_block768{
display: block;
width: 100%;
margin: 0 auto;
text-align: center;
}
.flex769_block768,
#flex769_block768{
margin: 0 auto;
}
.flex{
margin: 25px auto;
}
.flex769_block768 img:first-child,
#flex769_block768 img:first-child{
margin-top: 25px;
}
.flex769_block768 img:nth-child(2),
#flex769_block768 img:nth-child(2){
margin-top: 5px;
}
.for_pc{
display: none;
}
#pc img{
display: none;
}
nav ul a {
font-size: 14px;
line-height: 24px!important;
text-align: left;
padding-left: 1rem;
}
/* TEST */
nav ul span {
font-size: 14px;
line-height: 24px!important;
text-align: left;
padding-left: 1rem;
}
}
.wrap{
background: #fff;
padding-bottom: 15px;
}
body{
background: #fff;
}
#moushikomi{
width: 90%!important;
margin: 25px auto;
    background-color:#FBEDDF;

    color: #000;
   /* background-color:#333;*/
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border: 5px solid #FD9301;
 
    padding: 20px;
}

/* 上からフェードイン */
.slide-top {
	opacity: 0;
	transform: translate(0, -50px);
	transition: all 1s ease-out;
 }

/* 下からフェードイン */
.slide-bottom {
	opacity: 0;
	transform: translate(0, 20px);
	transition: all 1s ease-out;
 }

 /* 左からフェードイン */
.slide-left {
	opacity: 0;
	transform: translate(-20px, 0);
	transition: all 1s ease-out;
 }

/* 右からフェードイン */
.slide-right {
	opacity: 0;
	transform: translate(100px, 0);
	transition: all 0.5s ease-out;
 }
 .slide-top:nth-child(1){
 transition-duration: .5s;
 }
  .slide-top:nth-child(2){
 transition-duration: 1s;
 }
   .slide-top:nth-child(3){
 transition-duration: 1.5s;
 }
 @media screen and (min-width:901px){
nav ul{
width: 1178px;
margin: 0 auto;
}
nav ul a {
font-size: 16px;
}
/* TEST */
nav ul span {
font-size: 16px;
}
}
 @media screen and (max-width:900px){
nav ul{
width: 100%;
margin: 0 auto;
}
}
nav{
width: 100%;
position: fixed;
top: 0;
text-align: center;
display: block;
height:50px;
margin: 0 auto;
z-index: 100;
}
nav ul{
 display: flex;
 justify-content: space-between;
 }
nav ul a {
/*width: 25%;*/
width: 100%;
list-style: none;
margin-left: 0;
text-align: center;
line-height: 50px;
outline: 1px solid #666;
background-color: #1B3993;
font-weight: bold;
color: #fff;
 }
 nav ul a:hover{
 background-color: #fff;
 color: #1B3993;
/* opacity: 0.7;*/
 }
/* TEST */
nav ul span {
/*width: 25%;*/
width: 100%;
list-style: none;
margin-left: 0;
text-align: center;
line-height: 50px;
outline: 1px solid #666;
background-color: #1B3993;
font-weight: bold;
color: #fff;
 }
 nav ul span:hover{
 background-color: #fff;
 color: #1B3993;
/* opacity: 0.7;*/
 }
nav ul span select{
	border: none;
	background-color: #1B3993;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}
nav ul span select:hover{
	background-color: #fff;
	color: #1B3993;
}

.top {
margin-top:50px;
}
a h2:hover{
background: #eee!important;
color: #Fed400!important;
}
.point_img{
width: 100%;
margin: 0 auto;
margin-top: 25px;
}
 @media screen and (min-width:486px){
 dd img{
width: 80%;
 }
 }
 @media screen and (max-width:485px){
 .jokensho{
 font-size: 12px;
 }
 .point_img{
width: 100%;
margin: 0 auto;
margin-top: 25px;
}
nav{
 height: 30px!important;
 }
 .btn_red{
width: 300px;
font-size: 1.2rem;
padding: 5px;
}
dd img{
width: 100%;
 }
 }
/*-------------------------------------------------------------------
  hotel
-------------------------------------------------------------------*/
.shisetsumei:before{
content: "施設名";
background: #fff;
color: #FD9301;
margin-right: 1rem;
font-size: 1rem;
padding-bottom: 3px;
vertical-align: middle;
padding: 3px;

}
.pt{
padding-top: 25px!important;
}
 @media screen and (min-width:486px){
.shisetsumei:before{
font-size: 1rem;
}
 }
 @media screen and (max-width:485px){
.shisetsumei:before{
font-size: 12px;
}
 }
.hotel_flex{
display: flex;
width: 90%;
margin: 0 auto;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
.hotel_btn {
    width: 200px;
    height: 50px;
    background-color: #Fed400;
    display: block;
    margin: 10px auto;
    text-align: center;
    color: #333;
    font-weight: bold;
    line-height: 50px;
}
a .hotel_btn:hover{
background: #eee;
color: #Fed400;
}
.category{
border-radius: 15px;
background-color: #c82c55;
color: #fff;
height: 25px;
line-height: 25px;
padding: 0 10px;
font-size: 0.8rem;
widht: auto;
font-weight: bold;
display: inline-block;
}
.none_category{
height: 25px;
line-height: 25px;
/*padding: 0 10px;*/
widht: auto;
font-weight: bold;
display: inline-block;
}
.hotel_info{
display: inline-block;
font-size: 0.8rem;
font-weight: bold;
margin: 10px;
}

.info{
display: inline-block;
width: 50%;
}
.point{
margin-top: 25px;
}
.point:before{
content: "●";
color: #Fed400;
}
.hotel_flex2{
gap: 15px;
}
.hotel_left{
}
.hotel_right{
margin: 25px auto;
}
.room_name{
display: inline-block;
height: 30px;
vertical-align: sub;
font-size: 21px;
}
.hotel{
width: 100%;
}
.hotel dl{
margin-bottom: 10px;
}
.hotel dl:first-child,
.only_flex img{
/*margin-top: 25px!important;*/
}
.hotel dl > dt{
width: 25%;
display: inline-block;
vertical-align: top;
/*font-weight: bold;*/
background: #FCDF4F;
border-left: 3px solid #333;
line-height: 1.4rem;
padding-left: 2px;
}
.hotel dl > dd{
width: 70%;
display: inline-block; 
word-break: break-all; 
line-height: 1.1rem;
margin-left: 5px;
}
.only_flex{
display: flex;
gap: 2px;
}
 @media screen and (min-width:486px){
 .hotel_left{
width: 60%;
}
.hotel_right{
width: 39%;
}
.hotel_flex2{
display: flex;
margin: 0 auto;
width: 100%;
}
 }
 @media screen and (max-width:485px){
 .hotel_flex{
 width: 100%;
 justify-content: center;
 }
 .hotel_flex2{
display: block;
}
.hotel_btn {
    width: 150px;
    font-size: 0.8rem;
 } 
 .hotel_left{
width: 100%;
}
.hotel_right{
width: 100%;
}
.hotel dl > dt{
width:  calc(100% - 2px );
display: block;
margin-bottom: 10px;
}
.hotel dl > dd{
width: calc(100% - 2px );
display:block; 
}
.room_name{
font-size: 14px;
}
 }
  @media screen and (max-width: 900px) and (min-width:486px){
 .tonai{
 top: -50px!important;
 }
 nav ul a{
 font-size: 13px;
 }
/* TEST */
 nav ul span{
 font-size: 13px;
 }
 .box{
 width: 27%;
 }
 .hotel dl > dt{
 width: 32%;
 }
  .hotel dl > dd{
 width: 90%;
 }
   .flex769_block768,
  #flex769_block768{
  justify-content: center;
  }
/* #flex769_block768 img:first-child,
 .only_flex img{
margin-right: 5px;
 }*/
 }
/*-------------------------------------------------------------------
  pagetop
-------------------------------------------------------------------*/
/***追従するトップへ戻るボタン***/
#page-top {
    position: fixed;
    right: 3rem;
    bottom:1rem;
   /* height: 50px;*/
    text-decoration: none;
    font-weight: bold;
    /*transform: rotate(90deg);*/
    font-size: 25px;
    line-height: 1.5rem;
    color: #000;
   /* background: url("../imgs/page_top.jpg");*/
	background: #Fed400;
	border-radius: 5px;
    padding:35px;
   /* border-top: solid 1px;*/
   border: 1px solid #e6bf00;
   border-bottom: 3px solid #e6bf00;
}
#page-top::before {
    content: "∧";
    display: block;
    font-size: 36px;
    position: absolute;
    top: 20px;
    left: 22.5px;
    width: 50px;
}
/***トップへ戻るボタンここまで***/

.required {
  color: #fff;
  display: inline-block;
  background: #ef5350;
  padding: 2px 9px 0;
  font-size: 0.8rem;
  font-weight: bold;
  border-radius: 4px;
  margin-left: 10px;
}
.top-spacer dd {
	margin-top: 10px;
}