@charset "utf-8";

@import "layout.css";
@import "base.css";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600,700,900&display=swap&subset=japanese');

#mainvisual {
	width:100%;
	background:#AFE5FA url(../../images/mainbg.jpg) repeat-x;
}

#mainvisual .adlayer {
	width:100%;
	height:470px;
	background: url(../../images/mainbg2.png) no-repeat center ;
}

#mainvisual .adlayer2 {
	width:100%;
	height:460px;
	background: url(../../images/mainvisual.png) no-repeat center bottom;
	margin-bottom:-100px;
}

#mainvisual .inner {
	width:980px;
	height:460px;
	margin:0 auto;
	position:relative;
}

#mainvisual .inner h3 {
	display:none;
}

#mainvisual .inner h3.ribbon {
	display:block;
	position:absolute;
	top:-35px;
	left:80px;
}

/* -----------------------------
			content
----------------------------- */

.white {
	width:100%;
	background:#fff;
	padding:0;
	margin:0;
}

.form {
	background:#BA8A24;
	width:100%;
	padding:0;
	margin:0;
}


.white .inner {
	width:980px;
	margin:0 auto;
	padding:0 0 30px 0;
}

.white .inner h3 {
	margin-bottom:30px;
}

/**/

#notice_2019 {
	padding:0;
	width:980px;
	margin:30px auto;
	text-align:left;
	border:1px solid #ddd;
	border-radius:10px;
	overflow:hidden;
}

#notice_2019 h3{
	font-size:30px;
	font-family: 'Noto Serif JP', serif;
	font-weight:600;
	text-align:left;
	letter-spacing:2px;
	margin:0 auto 20px 0;
	background:#f00;
	color:#fff;
	padding:12px 25px;
}

#notice_2019 p {
	font-size:15px;
	margin:0 auto 20px 0;
	padding:5px 40px;
}

#notice_2019 p.caution {
	text-align:center;
	font-size:20px;
}

#notice_2019 p.caution2 {
	text-align:center;
	font-size:15px;
}

#notice_2019 p.caution2 a {
	text-decoration:underline;
	color:#006CD8
}

#notice_2019 p strong {
	color:#f00;
}

#notice_2019 p.caution strong {
	color:#f00;
	font-weight:bold;
}

#notice_2019 ul.list1 {
	display:flex;
	padding:35px 30px 10px 30px;
	width:86%;
	margin:0 auto 15px auto;
	background:#f8f8f8;
	border-radius:10px;
}


#notice_2019 ul.list1 li {
	width:33%;
	text-align:center;
}

#notice_2019 ul.list1 li h5 {
	font-size:19px;
	color:#f00;
	margin-bottom:10px;
}

#notice_2019 ul.list1 li p {
	font-size:14px;
	line-height:180%;
}

#notice_2019 ul.list1 li div {
	background:#FFA64D;
	display:block;
	border-radius:50%;
	color:#fff;
	width:222px;
	height:222px;
	margin:0 auto 20px auto;
}

#notice_2019 ul.list1 li:nth-child(1) div {
	background:#FFA64D url(../../images/2019_ico1.png) no-repeat center 20px;
}

#notice_2019 ul.list1 li:nth-child(2) div {
	background:#FFA64D url(../../images/2019_ico2.png) no-repeat center 50px;
}
#notice_2019 ul.list1 li:nth-child(3) div {
	background:#FFA64D url(../../images/2019_ico3.png) no-repeat center 20px;
}

#notice_2019 ul.list1 li div h4 {
	font-size:26px;
	padding-top:110px;
	margin-bottom:5px;
}

#notice_2019 ul.list1 li:nth-child(2) div h4 {
	padding-top:135px;
}


#notice_2019 ul.list1 li:nth-child(3) div h4 {
	font-size:22px;
	letter-spacing:-1px;
}

#notice_2019 ul.list1 li:nth-child(3) div h4 span {
	font-size:15px;
	padding-left:2px;
}

#notice_2019 ul.list1 li div p {
	font-size:13px;
	line-height:120%;
	padding:0 20px;
}

