/*
Theme Name: toraya-kobo
Theme URI: http://www.www.www/
Description: Rui Ishiguro
Author: rui ishiguro
*/


* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

a:link { text-decoration: none; color: #000000; }
a:visited { text-decoration: none; color: #000000; }
a:hover { text-decoration: none; color:#000000; }
a:active { text-decoration: none; color:#000000; }

p a:link { text-decoration: none; color: #007f41; }
p a:visited { text-decoration: none; color: #007f41; }
p a:hover { text-decoration: none; color:#007f41; }
p a:active { text-decoration: none; color:#007f41; }

#header a:link { text-decoration: none; color: #000000; }
#header a:visited { text-decoration: none; color: #000000; }
#header a:hover { text-decoration: none; color:#000000; }
#header a:active { text-decoration: none; color:#000000; }


a:hover { 
    opacity: 0.6;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all  0.2s ease-in-out;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  margin:0;   padding:0;}fieldset,img {    border:0;}address,caption,cite,code,dfn,th,var { font-style:normal;  font-weight:normal;}ol,ul { list-style:none;
}caption,th {   text-align:left;}h1,h2,h3,h4,h5,h6 {    font-size:100%; font-weight:normal;}q:before,q:after {  content:'';
}abbr,acronym {  border:0;}

button, input, select, textarea {
  -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    text-indent: .01px; /*Firefox用*/
    text-overflow: ""; /*Firefox用*/
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  border-top-left-radius:0;
  border-top-right-radius:0;
  vertical-align:baseline;
}

table {  
    border-collapse:collapse;   
    border-spacing:0;
    width: 100%;
}
select,
figure{
    margin: 0;
}
figure{
    line-height:0;
}
    figcaption.menu-caption{
        display: block;
        width: 100%;
        text-align: right;
        margin-top: 11px;
        line-height: 1.833;
    }
    h3.typesquare_tags br,
    figcaption.menu-caption br{
        display: none;
    }
figure img{
    vertical-align:text-bottom;
}

.signature{
    font-size: 11px;
    text-align: right;
}

strong{
    font-weight: bolder;
}

*html body {overflow-y: auto;} /* IE6 */
*:first-child+html body {overflow-y: auto;} /* IE7 */

ul li{
    list-style: none;
}

img {
    border:0;
}
figure img,
p img,
li img{
    max-width: 100%;
    width: auto; /* for ie 8 */
    height: auto;
    vertical-align:text-bottom;
}
img.responsive-img{
    width: 100%;
    height:auto;
    display: block;
}

p{
    margin-bottom: 29px;
    font-size: 1.5rem;
    line-height: 1.8;
}
#welcome p{
    margin-bottom: 33px;
    font-size: 1.8rem;
    line-height: 1.833;
    font-family: "Shuei Mincho M", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
body.en-US p,
body.en-US li,
body.en-US #welcome p{
    line-height: 1.5;
    font-size: 1.8rem;
    font-family: StempelGaramond-RomanOsF,StempelGaramondLTPro-Roman,'Stempel Garamond Roman', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

#welcome p.page-link{
    font-family: "Shuei Mincho M", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
    body.en-US #welcome p.page-link{
        font-size: 2.0rem;
        font-family: 'Stempel Garamond Roman', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    }
p:last-child{
    margin-bottom:0px;
}
.posted-date{
    font-size: 1.2rem;
    display: block;
}

.pc-only{
    display: block;
}
.smp-only,
.smp-nav{
    display: none;
}
.primary{
    margin-top: 0 !important;
    padding-top: 0 !important;
}
html{
  font-size: 62.5%;
}
body.ja{
    border: solid 0px #FFFFFF;
    color: #000000;
    font-size: 1.0rem;
    font-family: "Shuei Mincho M", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    position: relative;
    -webkit-text-size-adjust: 100%;
    word-spacing:normal !important;
    line-height: 1.833;
}
body.en-US{
    border: solid 0px #FFFFFF;
    color: #000000;
    font-size: 1.0rem;
    font-family: StempelGaramondLTPro-Roman,'Stempel Garamond Roman', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    position: relative;
    -webkit-text-size-adjust: 100%;
    word-spacing:normal !important;
    line-height: 1.833;
}

h1,h2,h3{
    font-family: "Shuei Mincho B", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
body.en-US h1,
body.en-US h2,
body.en-US h3{
    font-family: StempelGaramondLTCom-Bold,"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 1.8rem;
}

#container{
    background-color: #FFF;
    min-height: 100%;
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    width: 100%;
    position: relative;
    height:auto !important; /*IE6対策*/
    height: 100%; /*IE6対策*/
    min-height: 100%;
}

#main{
    padding: 0px 0px 148px;
    overflow: hidden;
    position: relative;
    display: block;
}


.wrapper{
    background: #FFF;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 30px;
    position: relative;
}
    .wrapper-right{
        width: 71.27%;
        float: right;
    }
    body.home #header .wrapper{
        max-width: 670px;
        padding:0;
        margin-top: 30px;
    }
    .side-left{
        position: absolute;
        left: 30px;
        top: 73px;
        width: 22.5%;
    }
    .side-left ul li,
    .news-archive-smp ul li,
    .side-left a:link,
    .side-left a:visited,
    .news-archive a:link,
    .news-archive a:visited{
        color: #007f41;
    }



/* start-header */
.notice-lang{
    border-bottom: 1px solid #000000;
    width: 100%;
    padding: 15px 15px;
    font-size: 1.3rem;
    font-family: StempelGaramondLTPro-Roman,'Stempel Garamond Roman', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
    body.home #header .notice-lang .wrapper,
    #header .notice-lang .wrapper{
        margin-top: 0;
        background-color: transparent;
        overflow:visible;
        padding-top: 0px;
    }
    .notice-lang .bogo-language-switcher {
        position: relative;
          float: left;
    }

.notice-lang-box{
    width: 100%;
    max-width: 310px;
    margin-left: 28.73%;
}
body.home .notice-lang-box{
    margin: 0;
    padding: 0;
}
    .notice-lang .text{
        float: left;
        line-height: 1;
        font-family: StempelGaramondLTPro-Roman,'Stempel Garamond Roman', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }
        .notice-lang .bogo-language-switcher li{
            font-family: StempelGaramondLTPro-Roman,'Stempel Garamond Roman', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
            position: relative;
            float: right;
            margin-left: 15px;
            font-size: 1.3rem;
        }
        #header .notice-lang .bogo-language-switcher a{
            color: #898989;
        }
    body.ja header.typesquare_tags .notice-lang-ja{
    }
    body.en-US header.typesquare_tags .notice-lang-en{
        height: 0;
        padding:0;
        opacity: 0;
        position: absolute;
        top: -100px;
    }

    body.ja header.ja .notice-lang-ja,
    body.ja header.ja-jp .notice-lang-ja,
    body.ja header.ja-JP .notice-lang-ja{
        height: 0;
        padding:0;
        opacity: 0;
        position: absolute;
        top: -100px;
    }
    body.en-US header.ja .notice-lang-en,
    body.en-US header.ja-jp .notice-lang-en,
    body.en-US header.ja-JP .notice-lang-en{
        height: auto;
        padding:15px;
        opacity: 1;
        position: relative;
        top: auto;
    }
.btn-close{
    font-size: 1.3rem;
    float: right;
    cursor: pointer;
    line-height: 1;
    font-family: StempelGaramondLTPro-Roman,'Stempel Garamond Roman', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
    .btn-close:hover{
        opacity: 0.6;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all  0.2s ease-in-out;
    }


#header{
    letter-spacing: 0.1ex;
    font-weight: normal; 
    font-style: normal;
    font-size: 24px;
    overflow: hidden;
}
    #header .wrapper{
        padding-top: 24px;
    }
body.home #header{
    margin-top: 0px;
}
#header h1{
    padding: 3px 0 0 2px;
}
body.home #header h1{
    padding: 0px;
}
#header h1 a:link,
#header h1 a:visited{
    background: url(images/logo-s.svg);
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    height: 90px;
    width: 153px;
    margin:0px;
    float: left;
} 
body.home #header h1 a:link,
body.home #header h1 a:visited{
    background: url(images/home-logo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    height: 0;
    width: 100%;
    padding-bottom: 66.66%;
    margin:0px auto 40px;
}

