@charset "UTF-8";

/*-----------------------
 html
 -----------------------*/
html{height: 100%;}

/*-----------------------
 body
 -----------------------*/
body{
	height: 100%;
}

/*-----------------------
 COMMON
 -----------------------*/

/* lgサイズ対策 */
@media (min-width: 1200px){
	.lgWidth{
		width:970px;
		margin:0 auto;
	}
}
img{margin: auto;}

.fab,
.fas,
.far{
    padding-right: 10px;
}



/*-----------------------
 spaceArea
 -----------------------*/
div.spaceArea{
    height: 500px;
    position: relative;
}


/*-----------------------
 triangle-xs
 -----------------------*/
.triangle-xs{
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    background-color: transparent;
    border-style: solid;
    border-width: 30px 25px 0px 25px;
    border-color: #fbfbfb transparent transparent transparent;
    top: 0%;
    margin-left: -25px;
}


/*-----------------------
 triangle
 -----------------------*/
.triangle{
    position: absolute;
    width: 0;
    height: 0;
    background-color: transparent;
    border-style: solid;
    top: 60px;
}

.triangleRight{
	left: 50%;
    border-width: 25px 0px 25px 30px;
    border-color: transparent transparent transparent #fbfbfb;
}

.triangleLeft{
	right: 50%;
    border-width: 25px 30px 25px 0px;
    border-color: transparent #fbfbfb transparent transparent;
}


/*-----------------------
 triangle2::comment
 -----------------------*/
.triangle2{
    position: absolute;
    left: 50%;
    margin-left: -1000px;
    width: 0;
    height: 0;
    background-color: transparent;
    border-style: solid;
    border-width: 0px 1000px 100px 1000px;
    border-color: transparent transparent #fff transparent;
}


/*-----------------------
 triangle_target
 -----------------------*/
.triangle_target_UpStyle::after{
    content: "";
    position: absolute;
    left: 50%;
    width: 100%;
    background-color: transparent;
    border-style: solid;
    border-width: 0px 600px 50px 600px;
    border-color: transparent transparent #fff transparent;
    -webkit-transform: translate(-50%,0);
       -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
         -o-transform: translate(-50%,0);
            transform: translate(-50%,0);
    bottom: 0;
}

.triangle_target_DownStyle::after{
    content: "";
    position: absolute;
    left: 50%;
    width: 100%;
    background-color: transparent;
    border-style: solid;
    border-width: 50px 600px 0px 600px;
    border-color: #fff transparent transparent transparent;
    -webkit-transform: translate(-50%,0);
       -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
         -o-transform: translate(-50%,0);
            transform: translate(-50%,0);
    top: 0;
}


@media (min-width: 768px){
    .triangle_target_UpStyle::after{
        border-width: 0px 800px 60px 800px;
    }
    .triangle_target_DownStyle::after{
        border-width: 60px 800px 0px 800px;
    }
}

@media (min-width: 992px){
}

@media (min-width: 1200px){
    .triangle_target_UpStyle::after{
        border-width: 0px 1000px 60px 1000px;
    }
   .triangle_target_DownStyle::after{
        border-width: 60px 1000px 0px 1000px;
    }
}




/*-----------------------
 colorBar::footer;
 -----------------------*/
.colorBar::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    z-index: 2001;
    background-color: #3E3A39;
    box-shadow: 0px 1px 2px #a5a5a5;
}


/*-----------------------
 .anyLinkTarget & submit
 -----------------------*/
.anyLinkTarget a,
.anyLinkTarget button{
    font-size: 16px;
    padding: 5px 30px 5px 30px;
    position: relative;
    display: inline-block;
    border: solid 2px #252525;
    color: #252525;
    border-radius: 8px;
	 transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
    background-color: inherit;
}

.anyLinkTarget a:hover,
.anyLinkTarget button:hover{
	text-decoration: none;
	color: #fff;
	background-color: #de533f;
    border: solid 2px #de533f;
}