/**/

#notice_2019 p.add {
	background:#EEEEEE;
	width:866px;
	margin:0 auto;
	padding:20px;
	font-size:18px;
	border-radius:10px;
}

#notice_2019 ul.list2 {
	display:flex;
	width:906px;
	padding:20px 0 0 0;
	margin:0 auto;
}


#notice_2019 ul.list2 li {
	text-align:center;
}

#notice_2019 ul.list2 li:nth-child(1),
#notice_2019 ul.list2 li:nth-child(3) {
	width:30%;
}

#notice_2019 ul.list2 li:nth-child(2) {
	width:40%;
}

#notice_2019 ul.list2 li h4 {
	font-size:30px;
	color:#fff;
	margin-bottom:10px;
	padding-top:45px;
}

#notice_2019 ul.list2 li p {
	font-size:18px;
	font-weight:bold;
	padding:0;
}

#notice_2019 ul.list2 li div {
	background:#D90000;
	display:block;
	border-radius:50%;
	color:#fff;
	width:180px;
	height:180px;
	margin:0 auto 20px auto;
}

ul.twocase {
	display:flex;
	justify-content:center;
	width:980px;
	margin:0 auto;
	padding:10px 0 5px 0;
}

ul.twocase li {
	width:670px;
	height:182px;
	position:relative;
}

ul.twocase li:nth-child(1) {
	background:url(../../images/bg_case1_new.png);
}


ul.twocase li:nth-child(2) {
	background:url(../../images/bg_case2.png);
}

ul.twocase li h3 {
	font-size:30px;
	color:#fff;
	padding:6px 0 0 0;
}

ul.twocase li h4 {
	position:absolute;
	font-size:26px;
	left:165px;
	top:65px;
}

ul.twocase li h4.blue {
	color:#0570D8;
}


ul.twocase li h4.green {
	color:#26AD34;
}

ul.twocase li p {
	position:absolute;
	font-size:15px;
	left:165px;
	top:120px;
	text-align:left;
	line-height:180%;
}

ul.twocase li p strong {
	font-weight:bold;
	font-size:130%;
}


/**/
#usage_type {
	width:980px;
	margin:20px auto 50px auto;
}

#usage_type li {
	width:100%;
	float:left;
}

#usage_type li a {
	border:1px solid #39A5C1;
	border-radius:7px;
	display:block;
	overflow:hidden;
}

#usage_type li a {
	color:#000;
}

#usage_type li a img {
	margin-right:25px;
	float:left;
}

#usage_type li a:hover {
	text-decoration:none;
	opacity:0.7;
}

#usage_type li a p {
	text-align:left;
	padding:40px 10px;
	font-size:15px;
	line-height:180%;

}

/**/
#notification {
	width:980px;
	margin:20px auto 50px auto;
	clear:both;
}

#notification h3 {
	color:#fff;
	background:#EB2813;
	padding:8px;
	font-size:18px;
}

#notification .box {
	border:1px solid #ccc;
	border-top:0;
	padding:25px 25px 15px 25px;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eee), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #eee);
	background: -moz-linear-gradient(#fff, #eee);
	background: -o-linear-gradient(#fff, #eee);
	background: -ms-linear-gradient(#fff, #eee);
	background: linear-gradient(#fff, #eee);

}

#notification .box p.intro {
	font-size:14px;
	font-weight:bold;
	line-height:180%;
	margin:0 auto 20px auto;
}

#notification .box .point {
	background:#fff;
	padding:15px;
	border-radius:15px;
	border:1px solid #FB8787;
	margin:0 auto 10px auto;
}

#notification .box .point strong {
	font-weight:bold;
	color:#EB2613;
}

#notification .box .point h4 {
	font-size:20px;
	margin-bottom:8px;
}

#notification .box .point h5 {
	font-size:14px;
}


/**/
#reason {
	margin-top:10px;
}

#reason ul {
	border:3px solid #ccc;
	border-radius:8px;
	padding:10px;
	margin:0 auto 20px auto;
}