#header .name{
    background: url(images/logo.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    height: 0;
    width: 160px;
    margin:60px auto 40px;
    padding-bottom: 31px;
}

    body.en-US #header .name{
        background:none;
        text-indent:0%;
        white-space: nowrap;
        height:auto;
        width: auto;
        margin:60px auto 40px;
        padding-bottom: 0px;
        font-size: 2.7rem;
        text-align: center;
        font-family: StempelGaramondLTCom-Bold,"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }
    
    #header nav.gb-nav{
        font-size: 1.8rem;
        position: relative;
        overflow: hidden;
        padding-top: 12px;
        padding-bottom: 12px;
        float: right;
        width: 71.27%;
    }

    body.en-US #header nav.gb-nav{
        font-size: 2.0rem;
        font-family: StempelGaramondLTPro-Roman,'Stempel Garamond Roman', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }

    #header nav.gb-nav-page:not(:target) {
      position: absolute\9; /* IE9, 10 */
      top: 32px\9; /* IE9, 10 */
      right: 0px\9; /* IE9, 10 */
    }


        #header nav.gb-nav ul{
            position: relative;
        }
        #header nav.gb-nav ul:after {
          content: "";
          clear: both;
          display: block;
        }

            #header nav.gb-nav ul li{
                position: relative;
                float: left;
                margin-right: 36px;
            }
            #header nav.gb-nav ul li:last-child{
                margin-right: 0px;
            }
                #header nav.gb-nav ul li a:link,
                #header nav.gb-nav ul li a:visited{
                    border-top:1px solid #000000;
                    border-bottom:1px solid #FFFFFF;
                    padding-top: 12px;
                    padding-bottom: 12px;
                }
                body.archive #header nav.gb-nav ul li a.blog:link,
                body.archive #header nav.gb-nav ul li a.blog:visited,
                body.single-post #header nav.gb-nav ul li a.blog:link,
                body.single-post #header nav.gb-nav ul li a.blog:visited,
                #header nav.gb-nav ul li a:hover,
                #header nav.gb-nav ul li a.active:link,
                #header nav.gb-nav ul li a.active:visited{
                    border-bottom:1px solid #000000;
                    opacity: 1;
                }
    body.home #header nav.gb-nav{
        font-size: 1.8rem;
        position: relative;
        position: relative;
        overflow: hidden;
        padding-top: 12px;
        padding-bottom: 12px;
        float: none;
        width: 100%;
    }
        body.home #header nav.gb-nav ul{
            position: relative;
            left: 50%;
            float: left;
        }
            body.home #header nav.gb-nav ul li{
                position: relative;
                left: -50%;
                float: left;
                margin: 0 18px;
            }
            body.home #header nav.gb-nav ul li:first-child{
                margin-left:0px;
            }
            body.home #header nav.gb-nav ul li:last-child{
                margin-right:0px;
            }