.anyLinkTarget a:hover > i,
.anyLinkTarget button:hover > i{
	 transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

.anyLinkTarget i{
    font-size: 1.2em;
    vertical-align: text-top;
}


/*-----------------------
 caption_target - 見出し
 -----------------------*/
.caption_target{
    position: relative;
}
.caption_target::before,
.caption_target::after{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ccc;
}
.caption_target::before{
    top: 0;
}
.caption_target::after{
    bottom: 0;
}

.caption_target i.caption_line{

}

.caption_target i.caption_line::before,
.caption_target i.caption_line::after{
    content: '';
    position: absolute;
    width: 50%;
    height: 2px;
    background-color: yellow;
    z-index: 500;
}
.caption_target i.caption_line::before{
    left: 0;
    top: 0;
}
.caption_target i.caption_line::after{
    bottom: 0;
    right: 0;
}

.caption_target i.caption_line.yellow::before,
.caption_target i.caption_line.yellow::after{
    background-color: #FEE89E;
}

.caption_target i.caption_line.red::before,
.caption_target i.caption_line.red::after{
    background-color: #f19a86;
}


/*-----------------------
 #pageHeaderCommon
 -----------------------*/
#pageHeaderCommon{
    position: relative;
    height: 100%;
    /*background: url("http://dev.futagawa.asia/rsrc/design/story/story_02.jpg") no-repeat 50% 50%;*/
    background-size: cover;
    text-align: center;
}

.page_all_Items{
    background: url("http://dev.o-takahashikogei.com//rsrc/design/common/item_img_01_2000.jpg") no-repeat 50% 50%;
}
.page_ourStory{
    background: url("http://dev.o-takahashikogei.com//rsrc/design/common/gaikan_1200.jpg") no-repeat 50% 50%;
}
.page_contact{
    background: url("http://dev.o-takahashikogei.com//rsrc/design/common/item_img_01_2000.jpg") no-repeat 50% 50%;
}
.page_process{
    background: url("http://dev.o-takahashikogei.com//rsrc/design/common/item_img_05_2000.jpg") no-repeat 50% 50%;
}
.page_blogArchive{
    background: url("http://dev.o-takahashikogei.com//rsrc/design/common/item_img_05_2000.jpg") no-repeat 50% 50%;
}


#pageHeaderCommon::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7));
}

#pageHeaderCommon article{
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%;
}

#pageHeaderCommon div[data-pageHeaderCommon="wrapper"]{
    position: absolute;
    top: 55%;
    left: 50%;
    z-index: 200;
    color: #fff;
    letter-spacing: 1px;
    width: 100%;
    padding: 35px;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

#pageHeaderCommon h2{
    font-size: 22px;
    position: relative;
    display: inline-block;
    padding: 30px;
    letter-spacing: 5px;
    line-height: 1.6;
}

#pageHeaderCommon h2::before,
#pageHeaderCommon h2::after{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
}

#pageHeaderCommon h2::before{
    top: 0;
    left: 0;
}
#pageHeaderCommon h2::after{
    bottom: 0;
    left: 0;
}

#pageHeaderCommon span{
    font-size: 15px;
    letter-spacing: 3px;
    text-align: center;
    display: block;
    color: #fff;
}



@media (min-width: 768px){
    #pageHeaderCommon{
        height: 450px;
    }
    #pageHeaderCommon div[data-pageHeaderCommon="wrapper"]{
        padding: 0;
    }
    #pageHeaderCommon h2{
        font-size: 26px;
        padding: 45px 90px 45px 90px;
    }
}

@media (min-width: 992px){
    #pageHeaderCommon{
        height: 480px;
    }
    #pageHeaderCommon h2{
        font-size: 30px;
    }
}

@media (min-width: 1200px){
}






/*-----------------------
 bxSlider::OVERRIDE - CSS
 -----------------------*/
.bx-wrapper{margin: 0;}
.bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 0px #ccc;
     -webkit-box-shadow: 0 0 0px #ccc;
     box-shadow: 0 0 0px #ccc;
     border: 0px solid #fff;
     left: 0px;
    background: #fff;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #00573a;
}




/*-----------------------
 #headerWrapper
 -----------------------*/
#headerWrapper{
	width: 100%;
	min-height: 100%;
	position: relative;
}

@media (min-width: 992px){
}

/*-----------------------
 #headerWrapper-xs
 -----------------------*/
#headerWrapper-xs{
	width: 100%;
	position: fixed;
	background-color: rgba(255, 255, 255, 1);
	z-index: 9999;
	top: 0;
    height: 55px;
}