#reason ul li {
	float:left;
	width:474px;
	text-align:left;
}

#reason ul li:nth-child(1) {
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
}

#reason ul li:nth-child(2) {
	border-bottom:2px solid #ccc;
}

#reason ul li:nth-child(3) {
	border-right:2px solid #ccc;
	clear:both;
}

#reason ul li img {
	float:left;
	padding:10px 5px 20px 5px;
}

#reason ul li h4 {
	color:#004B39;
	font-size:22px;
	font-weight:bold;
	margin-bottom:10px;
	padding:15px 0 0 0;
}

#reason ul li p {
	font-size:13px;
	padding:0 15px 10px 0;
	line-height:140%;
}


/**/
#recom {
	background:#eee url(../../images/bg_reco.png) no-repeat center top;
}

#recom .inner {
	height:680px;
	width:980px;
	padding:0;
}

#recom .inner h3 {
	padding:70px 0 20px 0;
}

#recom .inner ul {
	width:980px;
	margin:0 auto;
}

#recom .inner ul li {
	float:left;
	width:196px;
	text-align:center;
	margin-bottom:20px;
}

#recom .inner ul li img {
	margin:0 auto 15px auto;
}

#recom .inner ul li h4 {
	margin:0 auto 15px auto;
	font-size:14px;
	
}

#recom .inner p.caution {
	clear:both;
	text-align:center;
	font-size:13px;
}


/**/
#about {
	margin-top:-50px;
}

#about .inner {
	width:980px;
	padding:0 0 80px 0;
	background:url(../../images/bg_help.png) no-repeat top center;
}

#about .inner h3 {
	padding:65px 0 20px 0;
}

#about .inner p.catch {
	font-size:14px;
	line-height:180%;
	margin:0 auto 50px auto;
}

#about .inner ul.nav {
	width:980px;
	clear:both;
	margin:0 auto;
}

#about .inner ul.nav li {
	background:#EDEDED;
	width:490px;
	float:left;
	text-align:center;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	margin-bottom:50px;
}



#about .inner ul.nav li a {
	width:490px;
	display:block;
	padding:8px 0;
	margin:10px 0;
}

#about .inner ul.nav li.first {
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}

#about .inner ul.nav li.first a {
	border-right:1px solid #ccc;
	width:489px;
}

#about .inner .about_box1 {
	margin:0 auto 40px auto;
	width:988px;
	height:1862px;
	background: url(../../images/bg_about1.png) center top;
	clear:both;
	position:relative;
}

#about .inner .about_box2 {
	margin:0 auto 0 auto;
	width:988px;
	height:1000px;
	background: url(../../images/bg_about2.png) center top;
	clear:both;
	position:relative;
}

#about .inner .about_box1 h4.ttl,
#about .inner .about_box2 h4.ttl {
	color:#fff;
	font-size:32px;
	font-weight:normal;
	position:absolute;
	top:30px;
	left:100px;
}

#about .inner .about_box1 h4.rate,
#about .inner .about_box2 h4.rate {
	color:#FFFF00;
	font-size:26px;
	font-weight:normal;
	position:absolute;
	top:20px;
	right:20px;
}

#about .inner .about_box1 p.gaiyo,
#about .inner .about_box2 p.gaiyo {
	color:#fff;
	font-size:15px;
	font-weight:bold;
	position:absolute;
	top:55px;
	right:25px;
}



#about .inner .about_box1 p,
#about .inner .about_box2 p {
	font-size:14px;
	line-height:180%;
	position:absolute;
	text-align:left;
}

#about .inner .about_box1 p strong,
#about .inner .about_box2 p strong {
	font-weight:bold;
}

#about .inner .about_box1 p.intro{
	width:520px;
	top:190px;
	left:420px;
}

#about .inner .about_box1 a.detail {
	position:absolute;
	top:300px;
	left:420px;
}

#about .inner .about_box1 p.intro_caution,
#about .inner .about_box2 p.intro_caution {
	width:520px;
	top:375px;
	left:420px;
	font-size:12px;
}