.bogo-language-switcher{
    display: inline-block;
    float: right;
    font-size: 1.5rem;
}
    body.en-US .bogo-language-switcher{
        font-family: StempelGaramondLTPro-Roman,'Stempel Garamond Roman', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        font-weight: normal;
    }
    .bogo-language-switcher li{
        float: right;margin-left: 30px;
        line-height: 1;
    }
    .footer .bogo-language-switcher li a{
        border-top: 1px solid #000000;
        padding-top: 5px;
        border-bottom: 1px solid #FFFFFF;
        padding-bottom: 5px;
    }
    .footer .bogo-language-switcher li a:hover{
        border-bottom: 1px solid #000000;
        opacity: 1;
    }

    body.en-US .footer .bogo-language-switcher li.en-US{
        display: none;
    }
    body.ja .footer .bogo-language-switcher li.ja{
        display: none;
    }
/* end-header */



/* start-common */
.box-section-common{
    font-size: 1.5rem;
    margin-top: 40px;
}
    #page404{
        margin-top: 148px;
        text-align: center;
    }
#home-news{
    margin-top: 55px;
}
.box-section-primary{
    margin-top: 0;
}
.box-section-primary .wrapper{
    padding-top: 5px;
    margin-top: 0;
}
    h2.home-section-title{
        font-size: 2.4rem;
        text-align: center;
        margin-bottom: 30px;
    }
    h2.page-title,
    h1.page-title{
        font-size: 2.4rem;
        text-align: left;
        margin-bottom: 14px;
    }
    body.en-US h2.home-section-title,
    body.en-US h2.page-title,
    body.en-US h1.page-title,
    body.en-US h2.section-title{
        font-size: 2.7rem;
    }

        body.page-template-page-access h1.page-title,
        body.page-template-page-welcome h1.page-title,
        body.page-template-page-company h1.page-title{
            margin-bottom: 30px;
        }
    h2.section-title{
        font-size: 2.4rem;
        text-align: left;
        margin-bottom: 30px;
    }
        .menu h2.section-title{
            margin-bottom: 14px;
        }
        h3.contents-title,
        h2.contents-title{
            font-size: 1.8rem;
        }
            body.en-US h3.contents-title,
            body.en-US h2.contents-title{
                font-size: 2.0rem;
            }
        .access-info h2.contents-title{
            font-size: 1.5rem;
            margin-bottom:28px;
        }
.page-visual{
    margin-bottom: 47px;
}
.imges-list{
    margin-top: 33px;
}
    .imges-list li{
        line-height: 0;
        margin-bottom: 40px;
    }
        .imges-list li:last-child{
            margin-bottom: 0px;
        }
    .imges-list li img{
        vertical-align:text-bottom;
    }

/* end-common */



/* start-home */
ul.home-images li{
    line-height: 0;
    margin-bottom: 40px;
}
    ul.home-images li img{
        vertical-align:text-bottom;
    }

