/*!
Theme Name: This site theme - princess
Theme URI: -
Description: Based on Habakiri http://habakiri.2inc.org/en/
Version: 10000.0.0
Template: habakiri
*/

html
{
    background: url(images/bg.png) repeat left top;   
}

body
{
    background: url(images/b_bg_01.png) repeat-x left top;
    color: #807F82;
}

#body-container
{
    width: 1100px;
    margin:  0 auto;
    position: relative;
    min-height: 700px;
}

header#main-header
{
    position: absolute;
    z-index: 5;
    top: 0;
    width: 250px;
    background: transparent url(images/header_bg.png) no-repeat left top;
    height: 735px;
}

header#main-header.fixed
{
    position: fixed;
}

#main-header .header-content
{
    padding: 180px 30px 0 30px;
}

#contents
{
    padding-left: 300px;
    padding-top: 20px;
}

#contents_header
{
    height: 90px;
    background: url(images/parts_03.png) no-repeat left top;
}

#contents_content
{
    padding-top: 50px;
}

#footer #footer-navs
{
    background: url(images/b_bg.png) repeat-x left top;
    height: 179px;
}

#footer #footer-navs .container{
    padding: 40px 0 40px 0;
    font-size: 80%;
}

.container
{
    width: 100%;
    padding: 0;
}

.responsive-nav
{
    display: block;
}

.btn
{
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 15px;
    padding: 10px 40px;
}

.btn-info,
.btn-primary,
.btn-info:hover,
.btn-primary:hover,
.btn-info:focus,
.btn-primary:focus
{
    background-color: #8CBEE6;
    border-color: #7CAED6;
}

.label-info
{
    background-color: #8CBEE6;
}

div.wpcf7-response-output
{
    border: 0 !important;
    padding: 0;
    color: #ff0000;
}

div.wpcf7 .ajax-loader,
span.wpcf7-not-valid-tip
{
    display: none;
}

/* */
.block-slider{
    margin: 0px;
}

nav.js-responsive-nav .menu-item,
.header__gnav .responsive-nav .menu-item
{
    height: 46px;
}

.header__gnav .responsive-nav .menu-item
{
    width: auto;
    float: none;
    display: block;
}

.responsive-nav:before, .responsive-nav ul:before, .responsive-nav li:before,
.responsive-nav a:before, .responsive-nav:after, .responsive-nav ul:after, 
.responsive-nav li:after, .responsive-nav a:after
{
    display: none;
}

.global-nav .menu-item
{
    position: relative;
}

.global-nav .menu-item span
{
    display: none;
}

.global-nav .current-menu-item span
{
    display: block;
    position: absolute;
    z-index: 1;
    left: 40px;
    top: 18px;
    width: 10px;
    height: 10px;
    background: transparent url(images/item_10.png) no-repeat center center;
    text-indent: -9999px;
    overflow: hidden;
}

.header__gnav .menu-item-35.current-menu-item span
{
    top: 16px;
    left: 60px;
}

.header__gnav .menu-item-32.current-menu-item span,
.header__gnav .menu-item-33.current-menu-item span,
.header__gnav .menu-item-36.current-menu-item span
{
    left: 50px;
}

.header__gnav .menu-item-34.current-menu-item span
{
    left: 25px;
}


nav.js-responsive-nav .menu-item a,
#main-header .header__gnav .responsive-nav .menu-item a
{
    display: block;
    width: 100%;
    padding: 0;
    background: transparent no-repeat center center;
    text-indent: -9999px;
    overflow: hidden;
    outline: none;
    height: 100%;
}

nav.js-responsive-nav .menu-item a,
#main-header .header__gnav .responsive-nav .menu-item a,
#main-header .header__gnav .responsive-nav .menu-item a:hover,
#main-header .header__gnav .responsive-nav .menu-item a:visited,
#main-header .header__gnav .responsive-nav .menu-item a:focus,
#main-header .header__gnav .responsive-nav .menu-item a:active
{
    color: #333;
}

#main-header .header__gnav .responsive-nav .menu-item-35 a
{
    background-image: url(images/btn_03.png);
    background-size: 30px;
}

#main-header .header__gnav .responsive-nav .menu-item-34 a
{
    background-image: url(images/btn_07.png);
    background-size: 108px;
}

#main-header .header__gnav .responsive-nav .menu-item-33 a
{
    background-image: url(images/btn_11.png);
    background-size: 41px;
}

#main-header .header__gnav .responsive-nav .menu-item-32 a
{
    background-image: url(images/btn_15.png);
    background-size: 50px;
}

#main-header .header__gnav .responsive-nav .menu-item-36 a
{
    background-image: url(images/btn_19.png);
    background-size: 58px;
}

