/*--------フォント・リンク--------*/
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 400;
    src: url('../Dup/img/NotoSans_r.woff') format('woff'),
        url('../Dup/img/notosans_r.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 700;
    src: url('../Dup/img/notosans_bold.woff') format('woff'),
        url('../Dup/img/notosans_bold.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 900;
    src: url('../Dup/img/NotoSans_black.woff') format('woff'),
        url('../Dup/img/notosans_black.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'Montserra';
    font-style: normal;
    font-weight: 900;
    src: url('../Dup/img/Montserrat-Medium.woff') format('woff'),
        url('../Dup/img/Montserrat-Medium.eot')  format('eot');
    font-display: swap;
}
body{    font-family: "NotoSans","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.linkStyle{color: #662e1c; text-decoration: underline;}


/*--------youtube--------*/
.youtube_box{
  position: relative;
  width: 80%;
  padding-top: 41.25%;
margin-bottom: 50px;
}
.page .youtube_box{ width: 65%;padding-top: 48.25%;margin-right: auto;}
.youtube_box iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*--------全体--------*/
#header{background-color :rgba(139,69,19,0.3)}
#main_img .menu .bg_white { background-color: transparent;}
#main_img .menu p a { max-width: 350px;}

#pc_nav li, #top_pc_nav li, #footer_nav li { max-width: 200px;}
#contents1 .con_box { margin-top: 10%;}

#intro_wrap{    background-color: #efe5d4;}
#contents3 .con_box{    background-color: #efe5d4;}
#contents3_wrap:after {    background-color: rgba(175,68,37,0)!important;}
#info_contact .con_img:before { background-color: transparent;}

#footer{
background-color: #efe5d4;
    background-image: url(./Dup/img/footer_01.png),url(./Dup/img/footer_02.png);
    background-repeat: no-repeat;
    background-position: top 10% left 3%,bottom 10% right 2%;
    background-size: 12%,22%;
}

/*--------タブレット以上のみ--------*/
@media screen and (min-width: 769px){
#header #logo{max-width: 160px;}
}



/*--------下層--------*/
#cms_1-e .box_item .box_item figure {
    width: -webkit-calc(33.333% - 10px);
    width: calc(33.333% - 10px);
}
#nav_menu .mg_b-50px .nav_menu_more:last-of-type{display:none;}
#overlay .left li { max-width: 210px;}

/*--------タブレット--------*/
@media screen and (max-width: 768px){

#logo{max-width: 130px;}
header.scr_header #logo{max-width: 110px;}
#footer { background-size: 16%,31%;}
.page .youtube_box { width: 100%;  padding-top: 75.25%;}
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
#logo {max-width: 110px;}
header.scr_header #logo {max-width: 90px;}
#footer {  background-size: 22%,42%;  background-position: top 4% left 3%,bottom 4% right 6%;}
#footer #h1txt{    line-height: 1.3;  padding: 30px 5% 10px;}
.page_title_box { width: 60%;}
#page_title h2{font-size: 5.4vw;line-height: 1.2;}
}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){
.pager li a{padding-bottom:11px;}
.cate_list li a{padding:10px 10px 12px 38px;}
.page .youtube_box{ 

}
#page9 .more{padding-bottom:5px;}
}