.home-news-list li{
    text-align: center;
    margin-bottom: 15px;
}
    .home-news-list li:last-child{
        margin-bottom: 0;
    }

#home-instagram p.desc{
    font-size: 1.5rem;
    line-height: 2;
    text-align: center;
    margin: 0;
}
    .instafeed-box{
        max-width: 408px;
        margin: 0 auto;
    }
    #instafeed{
        margin: 25px -12px 55px;
        overflow: hidden;
    }
        #instafeed li{
            float: left;
            width: 33.333%;
            padding:0 12px;
            line-height: 0;
        }
            #instafeed li img{
                vertical-align:text-bottom;
            }
p.nav-link{
    font-size: 1.8rem;
    text-align: center;
    padding: 12px 0 0px;
    margin-bottom: 0px;
}
    p.nav-link a:link,
    p.nav-link a:visited{
        color: #000000;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #FFFFFF;
        padding: 12px 0;
    }
    p.nav-link a:hover{
        border-bottom: 1px solid #000000;
    }
p.page-link{
    font-size: 1.8rem;
    text-align: left;
    padding: 12px 0 12px;
    margin-bottom: 0px;
}
    p.page-link a:link,
    p.page-link a:visited{
        color: #007f41;
        border-top: 1px solid #007f41;
        border-bottom: 1px solid #FFFFFF;
        padding: 12px 0;
    }
    p.page-link a:hover{
        border-bottom: 1px solid #007f41;
        opacity: 1;
    }

/* end-home */

/* start-post */
.news-single,
.news-index{
    margin-top: 25px;
}
.post-news{
    margin-bottom: 59px;
}
    .post-news .posted-date{
        margin-bottom: 2px;
    }
    .post-news h2{
        margin-bottom: 30px;
    }
    .post-news figure{
        width: 48.358%;
        margin-bottom: 27px;
    }
    a.read-more{

    }
    a.read-more span{
        border-top:1px solid #000000;
        padding-top: 12px;
    }
    .news-category{
        margin-bottom: 32px;
    }
/* end-post */

/* start-page */
    /* start-company */
    dl{
        font-size: 1.5rem;
        margin-bottom: 33px;
        line-height: 1.833;
    }
    dt{
        font-family: "Shuei Mincho B", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }
    dd{
        margin-bottom: 33px;
    }
    dd a:link,
    dd a:visited{
        color: #007f41;
    }
    /* end-company */

    /* start-menu */
    .menu{
        margin-top: 53px;
    }
    .menu .text{
        margin-top: 43px;
    }
    .menu figure{
        margin-bottom: 43px;
    }
    .menu .section_text,
    .remarks {
        margin-top: 29px;
    }
    body.en-US .remarks {
        margin-top: 60px;
    }
    .menu ol,
    ol{
        list-style-type: decimal;
        padding-left: 20px;
        margin-bottom: 29px;
    }
    .wrapper-right .menu:first-child{
        margin-top: 0px;
    }
    /* end-menu */

    /* start-guide */
    .map{
        background: url(images/map-ja.svg);
        background-size: 70.8% auto;
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
        padding-bottom: 80.583%;
        height: 0;
        margin: 50px 0 0;
        position: relative;
    }
    body.en-US .map{
        background: url(images/map-en.svg);
        background-size: 70.8% auto;
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
        padding-bottom: 73%;
        height: 0;
        margin: 50px 0 0;
        position: relative;
    }
        ul.guide li{
            padding-top: 63px;
        }
    .guide_architectu_image{
        margin: 25px 0 27px;
    }
    a.guide-link:link,
    a.guide-link:visited{
        position: absolute;
        display: block;
        opacity: 0;
        background-color: #FFFFFF;
    }
    a.guide-link:hover{
        opacity: 0.6;
    }
    a.guide-shop:link,
    a.guide-shop:visited{
        width: 3%;
        height: 10%;
        top: 0%;
        left: 42%;
    }
        body.en-US a.guide-shop:link,
        body.en-US a.guide-shop:visited{
            width: 14%;
            height: 3%;
            top: 5%;
            left: 27%;
        }
    a.guide-tea-room:link,
    a.guide-tea-room:visited{
        width: 3%;
        height: 12%;
        top: 6%;
        left: 35%;
    }
        body.en-US a.guide-tea-room:link,
        body.en-US a.guide-tea-room:visited{
            width: 13%;
            height: 3%;
            top: 13%;
            left:22%;
        }
    a.guide-walking-path:link,
    a.guide-walking-path:visited{
        width: 3%;
        height: 10%;
        bottom: 37%;
        left: 39%;
    }
        body.en-US a.guide-walking-path:link,
        body.en-US a.guide-walking-path:visited{
            width: 10%;
            height: 3%;
            bottom: 36%;
            left: 31%;
        }
    a.guide-tea-plantation:link,
    a.guide-tea-plantation:visited{
        width: 3%;
        height: 7%;
        bottom: 14%;
        right: 33.0%;
    }
    a.guide-azumaya:link,
    a.guide-azumaya:visited{
        width: 3%;
        height: 14%;
        bottom: 28%;
        right: 15%;
    }
        body.en-US a.guide-azumaya:link,
        body.en-US a.guide-azumaya:visited{
            width: 8%;
            height: 3%;
            bottom: 30%;
            right: 20%;
        }
    a.guide-gate:link,
    a.guide-gate:visited{
        width: 3%;
        height: 8%;
        bottom: 13%;
        left: 29%;
    }
        body.en-US a.guide-gate:link,
        body.en-US a.guide-gate:visited{
            width: 11%;
            height: 3%;
            bottom: 15%;
            left: 27%;
        }
