@charset "utf-8";
.freeArea-direct{overflow:hidden;}
#re_wrap{
	width:940px;
	margin:0 auto 35px;
	font-size:16px;
	text-align:center;
	color:#5c5c5c;
	background-color:#fef3d5;
	padding: 0 0 1em;
	box-sizing:border-box;
}
#re_wrap *{box-sizing:border-box;font-size:inherit;color:inherit;}
#re_wrap img{max-width:100%;vertical-align:bottom;}
#re_wrap a{text-decoration:none;color:inherit;}
#re_wrap a:hover{opacity:0.7;transition:0.3s;}
#re_wrap .pc{display:block;}
#re_wrap .sp{display:none;}
#re_wrap span{font-size:150%;}
#re_wrap .hj_sitetitle span{
	display:block;
	padding-left:1em;
	text-indent:-1em;
}
#re_wrap .hj_site{
	text-align:left;
	padding:0 3%;
	margin-top:1em;
}
#re_wrap .hj_sitetitle{
	color:#5e3c25;
	line-height:1.4;
	text-align:left;
	margin:1em 0 0 3%;
}
#re_wrap .hj_sitebox{
	margin-top:10px;
	border:solid 2px #5e3c25;
	border-radius:10px;
	padding:1em;
	background-color:#FFF;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
#re_wrap .hj_sitebox span{
	color:#f00;
	padding:0 0.2em;
	font-weight:bold;
}
#re_wrap .hj_siteright{
	width:76%;
	display:inline-block;
	padding-left:1em;
	position:relative;
}
#re_wrap .hj_sitecp{
	padding:0.3em 0.5em 0.2em;
	display:inline-block;
	color:#FFF;
	background-color:#f00;
	border-radius:5px;
	position:absolute;
	too:0.5em;
	right:0;
}
#re_wrap .hj_logo{width:24%;}
#re_wrap .hj_ojwrap{
	display:flex;
	flex-wrap:wrap;
	margin:12px -1.75%;
	padding:0 3%;
}
#re_wrap .hj_ojbox{
	width:calc(33.333% - 1.75% * 2);;
	margin:12px 1.75%;
	background-color:#FFF;
}
#re_wrap .hj_ojbtitle{
	padding:0.7em 1em 0.5em;
	border-left:solid 2px;
	font-size:18px;
}
#re_wrap .ruby{
	display:block;
	font-size:60%;
}
#re_wrap .hj_ojbtxt{
	padding:0.5em;
	font-size:14px;
	text-align:left;
	color:#333;
}
#re_wrap .hj_ojbimg{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
#re_wrap .hj_ojbimg img{
	box-sizing:border-box;
	height:auto;
}
#re_wrap .hj_w50{
	width:50%;
	padding:1px 0.5px 0 0;
	height:auto;
}
#re_wrap .hj_w50:nth-child(2n){
	padding:1px 0 0 0.5px;
}
#re_wrap .hj_w100{
	width:100%;
	padding-top:1px;
	height:auto;
}
/*エリア別カラー設定*/
#re_wrap .hj_area01 .hj_ojbtitle{border-color:#2f49b7;color:#2f49b7;}
#re_wrap .hj_area02 .hj_ojbtitle{border-color:#236783;color:#236783;}
#re_wrap .hj_area03 .hj_ojbtitle{border-color:#218f3f;color:#218f3f;}
#re_wrap .hj_area04 .hj_ojbtitle{border-color:#279f65;color:#279f65;}
#re_wrap .hj_area05 .hj_ojbtitle{border-color:#33b51a;color:#33b51a;}
#re_wrap .hj_area06 .hj_ojbtitle{border-color:#76ac27;color:#76ac27;}
#re_wrap .hj_area07 .hj_ojbtitle{border-color:#54b309;color:#54b309;}
#re_wrap .hj_area08 .hj_ojbtitle{border-color:#859d02;color:#859d02;}
#re_wrap .hj_area09 .hj_ojbtitle{border-color:#a66000;color:#a66000;}
#re_wrap .hj_area10 .hj_ojbtitle{border-color:#ae2100;color:#ae2100;}
#re_wrap .hj_area11 .hj_ojbtitle{border-color:#cc1300;color:#cc1300;}
#re_wrap .hj_area12 .hj_ojbtitle{border-color:#f00;color:#f00;}



