@charset "utf-8";

/* CSS Document */

/* mod_panel
-----------------------------------------*/

.mod_panel .panelTitle {
	background-color: #ffffff;
	padding: 11px 0;
	position: relative;
	color: #FF9933;
	border: 1px solid #FF9933;
	font-size: 1.3rem;
	font-weight: 700;
	border-radius: 3px;
	text-align: center;
}

@media only screen and (min-width: 1024px) {

.mod_panel .panelTitle {
	font-size: 1.6rem;
}
}

.mod_panel .panelTitle.btn-pink {
	padding: 9px 0;
	background-color: #FF9933;
	color: #fff;
	font-size: 1.3rem;
	display: block;
	background-image: none;
}

.mod_panel .panelTitle:after {
	position: absolute;
	top: 30%;
	right: 10px;
	color: #FF9933;
	content: "\f0d7";
	font-family: FontAwesome;
}

@media screen and (min-width: 1280px) {

.mod_panel .panelTitle.btn-pink {
	font-size: 1.6rem;
}

.mod_panel .panelTitle:after {
	top: 20%;
}

.mod_panel .panelTitle:hover {
	background-color: #FF9933;
	color: #ffffff;
	border: 1px solid #ffffff;
	cursor: pointer;
}

.mod_panel .panelTitle:hover:after {
	color: #ffffff;
}
}

@media only screen and (min-width: 1024px) {

.mod_panel .panelTitle {
	transition: all .3s;
}
}

.mod_panel .panelTitle.open:after {
	content: "\f0d8";
	font-family: FontAwesome;
}

.mod_panel .panelTitle.btn-pink:after,
.mod_panel .panelTitle.btn-pink.open:after {
	color: #fff;
}

.mod_panel_inner {
	padding: 0;
}

.mod_panel_inner.close {
	display: none;
}

.mod_panel_inner_btn p.closebtn {
	display: block;
	cursor: pointer;
	padding: 15px 20px;
	text-align: center;
}

.mod_panel_inner_btn p.closebtn span {
	background-color: #CCC;
	border-radius: 4px;
	display: inline-block;
	padding: 5px 10px 7px 10px;
}

.mod_panel_inner_btn p.closebtn span::before {
	content: " ";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 120%;
	margin: 0 10px 0 0;
}