#main-header .header__gnav .responsive-nav .menu-item-37
{
    height: 52px;
}

#main-header .header__gnav .responsive-nav .menu-item-37 a,
#main-header .header__gnav .responsive-nav .menu-item-1527 a
{
    background-image: url(images/btn_22.png);
    background-size: 100px;
}

#main-header .header__gnav .responsive-nav .menu-item-38 a
{
    background-image: url(images/btn_26.png);
    background-size: 70px;
}



nav.js-responsive-nav .menu-item-35 a,
#main-header .header__gnav .responsive-nav .menu-item-35 a
{
    background-image: url(images/n2/menu_03.png);
}
nav.js-responsive-nav .menu-item-34 a,
#main-header .header__gnav .responsive-nav .menu-item-34 a
{
    background-image: url(images/n2/menu_07.png);
}
nav.js-responsive-nav .menu-item-33 a,
#main-header .header__gnav .responsive-nav .menu-item-33 a
{
    background-image: url(images/n2/menu_11.png);
}
nav.js-responsive-nav .menu-item-32 a,
#main-header .header__gnav .responsive-nav .menu-item-32 a
{
    background-image: url(images/n2/menu_15.png);
}
nav.js-responsive-nav .menu-item-36 a,
#main-header .header__gnav .responsive-nav .menu-item-36 a
{
    background-image: url(images/n2/menu_19.png);
}
nav.js-responsive-nav .menu-item-37 a,
#main-header .header__gnav .responsive-nav .menu-item-37 a,
nav.js-responsive-nav .menu-item-1527 a,
#main-header .header__gnav .responsive-nav .menu-item-1527 a
{
    background-image: url(images/n2/menu_22.png);
}
nav.js-responsive-nav .menu-item-38 a,
#main-header .header__gnav .responsive-nav .menu-item-38 a
{
    background-image: url(images/n2/menu_26.png);
}



.header__social
{
    margin: 20px 0;
}

.social-icons
{
    text-align: center;
}

.social-icons a
{
    display: inline-block;
    padding: 0 3px;
}

.social-icons img
{
    max-width: 35px;
    height: auto;
}


.habakiri-slider__arrow--prev {
    display: none;
}
.habakiri-slider__arrow--next {
    display: none;
}
.habakiri-slider__arrow:before {
    display: none;
}

.slick-dots{
    list-style-type: none;
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 0;
}
.slick-dots li{
    margin-right: 10px;
    display: inline-block;
}
.slick-dots li button {
    background: transparent url(images/n/slide_icon_03.png) no-repeat left center;
    text-indent: -9999px;
    overflow:hidden;
    border: 0;
    width: 13px;
    background-size: 13px;
    /* more CSS */
}
.slick-dots li.slick-active button {
    background-image: url(images/n/slide_icon_05.png);
}


.section-header
{
    margin: 20px 0;
}

body.home #main .section-header h2
{
    margin: 0;
    padding: 0;
    line-height: 1;
}

body.home #main .section-header h2,
.section-header .view-more
{
    display: inline-block;
}

.section-header .view-more
{
    margin-left: 26px;
}

.row
{
    margin-left: -13px;
    margin-right: -13px;
}

.col-xs-6,
.col-xs-12
{
    padding-left: 13px;
    padding-right: 14px;
}

.form-group
{
    margin-bottom: 20px;
}

.form-group-submit
{
    margin-top: 40px;
    margin-bottom: 0;
}



body.home #main > section
{
    margin-bottom: 40px;
}

.informations .field-date
{
    padding: 6px 0 2px 0;
    border-bottom: 1px solid #aaa;
    margin-bottom: 2px;
}

.front-news .field-title
{
    font-size: 90%;
}

.onlineshop p
{
    margin-top: 20px;
    font-size: 90%;
}

section.access .media-object
{
    padding-right: 40px;
}

section.access dl
{
    margin-bottom: 20px;
    font-size: 70%;
    font-weight: 700;
}

section.access dt
{
    padding-left: 3px;
}

section.access dt i
{
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color: #8CBEE6;
    display: inline-block;
    margin-right: 4px;
}

section.access dd
{
    padding-left: 20px;
    margin-top: -1px;
    line-height: 1.25;
}

body.home #main > section.contact
{
    margin-bottom: 0;
}

section.contact .wpcf7-response-output
{
    margin-top: -45px;
    margin-bottom: 17px;
    margin-left: 205px;
    font-size: 91%;
}

section.contact .description
{
    margin-bottom: 20px;
}

section.contact .form-horizontal .control-label
{
    text-align: left;
}

section.contact .label-info
{
    background-color: #8CBEE6;
}