.guide_architectur{
    margin-top: 56px;
}
    .guide_architectur h2.section-title {
        margin-bottom: 14px;
    }
    /* end-guide */

    /* start-access */
    .access-map-box{
        margin-bottom: 49px;
    }
    .access-map-box:after {
        content: "";
        clear: both;
        display: block;
    }
    .access-map{
        width: 74.776%;
        float: left;
    }
    .access-map-full{
        width: 100%;
        float: none;
    }
        .access-map-frame{
            width: 74.776%;
            height: 200px;
            float: left;
        }
        .access-map-frame iframe{
        }
        .access-map span{
            background: url(images/access.svg);
            background-size: cover;
            background-repeat: no-repeat;
            display: block;
            width: 100%;
            padding-bottom: 108.5%;
            height: 0;
        }
        .content-map{
            display: block;
            width: 100%;
            padding-bottom: 108.5%;
            height: 0;
            position: relative;
        }
        .access-map-full .content-map{
            padding-bottom: 66.666%;
        }
    .access-map-links{
        width: 18%;
        float:right;
    }
        .access-map-links a:link,
        .access-map-links a:visited{
            border-top:1px solid #007f41;
            color: #007f41;
            display: inline-block;
            margin-bottom: 24px;
            padding-top: 5px;
        }
    /* end-access */
/* end-page */

/* start-footer */
.page_nav{
    overflow: hidden;
    padding-top: 0px;
    position: relative;
}
    .page_nav .prev{
        float: left;
        padding-top: 8px; 
    }
    .page_nav .next{
        float: right;
        padding-top: 8px; 
    }
    .page_nav-single .prev{
        float: left;
        padding-top: 8px;  
    }
    .page_nav-single .next{
        float: right;
        padding-top: 8px; 
    }

        .page_nav a:link,
        .page_nav a:visited{
            border-top:1px solid #000000;
            padding-top: 12px; 
        }
        .page_nav a:hover{
        }

.footer{
    text-align: left;
    width: 100%;
    height:148px;
    position:absolute;
    bottom:0;
}
.footer .wrapper{
    padding-top: 106px;
    padding-bottom: 24px;
}
body.home .footer{
}
    small.copyright{
        font-size: 1.2rem;
        line-height: 1;
    }
    small.copyright-page{
        padding-left: 0%;
    }
    body.home small.copyright-page{
        padding-left: 0%;
    }

/*===============================================
prnntCSS
===============================================*/

@media print{

    body,
    dt,
    h1,h2,h3,
    #welcome p,
    #welcome p.page-link{
        font-family: "Shuei Mincho M", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
    }
    #header nav.gb-nav {
        font-size: 1.5rem;
        letter-spacing: 0ex;
    }
    #header nav.gb-nav ul li {
        margin-right: 10px;
    }
    #header h1 a:link,
    #header h1 a:visited{
        background: url(images/logo-s.jpg);
        background-size: 153px 90px;
        background-repeat: no-repeat;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        height: 90px;
        width: 153px;
        margin:0px;
        float: left;
    }
    body { 
        -webkit-print-color-adjust: exact; 
    } 
}

/*===============================================
breakpoint:930
===============================================*/
@media screen and (max-width: 930px){
    #header nav.gb-nav ul li {
        margin-bottom:33px;
    }
}

/*===============================================
breakpoint:670
===============================================*/
@media screen and (max-width: 670px){
    .pc-only{
        display: none;
    }
    .smp-only{
        display: block;
    }
    h3.typesquare_tags br,
    figcaption.menu-caption br{
        display: block;
    }
    body.page-template-page-menu{
        background: #FFFFFF;
    }
    a#page-top:link,
    a#page-top:visited{
        background: url(images/top-arrow.png);
        background-size: 24px 22px;
        background-repeat: no-repeat;
        display: block;
        width: 24px;
        height: 22px;
        position: fixed;
        right: 15px;
        bottom: 30px;
        z-index: 100;
    }

