@charset "utf-8";

@import url("fontawesome-4.6.3.min.css");
@import url("custom.flexslider.css");
@import url("framework.css");

/* Rows
--------------------------------------------------------------------------------------------------------------- */
.row0{border-bottom:1px solid;}
.row1, .row1 a{}
.row2, .row2 a{}
.row3, .row3 a{}
.row4, .row4 a{}
.row5, .row5 a{}


/* Top Bar
--------------------------------------------------------------------------------------------------------------- */
#topbar{padding:12px 0; font-size:0.9rem; text-transform:uppercase;}

#topbar *{margin:0; padding:0; list-style:none;}
#topbar ul li{display:inline-block; margin-right:3px; border-right:1px solid;}
#topbar ul li:last-child{margin-right:0; padding-right:0; border-right:none;}
#topbar li:nth-child(3) i, #topbar li:nth-child(4) i, #topbar li:nth-child(5) i, #topbar li:nth-child(6) i, #topbar li:nth-child(7) i
{font-size:1.4rem; line-height:normal;}


/* Header
--------------------------------------------------------------------------------------------------------------- */
#header{max-width:1200px; margin:0 auto;}

#header #logo{margin:0px 0 0 0;}
#header #logo .one_quarter{margin-top:10px;}
#header #logo .one_quarter03{margin-top:25px;}


#header #logo ul{margin:0; padding:0;}
#header #logo h1{margin:0; padding:0; font-size:22px; text-transform:uppercase;}

/* Tables + Comments */
#header table{table-layout:fixed;}
#header table, #header th, #header td{border:none; background-color:#fff;}
#header td{padding:0 0 0 5px;}





/* Page Intro
--------------------------------------------------------------------------------------------------------------- */
#pageintro{padding:300px 0 300px;}

#pageintro li article{display:block; max-width:85%; margin:0 auto; text-align:center;}
#pageintro li article *{margin:0;}
#pageintro li p:first-of-type{margin-bottom:10px; font-style:italic;}
#pageintro li .heading{margin:30px 0; font-size:3rem; word-wrap:break-word;}
#pageintro li p:nth-of-type(2){line-height:2rem;}
#pageintro li footer{margin-top:20px;}

#pageintro footer form{display:block; position:relative; max-width:50%; margin:0 auto; overflow:hidden;}
#pageintro footer input, #pageintro footer button{display:block; height:44px; border:none; border-radius:22px;}
#pageintro footer input{width:100%; padding:5px 40px 5px 15px;}
#pageintro footer button{position:absolute; top:1px; right:1px; width:42px; height:42px; font-size:16px; cursor:pointer; border-radius:50%;}
#pageintro footer button em{display:none;}


/* Content Area
--------------------------------------------------------------------------------------------------------------- */
.container{padding:60px 0;}

/* Content */
.container .content{}

.pc{display:block;}
.sp{display:none;}

#header .pc{display: inline-block !important;}

.sectiontitle{display:block; margin-bottom:80px;}
.sectiontitle *{margin:0;}