#logo-xs{
    text-align: center;
    padding-top: 5px;
    z-index: 1500;
}

#logo-xs a{
	letter-spacing: 1px;
}

#logo-xs a:hover{
	text-decoration: none;
}

#logo-xs a img{
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
}

.filter{
	opacity: 0.2;
}

/* ---menu-button:::XS---- */
button[data-menu="button-xs"]{
	background-color: rgba(0,0,0,0);
	border: none;
	position: absolute;
	right: 13px;
	padding: 20px 21px;
    top: 9px;
    z-index: 2000;
}

button[data-menu="button-xs"]:focus{
	outline: 0;
}

button[data-menu="button-xs"] div[data-menu-order="text"]{
	position: absolute;
	display:block;
	top: 0px;
	right: 0px;
	font-size: 14px;
	color: #000
}

span[data-menu-order="text-bar-first"]{
    position: absolute;
    display: block;
    width: 41px;
    height: 1px;
    background-color: #000;
    top: 22px;
    right: 1px;
}

span[data-menu-order="text-bar-second"]{
    position: absolute;
    display: block;
    width: 41px;
    height: 1px;
    background-color: #000;
    top: 27px;
    right: 1px;
}

span[data-menu-order="text-bar-third"]{
    position: absolute;
    display: block;
    width: 41px;
    height: 1px;
    background-color: #000;
    top: 32px;
    right: 1px;
}


/* ---menu-button:::NORMAL---- */
button#modal-open[data-menu="button"]{
	background-color: rgba(0,0,0,0);
    border: none;
    position: absolute;
    width: 120px;
    height: 100%;
}

button[data-menu="button"] div{
	position: relative;
}

span[data-menu="button-bar"]{
	position: absolute;
	display:inline-block;
	width: 40px;
	height: 2px;
	background-color: #000;
	top: 0px;
	left: 0px;
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
}

span[data-menu="button-bar"]::after,
span[data-menu="button-bar"]::before{
	content: "";
	position: absolute;
	top:0;
	left: 0;
	/*width:40px;*/
	height: 2px;
	background-color: #000;
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
}

span[data-menu="button-bar"]::after{
	-webkit-transform: translateY(8px);
	   -moz-transform: translateY(8px);
	    -ms-transform: translateY(8px);
	     -o-transform: translateY(8px);
	        transform: translateY(8px);
	        width:25px;
}

span[data-menu="button-bar"]::before{
	-webkit-transform: translateY(-8px);
	   -moz-transform: translateY(-8px);
	    -ms-transform: translateY(-8px);
	     -o-transform: translateY(-8px);
	        transform: translateY(-8px);
	        width:40px;
}

button[data-menu="button"]:hover span[data-menu="button-bar"]::before,
button[data-menu="button"]:hover span[data-menu="button-bar"]::after{
    left: -5px;
}

button[data-menu="button"] span[data-menu="text"]{
    font-size: 15px;
    display: inline-block;
    position: absolute;
    top: -10px;
    right: 12px;
}


/*@media (max-width: 480px){
    #logo-xs{
        padding-top: 15px;
    }
}
*/
@media (min-width: 768px){
    #logo-xs{
        text-align: center;
        padding-top: 9px;
        z-index: 1500;
    }
    #logo-xs a img{
        -webkit-transform: scale(0.8);
           -moz-transform: scale(0.8);
            -ms-transform: scale(0.8);
             -o-transform: scale(0.8);
                transform: scale(0.8);
    }
}



/*-----------------------
 header
 -----------------------*/
header #topNavi{
	border: 0;
	z-index: 9999;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
    /*background-color: #fff;*/
    height: 85px;
    border-top: solid 5px #DE533E;
}

.topMenu {
	letter-spacing: 1px;
}

.topMenu h1{
	float: left;
    padding-top: 15px;
}

.topMenu h1 img{
	width: 230px;
}


.topMenu nav{
	float: right;
	position: relative;
}

.topMenu nav li{
    text-align: right;
    padding-right: 14px;
    padding-top: 20px;
    position: relative;
}

.topMenu nav li:last-child{
	padding-right: 0px;
}

.topMenu nav li[data-nav-menu="about"]{
    padding-right: 28px;
}

.topMenu nav li[data-nav-menu="about"]::after{
    content: '';
    position: absolute;
    height: 25px;
    width: 2px;
    background-color: #fff;
    bottom: 7px;
    right: 14px;
}