/* start-common */
    #main {
        overflow: hidden;
        padding: 15px 0 92px;
        position: relative;
    }
    body.en-US.home #main {
        overflow: hidden;
        padding: 5px 0 132px;
        position: relative;
    }

    .wrapper {
        padding:0 15px;
    }
    #header .wrapper {
        padding:9px 15px 0;
        overflow: visible;
    }
    #header .wrapper:after {
      content: "";
      clear: both;
      display: block;
    }
    body.home #header .notice-lang .wrapper,
    #header .notice-lang .wrapper {
        background-color: transparent;
        margin-top: 0;
        overflow: visible;
        padding: 0;
    }
    body.en-US #header .notice-lang li.en-US{
        display: none;
    }
    body.ja #header .notice-lang li.ja{
        display: none;
    }
    .notice-lang-box {
        margin: 0px 0;
        max-width:100%;
        width: auto;
        display: inline-block;
    }
    .notice-lang-box .bogo-language-switcher{
        top: auto;
        right: auto;
    }
    .notice-lang .text {
        padding-top: 4px;
    }
    #header .notice-lang .bogo-language-switcher li {
        top: 3px;
    }
    .btn-close {
        margin-top: 4px;
    }
    .box-section-common h2 {
        font-size: 2.0rem;
        text-align: left;
        margin-bottom: 8px;
    }
    .box-section-common h1.page-title{
        font-size: 2.4rem;
        margin-bottom: 15px;
    }
    .box-section-common h2.page-title{
        font-size: 2.0rem;
        margin-bottom: 15px;
    }
    body.en-US h2.home-section-title, body.en-US h2.page-title, body.en-US h1.page-title, body.en-US h2.section-title {
        font-size: 2.3rem;
    }
        body.page-template-page-access h1.page-title,
        body.page-template-page-welcome h1.page-title,
        body.page-template-page-company h1.page-title{
            margin-bottom: 15px;
        }
    .box-section-common {
        font-size: 1.6rem;
        margin-top: 22px;
    }
    .wrapper-full{
        padding:0 0px;
    }
        .wrapper-full h2,
        .wrapper-full .text,
        .wrapper-full h1.page-title{
            padding:0 15px;
        }
    .wrapper-right {
        float: none;
        width: 100%;
        margin-bottom: 45px;
    }
        body.page-template-page-welcome .wrapper-right {
            margin-bottom: 35px;
        }
        .page-visual {
            margin-bottom: 20px;
        }
    .side-left{
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        height: auto !important;
    }
    h3{
        font-size: 1.8rem;
        line-height: 1.4;
        margin-bottom: 4px;
    }
    p{
        font-size: 1.6rem;
        line-height: 1.5;
        margin-bottom: 22px;
    }
    #welcome p{
       font-size: 1.6rem;
        line-height: 1.833;
        margin-bottom: 29px; 
    }
    .text p br{
        display: none;
    }
    p.remarks br {
        display: block;
    }
    #welcome p.page-link {
        font-size: 2rem;
        margin-bottom: 0px;
    }
    body.en-US p, body.en-US #welcome p {
        font-size: 1.6rem;
        line-height: 1.368;
    }
    body.en-US h3{
        font-size: 1.6rem;
    }
    dl{
        font-size: 1.6rem;
        line-height: 1.833;
        margin-bottom: 29px;
    }
    .imges-list{
        margin-top: 20px;
    }
    .imges-list li{
        margin-bottom: 24px;
    }
        .imges-list li:last-child{
            margin-bottom: 0px;
        }
/* end-common */

/* start-header */
    #header h1{
        padding: 7px 0 0 2px;
    }
    #header {
        margin-top: 0px;
        overflow: visible;
    }
    #header:after {
      content: "";
      clear: both;
      display: block;
    }
    body.home #header .wrapper {
        padding: 0 0px;
        max-width: 750px;
    }
        #header .name {
            margin: 60px 0 40px 15px;
        }
/* end-header */