.title01{border-bottom:dotted 1px #333; margin: 0 0 30px 0;}
.title01 h3{font-size:1.9em; line-height:1.4em; margin:0;}
.title01 span{display:block; font-size:1.1em; line-height:1.4em; color:#666; margin:0 0 12px 0;}

.title01 h4{margin:0 0 10px 0; font-size:24px;}
.title01 h5{margin:0 0 10px 0;}

.title02{margin: 0 0 30px 0; padding:15px; background-color:#39C; font-size:2rem;}

.title03{margin: 0 0 30px 0; padding:15px; text-align:center; border-top:solid 1px #000; border-bottom:solid 1px #000; font-size:1.4rem; color:#300;}


#introblocks{position:relative; z-index:1;}
#introblocks > div{display:block; margin:-50px 0 0px;}
#introblocks > ul > li{text-align:center;}
#introblocks > div article{display:inline-block; width:100%; max-width:320px; text-align:left;}
#introblocks > div article{padding:15px 20px;}
#introblocks > ul > li > article > div *{margin:0; padding:0;}
#introblocks > div .heading{margin-bottom:10px; font-size:1.1rem;}
#introblocks > div article footer{border-top:1px solid; margin-bottom:-10px;}
#introblocks > div article footer a{display:block; position:relative; width:100%; height:39px; line-height:39px; padding:0 20px; text-transform:uppercase;}
#introblocks > div article footer a::after{position:absolute; top:0; right:0; height:100%; padding:0 15px; font-family:"FontAwesome"; content:"\f105"; border-left:1px solid;}


#introblocks02{position:relative; z-index:1;}
#introblocks02 > div{display:block; margin:-50px 0 0px;}
#introblocks02 > ul > li{text-align:center;}
#introblocks02 > div article{display:inline-block; width:100%; max-width:320px; text-align:left;}
#introblocks02 > div article{padding:15px 20px;}
#introblocks02 > ul > li > article > div *{margin:0; padding:0;}
#introblocks02 h6{margin:0 !important; font-size:1.2rem; line-height:1.4em;}
#introblocks02 p{margin: 10px 0;}
#introblocks02 > div article footer a{display:block;}



.services li:last-child{margin-bottom:0;}/* Used when elements stack in small viewports */
.services article{display:inline-block; width:100%; max-width:320px; border:1px solid; text-align:center;}
.services article div{position:relative; padding:20px; z-index:1;}
.services article div::before, .services article div::after{position:absolute; top:-5px; width:50%; height:15px; content:""; z-index:-1;}
.services article div::before{left:0; -ms-transform:skewY(5deg); transform:skewY(5deg);}/* -ms- supports IE9 */
.services article div::after{right:0; -ms-transform:skewY(-5deg); transform:skewY(-5deg);}/* -ms- supports IE9 */
.services article div *{margin:0;}
.services article div .heading{margin-bottom:10px; font-size:1.2rem; font-weight:700;}
.services article div footer{margin-top:15px;}


.services02 article{position:relative; padding:10px 10px 40px; border-bottom:2px solid; text-align:center;}
.services02 article .txtwrap{padding:10px; border:1px solid;}
.services02 article .txtwrap *{margin:0;}
.services02 article .txtwrap i{margin-bottom:30px;}
.services02 article .txtwrap .heading{margin-bottom:15px; font-size:1.2rem;}
.services02 article footer{display:block; position:absolute; bottom:0; left:0; width:100%; line-height:1;}
.services02 article footer a{display:block; width:100%; padding:8px 0; opacity:0;}
.services02 article:hover footer a{opacity:1;}



#gallery_list a{color:#666; text-decoration:none; font-size:1.1rem;}
#gallery_list a:hover{text-decoration:underline;}

#gallery_list img{margin: 0 0 5px 0;}

#gallery_list .one_quarter, #gallery_list .one_third{margin-bottom:20px;}

#land_list .one_third{margin-bottom:30px;}
#land_list a:hover{text-decoration:none;}

/* Sidebar */
.container .sidebar{}

.sidebar .sdb_holder{margin-bottom:50px;}
.sidebar .sdb_holder:last-child{margin-bottom:0;}


/* Footer
--------------------------------------------------------------------------------------------------------------- */
#footer{padding:50px 0;}

#footer .heading, #footer ul{margin-bottom:30px;}
#footer > ul:last-of-type{margin-bottom:0;}
#footer .faico a{border-radius:50%;}

#footer .title{margin:0 0 30px 0; padding:0; font-size:1.6rem;}

#footer .linklist li{display:block; margin-bottom:15px; padding:0 0 15px 0; border-bottom:1px solid;}
#footer .linklist li:last-child{margin:0; padding:0; border:none;}
#footer .linklist li::before, #footer .linklist li::after{display:table; content:"";}
#footer .linklist li, #footer .linklist li::after{clear:both;}

#footer .contact{}
#footer .contact.linklist li, #footer .contact.linklist li:last-child{position:relative; padding-left:3px;}
#footer .contact li *{margin:0; padding:0; line-height:1.6;}
#footer .contact li i{top:0; left:0; font-size:16px; text-align:center;}


#group_link .one_half{margin:0 !important; color:#FFF;}


#group_link01{
    background-image: url(../img/group_link01.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#group_link02{
    background-image: url(../img/group_link02.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#group_link03{
    background-image: url(../img/group_link03.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#group_link04{
    background-image: url(../img/group_link04.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.group_link{
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 30px 0px 50px 0px;
}



/* Copyright
--------------------------------------------------------------------------------------------------------------- */
#copyright{padding:20px 0;}
#copyright *{margin:0; padding:0;}


/* Transition Fade
--------------------------------------------------------------------------------------------------------------- */
*{transition:all .2s ease-in-out;}
#mainav form *{transition:none !important;}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Navigation
--------------------------------------------------------------------------------------------------------------- */
.main_navi a {color: #06C; text-decoration: none; letter-spacing: 0rem;}
.main_navi a:visited {color:#06C;}


/* PC用ナビゲーション */

.main_navi .drawer_nav_wrapper {}

.main_navi .drawer_nav {
    padding: 0;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    list-style-type: none;
}
.main_navi .drawer_nav li {display:block; position:relative; font-size:15px; float:left; margin: 21px 0; padding: 0px 13px; border-left: solid 1px #666; text-transform:none;}
.main_navi .drawer_nav li:nth-child(1){}
.main_navi .drawer_nav li:nth-child(9){border-right: solid 1px #666;}

.main_navi .drawer_nav li a:hover {background-color: #fff;/* PC用メニューボタンマウスホバー背景色 */ color: #39F; text-decoration:underline;}
.main_navi .drawer_nav li a {color: #333;/* PC用メニューボタン文字色 */display: block;}


@media screen and (max-width:1100px){
.main_navi .drawer_nav li {padding: 0px 10px; border:none}
}



/* PC非表示 */
@media screen and (min-width:901px) {
    .pc-hidden {
        display: none;
        text-align: center;
    }
}

@media screen and (min-width: 901px) {
/* ドロップダウンメニュー2階層目 */
.main_navi .drawer_nav li ul.second-level {
    visibility: hidden;
    list-style-type: none;
    position: absolute;
    z-index: -1;
    top: 0;
    margin: 0;
    padding-left: 0;
}

.main_navi .drawer_nav li:hover ul.second-level {
    visibility: visible;
    z-index: 1;
    top: 60px;/* PC用メニューの高さに合わせる */
}
.main_navi .drop:after{content:"▾";}

.main_navi .drawer_nav li:hover ul.second-level li {
    width: 200px;/* ドロップダウンメニューボタン横幅 */
    text-align: center;
}

.main_navi .drawer_nav li:hover ul.second-level li a {
    display: block;
    background-color: #0E5F9A;/* ドロップダウンメニューの文字の背景色 */
    color: #fff;/* ドロップダウンメニューの文字色 */
    font-size: 100%;
    text-decoration: none;
    text-align: center;
    padding: 15px 0;
	border-width:0 0 0px 0;

}

.main_navi .drawer_nav li:hover ul.second-level li a:hover {
    background-color: #fff;/* ドロップダウンメニューマウスホバー背景色 */
	color: #0E5F9A;/* ドロップダウンメニューの文字色 */
}
}

/*+++ Default Button Color +++*/

.main_navi .drawer_button {
    color: #0E5F9A;/* ハンバーガーメニュー文字色 */
    display: none;
}

.main_navi .drawer_button .drawer_bar {
    background-color: #0E5F9A;/* ハンバーガーメニュー三本線の色 */
}


/* 1000px以下 */

@media screen and (max-width: 900px) {
    .main_navi .drawer_bg {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 999;
        background-color: rgba(51, 51, 51, 0.5);
        display: none;
        top: 0;
        left: 0;
    }
    .main_navi .drawer_button {
        display: block;
        background: none;
        border: none;
        padding: 0 2px;
        width: 50px;
        letter-spacing: 0em;
        cursor: pointer;
        position: fixed;
        top: 30px;
        right: 10px;
        z-index: 1001;
        text-align: center;
        outline: none;
		background-color: #FFF;
    }
    .main_navi .drawer_button.active .drawer_bar {
        width: 45px;
    }
    .main_navi .drawer_button.active .drawer_bar1 {
        transform: rotate(30deg);
    }
    .main_navi .drawer_button.active .drawer_bar2 {
        opacity: 0;
    }
    .main_navi .drawer_button.active .drawer_bar3 {
        transform: rotate(-30deg);
    }
    .main_navi .drawer_button.active .drawer_text {
        display: none;
    }
    .main_navi .drawer_button.active .drawer_close {
        display: block;
    }
    .main_navi .drawer_bar {
        display: block;
        height: 2px;
        margin: 10px 0;
        transition: all 0.2s;
        transform-origin: 0 0;
    }
    .main_navi .drawer_text {
        text-align: center;
        font-size: 10px;
    }
    .main_navi .drawer_close {
        letter-spacing: 0.08em;
        display: none;
    }
    .main_navi .main_navi_text {
        display: block;
    }
    .main_navi .drawer_nav_wrapper {
        width: 230px;
        height: 100%;
        transition: all 0.2s;
        transform: translate(250px);
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1000;
        background-color: #FFF;/* ドロワーメニュー内背景色 */
        overflow-x: hidden;
        overflow-y: auto;
    }
    .main_navi .drawer_nav {
        display: block;
        position: relative;
        margin-top: 40px;
        padding-left: 10px;
    }
    .main_navi .drawer_nav li {
        background-color: #fff;
		width: 100%;
        height: auto;
        line-height: 30px;/*  ドロワーメニューリスト項目高さ */
        position: relative;
		display: block;
		border:none;
		margin: 5px 0;
    }
    .main_navi .drawer_nav li a {
        background-color: #fff;/* ドロワーメニューリスト背景色 */
        color: #0E5F9A;/* ドロワーメニューリスト文字色 */
        display: block;
        text-align: left;
        border:none;
	    padding: 0px;
    }
    .main_navi .drawer_nav li:last-child a {
	    border:none;
    }
	
    /* スマートフォン2階層目 */
    .main_navi .drawer_nav li:hover ul.second-level {
        display: block;
    }
    .main_navi .drawer_nav li ul.second-level {
        visibility: visible;
        position: relative;
        padding: 0;
        z-index: 1001;
    }
    .main_navi .drawer_nav li ul.second-level li {
        border-top: 1px solid #CCC;
    }
    .main_navi .drawer_nav li ul.second-level li a {
        padding: 0 15px;
    }
    .main_navi .drawer_nav_wrapper.open {
        transform: translate(0);
    }
    .main_navi.left .drawer_button {
        right: auto;
        left: 32px;
    }
    .main_navi.left .drawer_nav_wrapper {
        transform: translate(-250px);
        right: auto;
        left: 0;
    }
    .main_navi.left .drawer_nav_wrapper.open {
        transform: translate(0);
    }
    .pc-hidden {
        text-align: center;
    }
}
/*  ウィジェットタイトル */
.drawer-title {
    text-align: center;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #555;/* ドロワーメニュー内タイトルライン背景色 */
    color: #fff;
}






/* Breadcrumb */
#breadcrumb{padding:30px 0 15px;}
#breadcrumb ul{margin:0; padding:0 0 8px 0; list-style:none; text-transform:uppercase;}
#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}
#breadcrumb li a{display:block; position:relative; margin:0; padding:0; font-size:13px;}
#breadcrumb li a::after{font-family:"FontAwesome"; margin:0 0 0 3px; top:3px; right:0; content:"\f101";}
#breadcrumb li:last-child a{margin:0; padding:0;}
#breadcrumb li:last-child a::after{display:none;}
#breadcrumb .heading{margin:0; font-size:1.6rem;}

/* Sidebar Navigation */
.sidebar nav{display:block; width:100%;}
.sidebar nav li{margin:0 0 3px 0; padding:0;}
.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}
.sidebar nav a::after{top:9px; left:5px; content:"\f101";}
.sidebar nav ul ul a{padding-left:35px;}
.sidebar nav ul ul a::after{left:25px;}
.sidebar nav ul ul ul a{padding-left:55px;}
.sidebar nav ul ul ul a::after{left:45px;}

/* Pagination */
.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination li{display:inline-block; margin:0 2px 0 0;}
.pagination li:last-child{margin-right:0;}
.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; background-clip:padding-box; font-weight:normal;}

/* Back to Top */
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:42px; height:42px; line-height:36px; font-size:16px; text-align:center; opacity:.2; border-radius:50%; background-clip:padding-box;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}



/* side btn */
#sidebtn01{z-index:999; display:inline-block; width:158px; position:fixed; visibility:hidden; bottom:275px; right:5px; text-align:right; opacity:.2;}
/* #sidebtn01 i{display:block; line-height:nherit; padding-bottom:10px; margin-bottom:10px; font-size:30px; border-bottom:dotted 1px #fff}
#sidebtn01 span i{display:block; line-height:nherit; padding:8px 0; color:#FFF; font-size:18px; border-bottom:dotted 1px #fff} */
#sidebtn01.visible{visibility:visible; opacity:.8;}
#sidebtn01:hover{opacity:1;}

#sidebtn02{z-index:999; display:inline-block; width:158px; position:fixed; visibility:hidden; bottom:210px; right:5px; text-align:right; opacity:.2;}
/* #sidebtn02 i{display:block; line-height:nherit; padding-bottom:10px; margin-bottom:10px; font-size:30px; border-bottom:dotted 1px #fff}
#sidebtn02 span i{display:block; line-height:nherit; padding:8px 0; color:#FFF; font-size:18px; border-bottom:dotted 1px #fff} */
#sidebtn02.visible{visibility:visible; opacity:.8;}
#sidebtn02:hover{opacity:1;}

#sidebtn03{z-index:999; display:inline-block; width:158px; position:fixed; visibility:hidden; bottom:145px; right:5px; text-align:right; opacity:.2;}
/* #sidebtn01 i{display:block; line-height:nherit; padding-bottom:10px; margin-bottom:10px; font-size:30px; border-bottom:dotted 1px #fff}
#sidebtn01 span i{display:block; line-height:nherit; padding:8px 0; color:#FFF; font-size:18px; border-bottom:dotted 1px #fff} */
#sidebtn03.visible{visibility:visible; opacity:.8;}
#sidebtn03:hover{opacity:1;}

#sidebtn04{z-index:999; display:inline-block; width:158px; position:fixed; visibility:hidden; bottom:80px; right:5px; text-align:right; opacity:.2;}
/* #sidebtn01 i{display:block; line-height:nherit; padding-bottom:10px; margin-bottom:10px; font-size:30px; border-bottom:dotted 1px #fff}
#sidebtn01 span i{display:block; line-height:nherit; padding:8px 0; color:#FFF; font-size:18px; border-bottom:dotted 1px #fff} */
#sidebtn04.visible{visibility:visible; opacity:.8;}
#sidebtn04:hover{opacity:1;}

/* Tables
--------------------------------------------------------------------------------------------------------------- */
table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top;}
table, th{table-layout:auto;}
table{width:100%; margin-bottom:15px;}
th, td{padding:5px 8px;}
td{border-width:0 1px;}


#land table, #land th, #land td{border:2px solid; border-collapse:collapse; vertical-align:top;}
#land table, #land th, #land td{border-color:#FFFFFF;}
#land th{background-color: #67AD2E; width:13%;}
#land .table04 th{background-color: #72BF33;}
#land th:before{font-family:"FontAwesome"; content:"\f101"; margin: 0 5px 0 0; font-weight:normal;}

#land tr{background-color:#EEE;}
#land th, #land td{padding:6px 8px;}
#land .table04 td:nth-child(even){width:35% }



/* Gallery
--------------------------------------------------------------------------------------------------------------- */
#gallery{display:block; width:100%; margin-bottom:50px;}
#gallery figure figcaption{display:block; width:100%; clear:both;}
#gallery li{margin-bottom:30px;}


/* Font Awesome Social Icons
--------------------------------------------------------------------------------------------------------------- */
.faico{margin:0; padding:0; list-style:none;}
.faico li{display:inline-block; margin:8px 5px 0 0; padding:0; line-height:normal;}
.faico li:last-child{margin-right:0;}
.faico a{display:inline-block; width:36px; height:36px; line-height:36px; font-size:18px; text-align:center; border-radius:50%; background-clip:padding-box;}

.faico a{color:#000000; background-color:#FFFFFF;}
.faico a:hover{color:#FFFFFF;}

.faicon-dribble:hover{background-color:#EA4C89;}
.faicon-facebook:hover{background-color:#3B5998;}
.faicon-google-plus:hover{background-color:#DB4A39;}
.faicon-linkedin:hover{background-color:#0E76A8;}
.faicon-twitter:hover{background-color:#00ACEE;}
.faicon-vk:hover{background-color:#4E658E;}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Colours
--------------------------------------------------------------------------------------------------------------- */
body{color:#474747; background-color: #F5F7F8;}
a{color:#6677BC;}
a:active, a:focus{background:transparent;}/* IE10 + 11 Bugfix - prevents grey background */
hr, .borderedbox{border-color:#D7D7D7;}
label span{color:#FF0000; background-color:inherit;}
input:focus, textarea:focus, *:required:focus{border-color:#6677BC;}
.overlay{color:#FFFFFF; background-color:inherit;}
.overlay::after{color:inherit; background-color:rgba(0,0,0,.25);}

.btn, .btn.inverse:hover, a .icon, a.inverse:hover .icon{color:#FFFFFF; background-color:#6677BC; border-color:#6677BC;}
.btn:hover, .btn.inverse, a:hover .icon, a.inverse .icon{color:inherit; background-color:transparent; border-color:inherit;}

a.btn02, a.btn02.inverse:hover, a.btn02 .icon, a.btn02.inverse:hover .icon{color:#6677BC; background-color:#FFFFFF; text-decoration:none; border-color:#6677BC;}
a.btn02:hover, a.btn02.inverse, a.btn02:hover .icon, a.btn02.inverse .icon{color:#fff; background-color:#6677BC; text-decoration:none; border-color:inherit;}

a.btn03, a.btn03.inverse:hover, a.btn03 .icon, a.btn03.inverse:hover .icon{color:#6677BC; background-color:inherit; text-decoration:none; border-color:#fff;}
a.btn03:hover, a.btn03.inverse, a.btn03:hover .icon, a.btn03.inverse .icon{color:#fff; border:2px solid; background-color:#6677BC; text-decoration:none; border-color:#6677BC;}

a.btn06, a.btn06.inverse:hover, a.btn06 .icon, a.btn06.inverse:hover .icon{color:#666 !important; background-color:#FFFFFF; text-decoration:none !important; border-color: #69C5E2;}
a.btn06:hover, a.btn06.inverse, a.btn06:hover .icon, a.btn06.inverse .icon{color:#fff !important; background-color:#69C5E2; text-decoration:none; border-color:#69C5E2;}


.own_btn a {
  display: block;
  justify-content: space-between;
  align-items: center;
  padding: 12px 15px;
  color: #fff !important;
  font-size: 2rem;
  background-color: #09F ;
  box-shadow: 0 6px 0 #06F ;
  transition: 0.3s;
  text-align:center;
  text-decoration:none !important;
}
.own_btn a::before {font-family: FontAwesome; padding:0 7px 0 0;}
.own_btn a:hover {transform: translateY(3px); text-decoration: none; box-shadow: 0 2px 0 #06F;}



/* Rows */
.row0, .row0 a{color:#333; background-color:#E1E1E1; border-color:rgba(255,255,255,.2);}
.row1{color:#333; background-color:#FFFFFF;}
.row2{background-color:#000; color:#FFFFFF;}
.row3{color:#474747; background-color: #DBDDE3;}
.row4{color:#CBCBCB; background-color: #29305A;}
.row5{color:#474747; background-color:#FFFFFF;}
.row5 a{color:#6677BC; text-decoration:underline;}
.row6{color:#fff; background-color: #DBDDE3;}
.row7{color:#474747; background-color:#FFFFFF;}
.row7 a{color:#fff; text-decoration:underline;}


.coloured{color:#FFFFFF; background-color:#6677BC;}
.coloured .btn{color:inherit; background-color:transparent; border-color:inherit;}
.coloured .btn:hover{color:#6677BC; background-color:#FFFFFF;}


/* Top Bar */
#topbar, #topbar ul li{border-color:rgba(255,255,255,.2);}
#topbar > div:last-of-type li:first-child a{color:#6677BC;}


/* Header */
#header #logo a{color:#6677BC; text-decoration:underline;}
#header #logo a:hover{color:#6677BC; text-decoration:none;}

/* Page Intro */
#pageintro footer input, #pageintro footer button{color:#000000; background-color:#FFFFFF;}
#pageintro footer button{color:#FFFFFF; background-color:#6677BC;}

.flex-direction-nav a{color:rgba(255,255,255,1);}
.flex-control-paging li a{background-color:rgba(255,255,255,1); border-color:rgba(255,255,255,0);}
.flex-control-paging li a.flex-active{background-color:rgba(255,255,255,0); border-color:rgba(255,255,255,1);}


/* Content Area */
#introblocks > div article{color: #666; background-color:#FFFFFF;}
#introblocks > div article footer, #introblocks > div article footer a::after{border-color:#D7D7D7;}
#introblocks h6.heading{color: #F30; background-color:#FFFFFF;}

#introblocks02 > div article{color: #666; background-color: #E9F4F8}
#introblocks02 > div article footer, #introblocks > div article footer a::after{border-color:#D7D7D7;}

.services article{border-color:#D7D7D7;}
.services article div::before, .services article div::after{background-color:#FFFFFF;}

.services02 article{color:inherit; background-color: #CCF5FD; border-color:#56AED4;}
.services02 article.bg01{background-color: #DDFEC9;}
.services02 article.bg02{background-color: #F9FDAE;}
.services02 article.bg03{background-color: #D2D3FF;}

.services02 article .txtwrap{border-color:transparent;}
.services02 article:hover .txtwrap{border-color:#D7D7D7;}
.services02 article footer a{color:#FFFFFF; background-color:#56AED4;}



/* Footer */
#footer .heading{color:inherit;}
#footer nav a{color:inherit;}
#footer nav li:first-child a, #footer nav a:hover{color:#6677BC;}
#footer .linklist li{border-color:rgba(255,255,255,.2);}



/* Navigation */
#mainav li a{color:inherit;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#6677BC; background-color:inherit;}
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);}
#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#6677BC;}
#mainav form select{color:#FFFFFF; background-color:#000000; border-color:rgba(136,136,136,.5);/* #888888 */}

nav .active a, #mainav a:hover, #mainav li:hover > a{color:#6677BC; background-color:inherit;}


#breadcrumb ul{border-color:rgba(255,255,255,.2);}
#breadcrumb a{color:inherit; background-color:inherit;}
#breadcrumb li:last-child a{color: #DDE8F2;}

.container .sidebar nav a{color:inherit; border-color:#D7D7D7;}
.container .sidebar nav a:hover{color:#6677BC;}

.pagination a, .pagination strong{border-color:#D7D7D7;}
.pagination .current *{color:#FFFFFF; background-color:#6677BC;}

#backtotop{color:#FFFFFF; background-color:#6677BC;}

/* #sidebtn01{color:#FFFFFF; background-color:#F63;}
#sidebtn02{color:#FFFFFF; background-color:#F06;} */




/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#D7D7D7;}
#comments input:focus, #comments textarea:focus, #comments *:required:focus{border-color:#6677BC;}
th{color:#FFFFFF; background-color:#373737;}
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#FBFBFB;}
tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F7F7F7;}
table a, #comments a{background-color:inherit;}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport{width:device-width;}


/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:978px){
	.hoc{max-width:1100px;}
}


/* Mobile Devices
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:900px){
	.hoc{max-width:94%;}

	#topbar{}

	#header{padding:20px 0 0 0; max-width:92%;}
	#header #logo{margin-top:3px;}

	/* #mainav{}
	#mainav ul{display:none;}
	#mainav form{display:block;}*/

	#breadcrumb{}
	
	#introblocks > ul{display:block; margin:0 0 10px;}
	#introblocks ul{display:block; width:900px; position:relative;}
	#introblocks .one_third{width:31.28834355828221%; float:left; margin:0 0 0 2%;}
	
	#introblocks02 > ul{display:block; margin:0 0 10px;}
	#introblocks02 ul{display:block; width:900px; position:relative;}
	#introblocks02 .one_third{width:31.28834355828221%; float:left; margin:0 0 0 2%;}
	
	

	.container{}
	#comments input[type="reset"]{margin-top:10px;}
	.pagination li{display:inline-block; margin:0 5px 5px 0;}

	#footer{}

	#copyright{}
	#copyright p:first-of-type{margin-bottom:10px;}
}


@media screen and (max-width:750px){
	
	#header table.sp td:nth-child(1), #header table.sp td:nth-child(2){margin-bottom: 5px;}
	
	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next{display:none;}
	.flex-control-nav{display:block;}

	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
	.fl_left, .fl_right{display:block; float:left;}
	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter, #header .one_half{display:block; float:none; width:auto; margin:0 0 15px 0;}
    .one_seventh, .six_seventh{display:block; float:none; width:auto; margin:0 0 10px 0; padding:0;}

	#banner .one_quarter, #banner .one_third{float:left; width:48%; margin:0 0 15px 2%;}
	#banner .one_quarter:nth-child(odd), #banner .one_third:nth-child(odd){margin:0 0 0px 0%;}

	#gallery_list .one_quarter, #gallery_list .one_third{float:left; width:48.9%; margin:0 0 20px 2%;}
	#gallery_list .one_third.first{float:left !important; clear: none !important;}
	#gallery_list .one_quarter:nth-child(odd), #gallery_list .one_third:nth-child(odd){margin:0 0 20px 0%;}
	
	#land_list .one_quarter, #land_list .one_third{float:left; width:48.9%; margin:0 0 20px 2%;}
	#land_list .one_quarter.first, #land_list .one_third.first{float:left !important; width:48.9%; clear: none !important;}
	#land_list .one_quarter:nth-child(odd), #land_list .one_third:nth-child(odd){margin:0 0 20px 0%;}

	#introblocks .one_third{width:31.28834355828221%;}

	#topbar{text-align:center;}
	#topbar ul{margin:0 0 15px 0;}
	#topbar div:last-child ul{margin:0;}

	#header{text-align:center; max-width:92%;}
	#header #logo{margin:0;}
	#header #logo .one_quarter03{float:left; width:49%; margin-top:0px; }
	#header .one_quarter03{float:left; width:49%; margin:0 0 0 1%; }
	#header #logo .one_quarter03{float:left; width:49%; margin-top:0px; }

	#header #logo .one_quarter{float:left; width:46%; margin:0 0 10px 0;}
	#header #logo .one_quarter02{float:left; width:35%; margin:0 0 15px 10%;}
	
	/* Tables + Comments */
	#header .one_half{width:100% !important;}
	#header td{padding:0 0 0 5px;}
	
	
	#pageintro li .heading{margin:0 0 10px 0; font-size:3rem; word-wrap:break-word;}
	
	#introblocks > ul > li{margin-bottom:50px;}
	#introblocks > ul > li:last-child{margin-bottom:0;}
	
	#introblocks02 > ul > li{margin-bottom:50px;}
	#introblocks02 > ul > li:last-child{margin-bottom:0;}

	.services .one_third{float:left; width:49%; margin:0 0 2% 1%;}
	.services article{height:350px;}
	.services02 .one_quarter{float:left; width:49%; margin:0 0 2% 1%;}
	.services02 article{height:200px;}

	.container{padding-bottom:50px;}/* Not neccessary - just looks better */

	.pc{display: none;}
	.sp{display: block;}
	
	#header .pc{display: none !important;}
	
#backtotop{bottom:20px;}

/* side btn */
#sidebtn01{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:65px; left:0; width:40%; line-height:22px; font-size:15px; text-align:center; opacity:.2;}
#sidebtn02{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:65px; left:40%; width:40%; line-height:22px; font-size:15px; text-align:center; opacity:.2;}
#sidebtn03{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:10px; left:0%; width:40%; line-height:22px; font-size:15px; text-align:center; opacity:.2;}
#sidebtn04{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:10px; left:40%; width:40%; line-height:22px; font-size:15px; text-align:center; opacity:.2;}

#land th, #land td{display:block; width:100% !important;}
#land table, #land th, #land td{border-color:#FFFFFF;}


}


@media screen and (max-width:450px){
	#topbar ul li{margin-bottom:2px; padding-right:0; border-right:none;}
	.pc{display: none;}


	#pageintro li footer form{max-width:none; width:100%;}
	.services article{height:250px;}
}


/* Other
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:650px){
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap;}

	.inline li{display:block; margin-bottom:10px;}
	.pushright li{margin-right:0;}

	.font-x2{font-size:1.4rem;}
	.font-x3{font-size:1.6rem;}
	

.right02{text-align:left;}

	#pageintro{padding:120px 0 120px;}
	#pageintro li article{max-width:none; width:100%;}
	#pageintro li .heading{font-size:1.6rem;}
	.pc{display: none;}
	.services article{height:270px;}
	
}