.topMenu nav li[data-nav-menu="sns"]{
	padding-right: 0px;
}
.topMenu nav li[data-nav-menu="sns"] i{
    font-size: 1.3em;
}


.topMenu nav li a{
	font-size: 15px;
	padding:10px 0px 10px 0px;
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	color: #fff;
    text-align: center;
}

.topMenu nav li a:hover,
.topMenu nav li a:focus{
    color: #de533f;
	background-color: inherit;
}

/* pullMenu */
.topMenu nav li div.pullMenu{
    position: absolute;
    top: 85px;
    left: -15px;
    display: none;
}

.topMenu nav li div.pullMenu::before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    background-color: transparent;
    border-style: solid;
    top: -10px;
    left: 15px;
    border-width: 0px 10px 10px 10px;
    border-color: transparent transparent #eee transparent;
}

.topMenu nav li div.pullMenu span{
    display: block;
    background-color: #eee;
    border-bottom: solid 2px #fff;
    text-align: left;
    width: 220px;
}

.topMenu nav li div.pullMenu a{
    display: inline-block;
    font-size: 14px;
    text-align: left;
    width: 100%;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
}

.topMenu nav li div.pullMenu i{

}



@media (min-width: 992px){
}

@media (min-width: 1200px){
    .topMenu nav li{
        text-align: right;
        padding-right: 18px;
        padding-top: 30px;
    }
    .topMenu nav li[data-nav-menu="about"]{
        padding-right: 36px;
    }
    .topMenu nav li a{
        font-size: 15px;
    }
    .topMenu nav li[data-nav-menu="about"]::after{
        content: '';
        position: absolute;
        height: 25px;
        width: 2px;
        background-color: #fff;
        bottom: 7px;
        right: 18px;
    }
}



/* BOOTSTRAP::OverRide; */
.navbar{
	border-radius: 0 !important;
	margin-bottom: 0px;
}

.naviTargatCss{
    margin-top: 0px !important;
	background-color: rgba(0,0,0, 0.9) !important;
/*    border-bottom: solid 2px #3E3A39 !important;
	margin-top: -10px;*/
}
/*.naviTargatCss .topMenu nav li a{
	color: #00573a !important;
}*/



/*-----------------------
 Modal-Window for thanksPage
 -----------------------*/
#modal-thanks-overlay {
    position: fixed;
    background-color: rgba(234, 245, 241, 0.9);
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    z-index: 10000;
}

#modal-thanks-contents{
	position: fixed;
	z-index: 20001;
	text-align: center;
    color: #fff;
    font-size: 20px;
    top: 15%;
    letter-spacing: 1px;
}

#modal-thanks-contents p{
    font-size: 16px;
    padding-bottom: 30px;
}

#modal-thanks-contents p#thanksTitle{
    font-size: 18px;
    font-weight: bold;
}

#modal-thanks-contents p.thanksText{
	text-align: left;
}

@media (min-width: 768px){
	#modal-thanks-contents p.thanksText{
		text-align: center;
	}
}


/*-----------------------
 Modal-Window for mobile
 -----------------------*/
#hiddenMenu{
	position: fixed;
    background-color: rgba(0, 0, 0, 0.85);
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 15000;
    opacity: 1;
    overflow-y: scroll;
    transform: translate(100%,0);
    transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	padding: 30px;
}

#hiddenMenuOverlay{
	position: fixed;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 14500;
    transform: translate(0,0);
    transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	visibility: hidden;
	background: url(http://dev.o-takahashikogei.com//rsrc/design/common/item_img_07_2000.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.activeMenu{
	visibility: visible !important;
	opacity: 1 !important;
	transform:translate(0,0) !important;
}