#about .inner .about_box1 h5,
#about .inner .about_box2 h5  {
	color:#F7394D;
	border:2px solid #F7394D;
	border-left:4px solid #F7394D;
	padding:8px 10px;
	width:400px;
	position:absolute;
	text-align:left;
	font-size:18px;
}

#about .inner .about_box1 h5.big,
#about .inner .about_box2 h5.big {
	background:#F7394F;
	color:#fff;
	position:absolute;
	width:880px;
	padding:6px 10px;
	left:42px;
	top:120px;
	font-size:24px;
}
#about .inner .about_box1 h5.ttl1 {
	left:45px;
	top:455px;
}

#about .inner .about_box1 p.txt1 {
	left:45px;
	top:525px;
	width:430px;
}

#about .inner .about_box1 h5.ttl2 {
	left:515px;
	top:455px;
}

#about .inner .about_box1 p.txt2 {
	left:515px;
	top:525px;
	width:430px;
}

#about .inner .about_box1 h5.ttl3 {
	left:45px;
	top:655px;
}

#about .inner .about_box1 p.txt3 {
	left:45px;
	top:725px;
	width:430px;
}

#about .inner .about_box1 h5.ttl4 {
	left:515px;
	top:655px;
}

#about .inner .about_box1 p.txt4 {
	left:515px;
	top:725px;
	width:430px;
}

#about .inner .about_box1 h5.ttl5 {
	left:45px;
	top:1395px;
}

#about .inner .about_box1 p.txt5 {
	left:45px;
	top:1455px;
	width:430px;
}

#about .inner .about_box1 h5.ttl6 {
	left:515px;
	top:1395px;
}

#about .inner .about_box1 p.txt6 {
	left:515px;
	top:1455px;
	width:430px;
}

#about .inner .about_box1 h5.ttl7 {
	left:45px;
	top:1680px;
}

#about .inner .about_box1 p.txt7 {
	left:45px;
	top:1740px;
	width:430px;
}

#about .inner .about_box1 h5.ttl8 {
	left:515px;
	top:1680px;
}

#about .inner .about_box1 p.txt8 {
	left:515px;
	top:1740px;
	width:430px;
}

#about .inner .about_box2 p.intro {
	width:520px;
	top:190px;
	left:420px;
}

#about .inner .about_box2 a.detail {
	position:absolute;
	top:300px;
	left:420px;
}

#about .inner .about_box2 h5.ttl1 {
	left:45px;
	top:455px;
}

#about .inner .about_box2 p.txt1 {
	left:45px;
	top:515px;
	width:430px;
}

#about .inner .about_box2 h5.ttl2 {
	left:515px;
	top:455px;
}

#about .inner .about_box2 p.txt2 {
	left:515px;
	top:515px;
	width:430px;
}

#about .inner .about_box2 h5.ttl3 {
	left:45px;
	top:645px;
}

#about .inner .about_box2 p.txt3 {
	left:45px;
	top:705px;
	width:430px;
}

#about .inner .about_box2 h5.ttl4 {
	left:515px;
	top:645px;
}

#about .inner .about_box2 p.txt4 {
	left:515px;
	top:705px;
	width:430px;
}


#about .inner .about_box {
	border:3px solid #ccc;
	border-radius:8px;
	padding:20px;
	margin:0 auto 0 auto;
	text-align:left;
	clear:both;
}

#about .inner .about_box img {
	float:left;
	margin-right:30px;
}

#about .inner .about_box img.mrg {
	padding:15px 10px;
}

#about .inner .about_box h4 {
	color:#135D4C;
	font-size:26px;
	font-weight:bold;
	margin-bottom:10px;
	padding:10px 0 0 0;
}

#about .inner .about_box p {
	font-size:14px;
	margin-bottom:15px;
	line-height:160%;
}

#about .inner .about_box p.caution {
	font-size:12px;
}

#about .inner .about_box1 .inbox1 {
	width:900px;
	position:absolute;
	left:42px;
	top:850px;
}