section.contact .btn-default
{
    background-color: #C5C5C5;
    color: #fff;
}

section.contact .btn-info
{
    width: 400px;
}

section.contact input[readonly],
section.contact textarea[readonly]
{
    background-color: #F2E4CB;
}

.responsive-nav-contents
{
    box-shadow: none !important;
}



.breadcrumbs {
    margin-bottom: -20px;
}

.breadcrumbs .sep
{
    display: inline-block;
    padding: 0 10px;
}

.pagination
{
    margin: 0 0 20px 0;
    display: block;
    text-align: center;
    list-style-type: none;
    border-radius: 0 !important;
}

.pagination li
{
    display: inline-block;
    padding: 0 2px;
}

.pagination>li>a,
.pagination>li>span
{
    float: none;
    border-color: #8CBEE6;
    border-radius: 0 !important;
}

.pagination>li>span,
.pagination>li>span:hover
{
    background: #fff;
    border-color: #8CBEE6;
    color: #8CBEE6;
    border-radius: 0 !important;
}
.pagination>li>a,
.pagination>li>a:hover
{
    background-color: #8CBEE6;
    border-color: #8CBEE6;
    color: #fff;
}




body.single main .section-header h2,
body.page main .section-header h2
{
    text-align: center;
    display: block;
}

.detailed-news .a-post
{
    border: 1px solid #d3b66e;
    background: #fff;
    padding: 30px 30px 20px 30px;
    margin-bottom: 30px;
}

.detailed-news .field-date
{
    border-color: #d3b66e;
}

.detailed-news .field-title
{
    font-weight: 700;
    font-size: 120%;
    margin-bottom: 30px;
}

.detailed-news .field-eyecatch img
{
    width: 350px;
    height: auto;
}

.detailed-news .field-subimages .field-eyecatch
{
    margin-top: 20px;
}

.detailed-news .media-body
{
    padding-right: 27px;
}


body.page-item #main .description
{
    text-align: center;
    margin-bottom: 20px;
}

.term-items h2 span
{
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent no-repeat center center;
}

.term-items h2.term-2 span
{
    background-image: url(images/item_07.png);
}
.term-items h2.term-3 span
{
    background-image: url(images/item_14.png);
}
.term-items h2.term-4 span
{
    background-image: url(images/item_16.png);
}
.term-items h2.term-5 span
{
    background-image: url(images/item_18.png);
}

.term-items .field-title
{
    margin: 10px 0;
    text-align: center;
}

.term-items .field-eyecatch
{
    text-align: center;
}

body.page-item .onlineshop
{
    text-align: center;
    margin-top: 70px;
}

body.page-item .onlineshop i
{
    font-size: 150%;
    line-height: 1;
    position: relative;
    top: 3px;
    margin-right: 5px;
}


body.single-item .item-detail .media-body
{
    padding-left: 55px;
}

body.single-item .item-detail .media-body .col-sm-6
{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}

body.single-item .item-detail #the-main-image
{
    text-align: center;
    width: 500px;
}

body.single-item .item-detail #the-main-image img
{
    height: 500px;
    width: auto;
}

body.single-item .item-detail .field-body
{
    width: 500px;
    text-align: center;
}



.photos .col-xs-6
{
    margin-bottom: 20px;
}

body.single-photo .photos
{
    max-width: 500px;
    margin: 0 auto;
}

body.single-photo .field-body
{
    margin-top: 20px;
}



body.single .goback
{
    margin-top: 30px;
    text-align: center;
}

body.single .goback .btn
{
    min-width: 320px;
}



.footer
{
    background: transparent;
    padding-top: 60px;
}

.footer .menu
{
    margin-bottom: 20px;
    text-align: center;
}

.footer .menu-item
{
    display: inline-block;
    padding: 0 15px;
    border-right: 1px solid #fff;
}
.footer .menu-item:last-child
{
    border-right: 0;
}

.footer .menu-item a,
.footer .menu-item a:hover,
.footer .menu-item a:active,
.footer .menu-item a:focus
{
    display: inline-block;
    padding: 3px 0;
    background: none;
    color: #fff;
    line-height: 1;
}

.footer .menu-item a:hover
{
    text-decoration: underline;
}

.list-style-none
{
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}

.footer .copyright
{
    background: #fff;
    text-align: center;
    margin-top: 0px;
}

.footer .nav>li>a,
.footer .nav>li>a:visited,
.footer .nav>li>a:hover,
.footer .nav>li>a:focus,
.footer .nav>li>a:active
{
}

.footer .copyright a
{
}


#gotop-container
{
    position: fixed;
    bottom: 30px;
    right: 0;
    width: 35px;
    height:120px;
}

#gotop
{
    display: block;
}