/* start-home */

    /* start-home-header */
    body.home #header {
        margin-top: 0px;
    }
    body.home #header .wrapper{
        margin-top: 0px;
    }
    #header h1 a:link,
    #header h1 a:visited{
        background: url(images/logo-s.svg);
        background-size: contain;
        background-repeat: no-repeat;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        height: 60px;
        width: 102px;
        margin:0px 0 0;
        float: left;
    }
    body.home #header h1{
        background: url(images/home-logo-smp.svg);
        background-size: contain;
        background-repeat: no-repeat;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        height: 0;
        width: 100%;
        padding-bottom: 65.75%;
        margin:0px auto 0px;
        position: relative;
    }
    body.home #header h1 a:link,
    body.home  #header h1 a:visited{
        background: transparent;
        background-size: contain;
        background-repeat: no-repeat;
        height: 0;
        width: 68.4%;
        padding-bottom: 41%;
        position: absolute;
        top:17%;
        left: 13%;
        margin:0;
    }
    ul.home-images li {
        margin-bottom: 20px;
    }
    #header .name {
        margin: 36px 15px 0px;
        overflow: hidden;
        padding-bottom: 22px;
        text-indent: 100%;
        white-space: nowrap;
        width: 115px;
    }
    body.en-US #header .name {
        text-align: left;
        padding: 0 15px;
        margin: 36px 0px 0px;
    }

    footer .bogo-language-switcher{
        display: inline-block;
        float: none;
        overflow: visible;
        font-size: 1.5rem;
        position: absolute;
        bottom:0px;
        left: 15px;
    }
        footer .bogo-language-switcher li{
            float: none;
            position: absolute;
            bottom: 65px;
            left: 0px;
            margin-left: 0;
        }
    /* end-home-header */
    #home-news{
        margin-top: 13px;
    }

    .home-news-list li {
        text-align: left;
        margin-bottom: 12px;
    }
    #home-instagram p.desc {
        font-size: 1.6rem;
        text-align: left;
    }
    .instafeed-box {
        max-width: 750px;
    }
        #instafeed {
            margin: 10px -7px 37px;
            overflow: hidden;
        }
            #instafeed li {
                padding: 0 7px;
            }
    .home-sub-nav{
        font-size: 2.0rem;
        margin-bottom: 45px;
    }
        .home-sub-nav ul li{
            font-size: 2.0rem;
            padding-top: 12px;
            margin-bottom: 18px;
        }
            .home-sub-nav ul li a:link,
            .home-sub-nav ul li a:visited{
                border-top:1px solid #000000;
                padding-top: 12px;
            }
    p.nav-link {
        font-size: 2.0rem;
        text-align: left;
    }
    body.en-US p.nav-link a{
        display: block;
    }
/* end-home */

/* start-post */
    .news-single{
        margin-top: 0px;
    }
    .post-news{
        margin-bottom: 38px;
        height: auto !important;
    }
        .post-news .posted-date{
            margin-bottom: 2px;
        }
        .post-news h2{
            margin-bottom: 12px;
        }
        .post-news figure{
            width: 65.21%;
            margin-bottom: 17px;
        }

        .news-category{
            margin-bottom: 34px;
        }
        .page_nav{
            padding-top: 38px;
        }
/* end-post */