.modal-lists{
    border-bottom: solid 1px #fff;
    text-align: left;
    cursor: pointer;
   	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.modal-lists:hover p,
.modal-lists:hover a > p,
.modal-lists:hover p > i{
	color: #de533f !important;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}


.modal-lists a{
	color: #fff;
    padding: 0px 0px 0px 0px
}
.modal-lists a:hover{
	text-decoration: none;
}


.modal-lists p{
    font-size: 15px;
    padding-bottom: 18px;
    padding-top: 18px;
    letter-spacing: 1px;
    position: relative;
    color: #fff;
}

.modal-lists > a > p > i.fas,
.modal-lists.modal-lists-target > p > i.fas{
    position: absolute;
    font-size: 20px;
    top: 50%;
    right: 15px;
    color: #fff;
    -webkit-transform: translate(0,-50%);
       -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
         -o-transform: translate(0,-50%);
            transform: translate(0,-50%);
}


.modal-lists.modal-lists-target ul{
	display: none;
}

.modal-lists.modal-lists-target li a{
    font-size: 14px;
    padding: 5px 0px 5px 0px;
    width: 100%;
    display: inline-block;
    letter-spacing: 1px;
    transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.modal-lists.modal-lists-target li a:hover{
	text-decoration: none;
    color: #de533f;
}

.modal-lists.modal-lists-target li:last-child a{
	margin-bottom: 25px;
}

.modal-lists.modal-lists-target li a i.fas{
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
}


/* .modal-lists-phone */
.modal-lists-phone p{
	font-size: 15px;
	padding-top: 5px;
}

.modal-lists-phone p span{
    display: block;
    font-size: 12px;
    font-family: inherit;
}

.modal-lists.modal-lists-phone p i.fa-phone-square{
    position: relative;
    display: inline-block;
    padding-right: 5px;
    font-size: 18px;
    top: 10px;
    left: 0;
    color: #fff;
}

/* #modal-close */
button#modal-close,
button#modal-thanks-close{
    border: none;
    padding: 25px 25px;
    position: relative;
    background-color: initial;
    margin-bottom: 20px;
}

button#modal-close:focus,
button#modal-thanks-close:focus{
	outline:0;
}

#modal-close span[data-menu="bars"],
#modal-thanks-close span[data-menu="bars"]{
	position: absolute;
	display:block;
	width: 65px;
	height: 2px;
	background-color: #fff;
	right: -8px;
    transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

#modal-close span[data-menu-order="one"],
#modal-thanks-close span[data-menu-order="one"]{
	transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
}

#modal-close span[data-menu-order="two"],
#modal-thanks-close span[data-menu-order="two"]{
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}


@media (max-width: 360px){
}

@media (min-width: 768px){
	#hiddenMenu{
	    width: 60%;
		padding: 60px;
	}

	button#modal-close:hover > span,
	button#modal-thanks-close:hover > span{
		background-color: #de533f;
	}
	.modal-lists p{
	    font-size: 15px;
	    padding-bottom: 23px;
	    padding-top: 23px;
	}

	.modal-lists-phone p{
		font-size: 16px;
	}
}

@media (min-width: 992px){
}






/*-----------------------
 footer
 -----------------------*/
footer{
	position: relative;
	background-color:#fff;
    padding-top: 60px;
    padding-bottom: 45px;
    line-height: 1.8;
}

footer article{
	padding-top: 20px;
}

footer section{
    clear: both;
}

footer figure{
    float: left;
}
footer figure img{
    width: 300px;
}


footer div[data-footer="address"] h2{
    font-size: 15px;
    text-align: left;
    padding-top: 25px;
}

footer div[data-footer="address"] aside{
    font-size: 14px;
    padding-top: 5px;
    line-height: 1.8;
    padding-bottom: 20px;
    color: #333;
}


@media (max-width: 360px){
}

@media (min-width: 768px){
    footer section{
        clear: inherit;
    }
    footer div[data-footer="address"] h2{
        font-size: 18px;
        padding-top: 0px;
    }
}

@media (min-width: 992px){
}

@media (min-width: 1200px){
}



/*-----------------------
 partners
 -----------------------*/
#partners{
    position: relative;
    background-color:#F7F7F7;
    padding-top: 15px;
    padding-bottom: 30px;
    border-top: dotted 2px #ccc;
}

#partners article{
    padding-top: 20px;
}

#partners section:first-of-type{
    /*padding-right: 45px;*/
}

#partners section div.category{
    padding-bottom: 30px;
}

#partners section div.category h2{
    font-size: 20px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: solid 2px #ccc;
}

#partners section div.category span{
    display: block;
    padding-top: 5px;
    font-size: 14px;
}

#partners section div.category i{
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

#partners section div.category a:hover i{
    color: #fdd108;
}