#about .inner .about_box2 .inbox1 {
	width:900px;
	position:absolute;
	left:42px;
	top:830px;
}

#about .inner .about_box1 .inbox2 {
	width:900px;
	position:absolute;
	left:42px;
	top:1010px;
}

#about .inner .about_box1 .inbox h5,
#about .inner .about_box2 .inbox h5  {
	background:#F7394F;
	color:#fff;
	position:relative;
	width:880px;
	padding:6px 10px;
	font-size:24px;
	margin:0 auto 15px auto;
}

#about .inner .about_box1 .inbox p,
#about .inner .about_box2 .inbox p {
	float:left;
	width:660px;
}

#about .inner .about_box1 .inbox a,
#about .inner .about_box2 .inbox a {
	float:right;
}




/**/
#flow {
	margin-top:0;
}

#flow .inner {
	width:980px;
	padding:0;
	background:url(../../images/bg_flow.png) no-repeat top center;
}

#flow .inner h3 {
	padding:70px 0 10px 0;
}

#flow .inner ul {
	width:980px;
	height:330px;
	background: url(../../images/img_flow.png) no-repeat top center;
	margin:0 auto 20px auto;
}

#flow .inner ul li {
	width:120px;
	float:left;
	margin-right:48px;
	padding:135px 0 0 0;
	text-align:center;
}

#flow .inner ul li:nth-child(1) {
	margin-left:10px;
}

#flow .inner ul li:nth-child(6) {
	margin-right:0;
}

#flow .inner ul li h4 {
	color:#004B39;
	font-size:17px;
	font-weight:normal;
	border-bottom:1px solid #004B39;
	margin-bottom:5px;
	padding-bottom:5px;
}

#flow .inner ul li p {
	color:#333;
	font-size:12px;
	font-weight:normal;
	margin-bottom:5px;
	text-align:left;
}


/**/

#prices {
	margin-top:0;
	background:#FAF8EA;
}

#prices .inner {
	width:980px;
	padding:0;
}

#prices .inner h3 {
	padding:70px 0 0px 0;
}

#prices .inner h4 {
	padding:10px 0 10px 0;
	font-size:24px;
	color:#00A133;
	margin:0 auto 20px auto;
}

#prices .inner ul {
}

#prices .inner ul li {
	width:319px;
	border-right:1px solid #EEE9E2;
	float:left;
	text-align:left;
	margin-right:20px;
}

#prices .inner ul li:nth-child(3) {
	border:0;
	margin-right:0;
	width:300px;
}

#prices .inner ul li img {
	margin-bottom:15px;
}

#prices .inner ul li ul {
	background:#FAF8F1;
	border:1px solid #EEE9E2;
	padding:10px;
	width:278px;
	text-align:left;
}

#prices .inner ul li ul li {
	float:none;
	background:url(../../images/ico_pr_data.png) no-repeat left center;
	padding:3px 3px 3px 20px;
	font-size:12px;
	border:none;
}

#prices .inner p.caution {
	clear:both;
	font-size:12px;
	padding:30px 0;
	text-align:left;
}

/**/

#faq {
	margin-top:0;
}

#faq .inner {
	width:980px;
	padding:0 0 50px 0;
}

#faq .inner h3 {
	padding:70px 0 30px 0;
}

#acMenu dt{
    display:block;
    line-height:70px;
    text-align:left;
    border-top:#BFE1C9 1px solid;
    cursor:pointer;
    background:url(../images/ico_q.png) no-repeat left center;
    padding-right:15px;
	font-size:20px;
}

#acMenu dt span {
	display:block;
	padding-left:50px;
	background: url(../images/ico_open.png) no-repeat right center;
}

#acMenu dt.active span {
	background: url(../images/ico_close.png) no-repeat right center;
}

#acMenu dd{
    background:#EDF8F0 url(../images/ico_a.png) no-repeat 0 7px;
    text-align:left;
    display:none;
	font-size:14px;
}