/* start-page */
    /* start-menu */
    .menu{
        margin-top: 26px;
    }
    figcaption.menu-caption {
        margin-top: 6px;
    }
    .menu .text{
        margin-top: 18px;
    }
    /* end-menu */

    /* start-guide */
    .map{
        background: url(images/map-ja.svg);
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        padding-bottom: 113.875%;
        height: 0;
        margin: 33px 0 0;
    }
    body.en-US .map{
        background: url(images/map-en.svg);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
        padding-bottom: 102.875%;
        height: 0;
        margin: 33px 0 0;
        position: relative;
    }
    ul.guide{
        margin-bottom: 16px;
        margin-top: 45px;
    }
    ul.guide li {
        padding-top: 0px;
        margin-top: 30px;
    }
    ul.guide li p{
        margin-bottom: 11px;
    }
    .guide_architectu_image {
        margin: 8px 0 12px;
    }
    a.guide-shop:link,
    a.guide-shop:visited{
        width: 5%;
        height: 10%;
        top: 0%;
        left: 39%;
    }
        body.en-US a.guide-shop:link,
        body.en-US a.guide-shop:visited{
            width: 18%;
            height: 3%;
            top: 5%;
            left: 18%;
        }
    a.guide-tea-room:link,
    a.guide-tea-room:visited{
        width: 5%;
        height: 13%;
        top: 5%;
        left: 29%;
    }
        body.en-US a.guide-tea-room:link,
        body.en-US a.guide-tea-room:visited{
            width: 18%;
            height: 3%;
            top: 13%;
            left:11%;
        }
    a.guide-walking-path:link,
    a.guide-walking-path:visited{
        width: 5%;
        height: 10%;
        bottom: 37%;
        left: 35%;
    }
        body.en-US a.guide-walking-path:link,
        body.en-US a.guide-walking-path:visited{
            width: 12%;
            height: 3%;
            bottom: 36%;
            left: 25%;
        }
    a.guide-tea-plantation:link,
    a.guide-tea-plantation:visited{
        width: 5%;
        height: 7%;
        bottom: 14%;
        right: 23.3%;
    }
    a.guide-azumaya:link,
    a.guide-azumaya:visited{
        width: 5%;
        height: 12%;
        bottom: 29%;
        right: 0%;
    }
        body.en-US a.guide-azumaya:link,
        body.en-US a.guide-azumaya:visited{
            width: 12%;
            height: 3%;
            bottom: 29%;
            right: 8%;
        }
    a.guide-gate:link,
    a.guide-gate:visited{
        width: 5%;
        height: 7%;
        bottom: 14%;
        left: 20%;
    }
        body.en-US a.guide-gate:link,
        body.en-US a.guide-gate:visited{
            width: 15%;
            height: 3%;
            bottom: 15%;
            left: 18%;
        }
    .guide_architectur{
        margin-top: 29px;
    }
    /* end-guide */

    /* start-access */
    .access-map-box{
        margin-bottom: 9px;
    }

    .access-map{
        width: 100%;
        float: none;
        margin-bottom: 36px;
    }
        .access-map span{
            background: url(images/access.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            display: block;
            width: 100%;
            padding-bottom: 108.5%;
            height: 0;
        }
    .access-map-links{
        width: 100%;
        float:none;
    }
        .access-map-links a:link,
        .access-map-links a:visited{
            border-top:1px solid #007f41;
            color: #007f41;
            margin-bottom: 24px;
            padding-top: 10px;
        }
    .access-info h2,
    .access-info h3{
        font-size: 1.6rem;
    }
    .access-info h2.contents-title {
        margin-bottom: 22px;
    }

    /* end-access */
/* end-page */



/* start-footer */
    .footer {
        height: 92px;
    }
        .footer .wrapper {
            padding-bottom: 24px;
            padding-top: 50px;
        }
        small.copyright-page{
            padding-left: 0%;
        }
/* end-footer */

/* start-trigger */
    .menu-trigger {
        position: absolute;
        display: block;
        width: 27px;
        height: 18px;
        right: 15px;
        top:15px;
        z-index: 100;
    }
    .menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #000000;
    }
    .menu-trigger span:nth-of-type(1) {
        top: 0;
    }
    .menu-trigger span:nth-of-type(2) {
        top: 8px;
    }
    .menu-trigger span:nth-of-type(3) {
        bottom: 0;
    }
    .menu-trigger.active span:nth-of-type(1) {
        -webkit-transform: translateY(8px) rotate(-45deg);
        transform: translateY(8px) rotate(-45deg);
    }
    .menu-trigger.active span:nth-of-type(2) {
        opacity: 0;
    }
    .menu-trigger.active span:nth-of-type(3) {
        -webkit-transform: translateY(-8px) rotate(45deg);
        transform: translateY(-8px) rotate(45deg);
    }
    .menu-trigger-area{
    }
    .menu-trigger-area-btn{
        position: absolute;
        background-color: transparent;
        min-height: 100%;
        height: 100vh;
        width: 100%;
        z-index: 98;
        top: 0;
    }
    .smp-nav{
        background: #f5f2e9;
        border: 0px solid #000000;
        padding: 15px 15px 24px;
        position: absolute;
        top:0;
        right: 0;
        display: inline-block;
        z-index: 99;
    }
        .smp-nav ul{
            border-top: 1px solid #000000;
            font-size: 20px;
            margin-top:32px;
        }
        .smp-nav ul li{
            border-bottom: 1px solid #000000;
            padding: 4px 0;
        }

        .smp-nav ul li a{
            display: block;
        }

        .smp-nav ul.bogo-language-switcher{
            border-top: 0px solid #000000;
            margin-top:0px;
            display: block;
            float: none;
        }
        .smp-nav ul.bogo-language-switcher li {
            border-bottom: 0px solid #000000;
            padding: 0px 0;
        }
        .smp-nav ul.bogo-language-switcher li {
            float: none;
            line-height: 1.833;
            margin-left: 0px;
            border-top: 0px solid #000000;
        }

        body.en-US .smp-nav ul.bogo-language-switcher li.en-US {
            display: none;

        }
        body.ja .smp-nav ul.bogo-language-switcher li.ja{
            display: none;

        }
    .smp-nav .bogo-language-switcher li a {
        border-bottom: 0px solid #ffffff;
        border-top: 0px solid #000000;
        padding-bottom: 0px;
        padding-top: 0px;
    }
/* end-trigger */
            
}
/*===============================================
breakpoint:320
===============================================*/
@media screen and (max-width: 320px){

    figcaption.menu-caption {
        font-size: 1.3rem;
    }

}