#partners section div.category div.categoryList{
    padding-left: 0;
}


@media (max-width: 360px){
}

@media (min-width: 768px){
}

@media (min-width: 992px){
    #partners section:first-of-type{
        padding-right: 45px;
    }
}

@media (min-width: 1200px){
}



/*-----------------------
 copyrightMenu
 -----------------------*/
#copyright{
    position: relative;
    background-color: #000;
    padding-top: 15px;
    padding-bottom: 15px;
    clear: both;
   	color: #fff;
}

#copyright div.copyrightMenu{
    position: relative;
}


#copyright div.copyrightMenu p.copyright{
    text-align: center;
    font-size: 13px;
    display: block;
    clear: both;
    letter-spacing: 1px;
}

#copyright div.copyrightMenu p.copyright small{
	font-size: 100%;
}

#copyright div.copyrightMenu span{
    display: block;
    position: relative;
    text-align: center;
}
#copyright div.copyrightMenu span a{
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    text-decoration: none;
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

#copyright div.copyrightMenu span a:hover{
    color: #fdd108;
}


@media (max-width: 360px){
	#copyright div.copyrightMenu p.copyright{
		text-align: center;
	    font-size: 12px;
        padding-left: 0px;
	}
}

@media (min-width: 768px){
	#copyright{
	    padding-top: 15px;
	    padding-bottom: 15px;
	}
    #copyright div.copyrightMenu span{
        display: block;
        position: absolute;
        top: 0;
        right:0;
    }
}

@media (min-width: 992px){
}

@media (min-width: 1200px){
}



/*-----------------------
 toContents
 -----------------------*/
div.toContents{
    z-index: 2100;
    position: absolute;
    bottom: 20px;
    left: 50%;
    padding: 20px;
    background-color: transparent;
    border-radius: 50%;
	cursor: pointer;
	transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-webkit-transform: 	translate(-50%,0);;
	   -moz-transform: 	translate(-50%,0);;
	    -ms-transform: 	translate(-50%,0);;
	     -o-transform: 	translate(-50%,0);;
	        transform: 	translate(-50%,0);;
	border:solid 2px #fff;
}

div.toContents span[data-toContents="bar"]{
	position: absolute;
	display: block;
	background-color: #fff;
	height: 2px;
	width:18px;
	transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
}

div.toContents span[data-toContents-deg="forward"]{
	transform:rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
    top: 22px;
    left: 5px;
}

div.toContents span[data-toContents-deg="counter"]{
	transform:rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
    top: 22px;
    left: 17px;
}


div.toContents:hover{
	background-color:#000;
	/*border:solid 2px #000;*/
}
div.toContents:hover > a > span[data-toContents="bar"]{
	background-color:#fff;
}


@media (min-width: 768px){
	div.toContents{
	    bottom: 40px;
	}
}


@media (min-width: 992px){
/*	div.toContents{
	    bottom: 18px;
	}*/
}




/*-----------------------
 toTop
 -----------------------*/
div.toTop{
	z-index: 2100;
	position: absolute;
	top: 0;
	left: 50%;
	padding: 30px;
	background-color: #fff;
	border:solid 2px #000;
	border-radius: 50%;
	/*margin-left: -30px;*/
	cursor: pointer;
	transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	     -o-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}

div.toTop span[data-toTop="bar"]{
	position: absolute;
	display: block;
	background-color: #000;
	height: 2px;
	width:16px;
	transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
}

div.toTop span[data-toTop-deg="forward"]{
	transform:rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	top:20px;
	left:17px;
}

div.toTop span[data-toTop-deg="counter"]{
	transform:rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	top:20px;
	left:28px;
}

div.toTop span[data-toTop="text"]{
	position: absolute;
    font-size: 15px;
    top: 45%;
    left: 26%;
	color: #000;
	transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
}

div.toTop:hover{
	background-color:#000;
	border:solid 2px #000;
}
div.toTop:hover > a > span[data-toTop="bar"]{
	background-color:#fff;
}
div.toTop:hover > a > span[data-toTop="text"]{
	color: #fff;
}


/* blog:footer OVERRIDE */
/*footer.entry-meta{
	background-color: initial;
	padding-top: 15px;
}
*/
/* blog:footer OVERRIDE */
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #d70b24 !important;
}