#acMenu dd span {
	display:block;
	padding:15px 10px 15px 50px;
	line-height:180%;
}

/**/

#results {
	margin-top:0;
	background:#004B3A url(../../images/bg_results.png) no-repeat center top;
}

#results .inner {
	width:980px;

	padding:0;

}

#results .inner h3 {
	padding:70px 0 0 0;
	margin:0 auto 15px auto;
}


#results .inner h4 {
	padding:10px 0 10px 0;
	font-size:20px;
	font-weight:normal;
	color:#fff;
	margin:0 auto 20px auto;
}

#results .inner .result_box {
	width:280px;
	height:280px;
	background:#fff;
	padding:10px;
	position:relative;
	float:left;
	margin-right:30px;
	margin-bottom:20px;
}

#results .inner .break {
	margin-right:0;
}

#results .inner .results_wrap {
	width:960px;
	margin:0 auto;
}

#results .inner .result_box ul.slides li img {
	border-radius:12px;
}

#results .inner .result_box h5 {
	font-size:15px;
	border-bottom:1px solid #ccc;
	position:absolute;
	left:10px;
	top:242px;
	width:280px;
	padding-bottom:6px;
}

#results .inner .result_box h6 {
	font-size:12px;
	font-weight:normal;
	position:absolute;
	left:0;
	top:275px;
	width:100%;
}

/**/

#contact {
	margin-top:0;
	background:#F5F8F0 url(../../images/bg_contact.png) no-repeat center top;
}

#contact .inner {
	width:980px;
	padding:0 0 100px 0;
}

#contact .inner h3 {
	padding:70px 0 0px 0;
}

#contact .inner h4 {
	padding:10px 0 10px 0;
	font-size:20px;
	color:#004B39;
	margin:0 auto 20px auto;
}

#contact .inner h5 {
	padding:10px 0 10px 0;
	margin:0 auto 20px auto;
}

#contact .inner p {
	font-size:13px;
	margin:0 auto 30px auto;
	line-height:180%;
}

#contact .inner p a {
	color:#333;
}

#contact .inner p.tel {
	float:left;
	margin-bottom:50px;
}

#contact .inner p.mail {
	float:right;
	margin-bottom:50px;
}



#contact .formarea {
	width:980px;
	margin:0 auto;
	clear:both;
}

#contact .formarea table {
	border-collapse:collapse;
	width:980px;
	margin:0 auto 40px auto;
}

#contact .formarea table th,
#contact .formarea table td {
}

#contact .form_area th {
	width:170px;
	font-size:14px;
	color:#000;
	font-weight:bold;
	padding:12px 16px 12px 0;
	text-align:left;
}

#contact .formarea td {
	font-size:13px;
	padding:12px 0 12px 0;
	vertical-align:middle;
	color:#333;
	text-align:left;
}

#contact .formarea td p {
	font-size:12px;
	line-height:180%;
	margin-bottom:15px;
}

#contact .formarea td span.big {
	font-size:15px;
}

#contact .formarea td input,
#contact .formarea td textarea {
	background:#F8F8F8;
	border:1px solid #ccc;
	border-radius:3px;
	padding:3px;
}

#contact .formarea th {
	font-size:13px;
	font-weight:normal;
}

#contact .formarea th span {
	color:#f00;
}




#contact p.thanks_message {
	font-size:30px;
	text-align:center;
	margin-bottom:20px;
}

#contact p.thanks_detail {
	text-align:center;
	font-size:16px;
	line-height:200%;
}

#contact .button_back {
	width:495px;
	height:88px;
	display:block;
	margin:64px auto;
}







#contact .formarea .policytable {
	height:110px;
	border:1px solid #ccc;
	padding:25px 15px 15px 25px;
	text-align:left;
	overflow-y:scroll;
	margin:0 auto 20px auto;

}

#contact .formarea .policytable h5 {
	font-size:14px;
	margin:0 auto 5px auto;
	padding:0;
}

#contact .formarea .policytable p {
	font-size:13px;
	line-height:180%;
	margin:0 auto 10px auto;
	padding:0;
}