/********アコーディオンメニュー*********/
#re_wrap .accbox {
    margin:5px 0 0;
    margin-right:1%;
    padding: 0;
    display:inline-block;
    width:100%;
    vertical-align:top;
}
#re_wrap .vr_kt_list .accbox:nth-child(2n+2){
	margin-right:0;
	margin-left:1%;
}

/**************ラベル***************/
#re_wrap .accbox label {
    display: block;
    margin:0;
    padding : 0.5em 1em;
    color: #FFF;
    font-weight: bold;
    background: #f39800;
    cursor :pointer;
    transition: all 0.5s;
    position:relative;
    font-size:16px;
}

/*************アイコンを表示************/
#re_wrap .accbox label:before {
    content: '\25BC';
    position:absolute;
    left:1em;
    top:50%;
    margin-top:-0.7em;
    transition: 0.8s;
}

/***********ラベルホバー時*********/
#re_wrap .accbox label:hover {
    background :#eabc5a;
}

/*********チェックは隠す*********/
#re_wrap .accbox input {
    display: none;
}

/************中身を非表示にしておく************/
#re_wrap .accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/***************クリックで中身表示**************/
#re_wrap .cssacc:checked + label + .accshow {
    height: auto;
    padding:0px;
    background: #fdd040;
    opacity: 1;
}

#re_wrap .accbox .accshow p {
    margin: 15px 10px}

/*************アイコンを入れ替える**************/
#re_wrap .cssacc:checked + label:before {
    transform:rotate(60deg);
    transition: 0.8s;
}
#re_wrap .accbox table{
	font-size:14px;
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}
#re_wrap .accbox table tr{
	background-color:#FFF;
	font-size:14px;
	text-align:center;
}
#re_wrap .accbox table tr td{
	padding:10px 6px 5px;
	font-size:14px;
	border:solid 1px #e8a413;
}
#re_wrap .accbox table tr td a{
	display:block;
	width:100%;
	height:100%;
	font-size:14px;
}


@media only screen and (max-device-width: 760px) {
#re_wrap{width:100%;padding:0 0 1em;font-size:4.5vw;}
#re_wrap .pc{display:none;}
#re_wrap .sp{display:block;}
#re_wrap .hj_ojbox{
	width:100%;
	margin-right:0;
}
#re_wrap .hj_logo{width:65%; margin:0 auto;}
#re_wrap .accbox label{font-size:5vw;padding:0.3em 0.2em;}
#re_wrap .accbox label:before {left:0.5em;}
#re_wrap .accbox table tr td a{font-size:4vw;}
#re_wrap .hj_sitetitle span{
	font-size:4.7vw;
}
#re_wrap .hj_siteright{
	width:100%;
	max-width:none;
	padding:1em 0 0;
	text-align:center;
	font-size:4vw;
}
#re_wrap .hj_sitecp{
	display:block;
	width:100%;
	text-align:center;
	margin-bottom:0.5em;
	position:relative;
	top:auto;
	right:auto;
}
#re_wrap .hj_sitebox span{
	display:block;
	text-align:center;
}
#re_wrap .hj_ojbtitle{
	padding:0.5em 0.2em 0.2em;
	font-size:5vw;
}
}

#re_wrap .accbox_nol {
    margin:5px 0 0;
    margin-right:1%;
    padding: 0;
    display:inline-block;
    width:100%;
    vertical-align:top;
	position:absolute;
	left:0;
	bottom:0;
}

#re_wrap .accbox_nol .label_nol {
    display: block;
    margin:0;
    padding : 0.5em 1em;
    color: #FFF;
    font-weight: bold;
    background: #f39800;
    cursor :pointer;
    transition: all 0.5s;
    position:relative;
    font-size:16px;
}


#re_wrap .accbox .label_nol:hover {
    background :#eabc5a;
}
#re_wrap .accbox_nol {
    margin:5px 0 0;
    margin-right:1%;
    padding: 0;
    display:inline-block;
    width:100%;
    vertical-align:top;
	position:absolute;
	left:0;
	bottom:0;
}

#re_wrap .accbox_nol .label_nol {
    display: block;
    margin:0;
    padding : 0.5em 1em;
    color: #FFF;
    font-weight: bold;
    background: #f39800;
    cursor :pointer;
    transition: all 0.5s;
    position:relative;
    font-size:16px;
}


#re_wrap .accbox .label_nol:hover {
    background :#eabc5a;
}