.policytable p strong {
	font-weight:normal;
}

#mailfrom_hidden_object {
	width:1px;
	height:1px;
	overflow:hidden;
}

#contact .formarea .agree {
	border:1px solid #333;
	line-height:60px;
	height:60px;
	margin:0 auto 10px auto;
}

#contact .formarea .agree h5 {
	float:left;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	display:block;
	background:#333;
	padding:0 20px;
	margin:0;
}

#contact .formarea .agree .right {
	float:right;
	font-size:13px;
	text-align:center;
	width:730px;
	padding:0;
	margin-top:-3px;
}






























/******************/

.flexslider {
	margin:0;
	padding:0;
	overflow:visible;
	width:280px;
	position:relative;
	clear:both;
}

.flexslider .slides > li {
	display:none;
	-webkit-backface-visibility:hidden;
}

.flexslider .slides img {
	width:280px;
	display:block;

}

.flex-pauseplay span {text-transform:capitalize;}

.slides:after {
	content:"";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}

.no-js .slides > li:first-child {display:block;}

/******************/
/******************/

.flexslider {margin:0 0 80px; position:relative;}
.flex-viewport {max-height:2000px;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
}
.loading .flex-viewport {max-height:300px;}
.carousel li {margin-right:5px;}

/******************/
/* Direction Nav **/
.flex-direction-nav {height:0;}

.flex-direction-nav a  {
	display:block;
	width:40px;
	height:80px;
	background-image:url(controls.png);
	-webkit-background-size:90px 170px;
	-moz-background-size:90px 170px;
	-ms-background-size:90px 170px;
	-o-background-size:90px 170px;
	background-size:90px 170px;
	margin:-40px 0 0;
	position:absolute;
	top:50%;
	overflow:hidden;
	opacity:0;
	cursor:pointer;
	color:rgba(255,255,255,0);
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	z-index:10;
}
.flex-direction-nav .flex-prev {left:-50px; }
.flex-direction-nav .flex-next {right:-50px;}
.flex-direction-nav a.flex-prev {background-image:url(controls.png);}
.flex-direction-nav a.flex-next {background-position:-50px 0;}
.flexslider:hover .flex-prev {opacity:0.7; left:10px;}
.flexslider:hover .flex-next {opacity:0.7; right:10px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity:1;}
.flex-direction-nav .flex-disabled {opacity:0; cursor:default;}
.flex-direction-nav a:before {font-size:40px; display:inline-block; content:'';}

/******************/

/* Pause/Play *****/
.flex-pauseplay a {
	display: block;
	width: 20px; height: 20px;
	position:absolute;
	bottom:5px;
	left:10px;
	opacity:0.8;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: #000;
}

.flex-pauseplay a:before {
	font-size: 20px;
	display: inline-block;
}

.flex-pauseplay a:hover {opacity:1;}
.flex-pauseplay a.flex-play:before {content:'\f003';}

/* Control Nav */
.flex-control-nav {
	width:100%;
	position:absolute;
	bottom:-75px;
	text-align:center;
	margin-bottom:55px;
}
.flex-control-nav li {margin:0 6px; display:inline-block;}
.flex-control-paging li a {width:9px; height:9px; display:block; background:#ccc; cursor:pointer; text-indent:-9999px;  border-radius:50%;}
.flex-control-paging li a:hover {}
.flex-control-paging li a.flex-active {background:#88CA00; cursor:default;}

.flex-control-thumbs {margin:5px 0 0; position:static; overflow:hidden;}
.flex-control-thumbs li {width:25%; float:left; margin:0;}
.flex-control-thumbs img {width:100%; display:block; opacity:0.7; cursor:pointer;}
.flex-control-thumbs img:hover {opacity:1;}
.flex-control-thumbs .flex-active {opacity:1; cursor:default;}

@media screen and (max-width: 880px) {
	.flex-direction-nav .flex-prev {opacity:1; left:10px;}
	.flex-direction-nav .flex-next {opacity:1; right:10px;}
}


