/* *******************************************************************************
-------------------------------------------------------------
■ PC
-------------------------------------------------------------
 1. content
 
-------------------------------------------------------------  
■ @media screen and (max-width: 767px)
 ------------------------------------------------------------- 
1. content
 ******************************************************************************* */
 /* ---------------------------------------------------------- 
■ PC
 ----------------------------------------------------------- */
.sp {display:none}
.pc {display:inherit}

#mainimage .sp {display:none}
#mainimage .pc {display:block}
#mainimage p {margin-bottom:0}
body {
  line-height: 1.7;
  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ明朝 ProN W6", "ＭＳ Ｐ明朝", sans-serif;
  background: #ffffff !important;
    color: #615846;
  font-size: 86%;
}

a:link {
    color: #584e47;
}

a:hover {
    color: #ff8400;
}

a:visited {
    color: #584e47;
}

a:focus, *:focus { outline:none; }
p {
  margin-bottom: 1em;
}
.inquiry #content .confirmBt:hover {
  opacity: 0.7;
}

.under #mainimage {
  background: url(/asset/bg-under_main.jpg) no-repeat center top;
  background-size: cover;
  height: 156px;
  margin-top: 165px;
}
.under #mainimage h2 {
  text-align: center;
  line-height: 1.3;
  padding: 30px 10px 0;
  color: #866f5d;
  font-size: 36px;
  font-family: "秀英丸ゴシック L", "ShueiMaruGo L";
}
/* =====================================
 1. content
===================================== */
.under #content,
#websiteNewsDetail #content {
    margin: 0;
    padding: 3em 0;
    min-height: 850px;
}
/* =====================================
 2. header
===================================== */
#header { 
    background: url(//www.ykt-ah.jp/asset/header_bg.png) repeat-x center top;
    background-size: 100% 100%;
    padding: 30px 0 50px;
}
.header_block { margin: 0 auto 5px }
.header_block h1 {
    width: 26.5%;
    margin-top: 0;
}
.header_block h1 img { max-width: 265px }
.header_right_box { 
    width: 42.5%; 
    max-width: 425px;
    margin-top: 5px;
}
.header_right_box img {
    margin: 0 0 10px 0;
    float: right;
}
.header_right_box img.pc_tel { 
    margin-right: 15px;
    margin-top: 5px;
}
.header_right_box a img { margin: 0 }
#inquiryBody img.rollover.pc_inq { display: none }
#inquiryBody .header_menu .g_nav li a, #inquiryBody .header_menu .g_nav li span { font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ明朝 ProN W6", "ＭＳ Ｐ明朝", sans-serif; }
#inquiryBody #header { 
    background: url(//cms.plimo.com/www.ykt-ah.jp/asset/header_bg.png) repeat-x center top;
    background-size: 100% 100%;
    padding: 30px 0 50px;
}
.inquiry #header_menu_block {
    background: url(//cms.plimo.com/www.ykt-ah.jp/asset/bg-header.png) repeat-x center top;
}
/* =====================================
 3. g_nav
===================================== */
#header_menu_block {
    background: url(/asset/bg-header.png) repeat-x center top;
    position: absolute;
}
.header_menu { height: 48px }
.header_menu { display: none }
.header_menu .g_nav li.nav02, .header_menu .g_nav li.nav03, .header_menu .g_nav li.nav04, .header_menu .g_nav li.nav05, .header_menu .g_nav li.nav06 { width: 16.88% }
.header_sub_menu { margin: -5px 0 0 -1px }
.header_menu .g_nav .submenu li.g_nav_sub_row a {
    padding: 13px 0;
    width: 170px;
    background: no-repeat center top #ffe795;
    border-radius: 5px;
}
.header_menu .g_nav .submenu li.g_nav_sub_row a:hover {
    background: no-repeat center top #ffcd55;
    color: #ff8400;
}
.header_menu .g_nav li a, .header_menu .g_nav li span { }
.header_menu .g_nav li a:hover {
    color: #584e47;
    background: url(http://www.ykt-ah.jp/asset/bg-nav.png) no-repeat center top;
}
.header_menu .g_nav li span:hover {
    color: #ff8400;
    background: url(http://www.ykt-ah.jp/asset/bg-nav.png) no-repeat center top;
}
/* =====================================
 4. mainimage 
===================================== */
#mainimage { margin-top: 0 }
.main_contents img {
    max-width: 2000px;
    display: block;
    margin: 0 auto;
}
.top .main_contents {
    height: 767px;
    background: url(/asset/bg-top_title_tab.jpg) no-repeat center top;
    background-size: auto 767px;
    -webkit-background-size: auto 767px;
    -moz-background-size: auto 767px;
}
.top .main_contents .main_txt { height: 670px }
.top .main_contents .main_txt p { margin-bottom: 0 }
.top .link_box01 {
    background: url(/asset/bg-under_1.png) no-repeat #e7f8ba;
    background-size: auto 100%;
    background-position: 94%;
}
.top .link_box01 .link_box01_in { height: 140px }
.top .link_box01 .link_box01_in .lead_txt {
    margin: 0;
    height: 115px;
    font-size: 14px;
    padding: 25px 0 0;
    line-height: 30px;
}
.top .link_box01 .link_box01_in .lead_txt span.lead_txt_main {
    color: #866f5d;
    font-size: 23px;
    font-family: "秀英丸ゴシック L", "ShueiMaruGo L";
}
.top .link_box01 .btn_style {
    float: right;
    width: 264px;
}
.top .link_box01 .btn_style a {
    background: url(/asset/btn_style01.png);
    border: #8c8077 3px solid;
    border-radius: 3px;
    box-shadow: none;
    box-sizing: border-box;
    color: #a58f7e;
    width: 264px;
    margin: 40px auto 0;
    filter: none !important;
    font-family: "秀英丸ゴシック L", "ShueiMaruGo L";
}
.top .link_box01 .btn_style a:hover, .top .contents01 .col_box .btn_style a:hover, .top .link_box02_in .btn_style a:hover { opacity: 0.7 }
.top .contents01 {
    height: 813px;
    background-image: url(/asset/top_contents01.png),url(/asset/top_contents01_in_bg_pt.png);
    background-repeat: no-repeat, repeat;
    background-position: 80% 12%, top left;
    background-size: auto auto, auto auto;
}
.top .contents01_in {
    height: 693px;
    background: url(/asset/top_contents01_in_bg.png) no-repeat right bottom;
}
.top .contents01 .col_box .col_content { width: 75% }
.top .contents01 .col_box .col_content .lead_txt {
    color: #ffcd55;
    font-size: 29px;
    margin-bottom: 0;
    font-family: "秀英丸ゴシック L", "ShueiMaruGo L";
}
.top .contents01 .col_box .btn_style {
    width: 264px;
    margin: 0;
}
.top .contents01 .col_box .btn_style a {
    width: 264px;
    height: auto;
    padding: 0;
    color: #a58f7e;
    line-height: 51px;
    background: url(/asset/btn_style01.png);
    border: #8c8077 3px solid;
    border-radius: 3px;
    box-shadow: none;
    box-sizing: border-box;
    filter: none !important;
    font-family: "秀英丸ゴシック L", "ShueiMaruGo L";
}
/*.top .contents01_inner_box { 
    top: 200px;
}*/
.top .link_box02 {
    background: url(/asset/bg-under_2.png) no-repeat #ffea9f;
    background-size: auto 100%;
    background-position: 15%;
}
.top .link_box02_in { height: 120px }
.top .link_box02_in .lead_txt {
    margin: 0;
    font-size: 18px;
    padding-top: 30px;
    line-height: 30px;
}
.top .link_box02_in .btn_style {
    float: right;
    width: 264px;
}
.top .link_box02_in .btn_style a {
    margin: 35px auto 0;
    width: 264px;
    height: auto;
    line-height: 51px;
    color: #a58f7e;
    background: url(/asset/btn_style01.png);
    border: #8c8077 3px solid;
    border-radius: 3px;
    box-shadow: none;
    box-sizing: border-box;
    filter: none !important;
    font-family: "秀英丸ゴシック L", "ShueiMaruGo L";
}
/*.blog #content {
    margin-top: 11em;
}*/
.blog #content .contentArea .date { color: #8c8077 }
#pagenation .active a, #pagenation a.active:hover { background-color: #a58f7e }
#pagenation li a:hover { background-color: #ff8400 }
.blogside h3 {
    border-top: #bed479 2px dashed;
    color: #ffcd55;
}
.blog #content .contentArea h3 {
    border-bottom: #bed479 2px dashed;
    color: #ffcd55;
}
.blog #content .contributor { color: #a58f7e }
.top .link_box01 .btn_style a { height: auto!important }
.fbnr p {
    display: inline-block;
    width: 23.5%;
    margin-right: 2%;
}
.fbnr p:nth-child(4n) { margin-right: 0 }
.credit .txt {
    font-size: 27px;
    display: inline-block;
    width: 40%;
    line-height: 1.4;
    margin-bottom: 0;
}
.credit {
    border: #6c6057 1px solid;
    padding: 15px 6%;
    margin-top: 50px;
}
.credit .img {
    width: 59%;
    display: inline-block;
    vertical-align: top;
    max-width: 515px;
    text-align: right;
    margin-bottom: 0;
}
/* =====================================
  content-bottom
===================================== */
#content-bottom {
    background: url(//www.ykt-ah.jp/asset/bg_04.jpg) no-repeat top center;
    background-size: cover;
    padding: 99px 0 760px;
    margin: 0;
}

#inquiryBody #content-bottom {
    background: url(//cms.plimo.com/www.ykt-ah.jp/asset/bg_04.jpg) no-repeat top center;
    background-size: cover;
    padding: 99px 0 685px;
    margin: 0;
}

#inquiryBody .fnav {
    background: url(//cms.plimo.com/www.ykt-ah.jp/asset/bg_07.jpg) repeat top center;
    background-size: cover;
    padding: 53px 0 32px;
}
#inquiryBody .fsitemap {
    background: url(//cms.plimo.com/www.ykt-ah.jp/asset/bg_08.jpg) repeat top center;
    background-size: cover;
    padding: 10px;
}
/* =====================================
 5. footer
===================================== */
.footer_block {
    width: 100%;
    margin: 0 auto;
    padding: 0 0;
}
.fnav { 
    background: url(//www.ykt-ah.jp/asset/bg_07.jpg) repeat top center;
    background-size: cover;
    padding: 53px 0 32px;
}
.fnav ul {
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 0;
    text-align: center;
}
.fsitemap {
    background: url(//www.ykt-ah.jp/asset/bg_08.jpg) repeat top center;
    background-size: cover;
    padding: 10px;
}
.sitemap_in {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
}
address {
    max-width: 1000px;
    margin: 0 auto;
    text-align: right;
    font-style: inherit;
    padding-bottom: 0;
    color: #fff;
    font-size: 10px;
    letter-spacing: 0.12em;
    display: inline-block;
    float: right;
}
.sitemap_in a {
    color: #fff;
    font-size: 12px;
    display: inline-block;
    float: left;
    letter-spacing: 0.1em;
}
.sitemap_in a:hover {
   opacity: 0.7;
   text-decoration: none;
}
#footer { 
   background: none;
}
.footer_block_in {
    margin-bottom: 0;
    background: url("/asset/footer_img01.png") no-repeat left bottom;
}
.footer_nav_box .footer_ttl {
    padding: 0;
    color: #584e47;
    margin: 25px 0 10px;
}
ul.footer_nav li {
    display: inline-block;
    text-align: center;
    margin-bottom: 0;
    border-right: 1px solid #fff;
    line-height: 1;
}
ul.footer_nav li:first-child {
    border-left: 1px solid #fff;
}
ul.footer_nav li a, ul.footer_guide li.copyright {
    color: #fff;
    font-size: 16px;
    font-family: "秀英丸ゴシック L","Shuei MaruGo L",sans-serif;
    line-height: 1;
    letter-spacing: 0.1em;
    padding: 0 27px;
}
.footer_access_box, .footer_nav_box.second { border: none }
.footer_access_box .footer_ttl {
    padding: 0;
    color: #584e47;
    margin: 35px 0 20px;
}
.footer_access_box p.access_txt {
    padding: 0;
    color: #584e47;
    line-height: 1.8;
}
.footer_nav_box.first { width: 31% }
.footer_nav_box.second { width: 30% }
.footer_access_box {
    width: 39%;
    padding: 0;
    min-height: 470px;
}
ul.footer_guide li a {
    color: #584e47;
    background: url("/asset/arrow_sp.png") no-repeat 5px center;
}
ul.footer_nav li a:hover, ul.footer_guide li a:hover { text-decoration: underline }

/* =====================================
 6. inquiryBody
===================================== */
.inquiry #mainimage {
    height: 0;
    margin-top: 160px;
    background: none;
}
#inquiryBody .footer_block_in { background: url("https://cms.plimo.com/www.ykt-ah.jp/asset/footer_img01.png") no-repeat left bottom }
#inquiryBody ul.footer_guide li a { background: url("https://cms.plimo.com/www.ykt-ah.jp/asset/arrow_sp.png") no-repeat 5px center }
#inquiryBody .header_menu .g_nav li a:hover { background: url(https://cms.plimo.com/www.ykt-ah.jp/asset/bg-nav.png) no-repeat center top }
#inquiryBody .header_menu .g_nav li span:hover { background: url(https://cms.plimo.com/www.ykt-ah.jp/asset/bg-nav.png) no-repeat center top }
#inquiryBody .header_menu .g_nav .submenu li.g_nav_sub_row a { background: url(https://cms.plimo.com/www.ykt-ah.jp/asset/bg-nav.png) no-repeat center top #fff }
#newsList.under #content { padding: 4.2em 0 8.1em 0 }
#inquiryBody .header_block { margin-bottom: 10px }
.b_11 { margin: 0 0 70px }

#news {
    background: #fff;
    border-radius: 0 0 8px 8px;
}
/* ----------------------------------------------------------
■ @media screen and (max-width: 1000px)
 -----------------------------------------------------------
 */ 
@media screen and (max-width: 1000px) {
.sp { 
   display: none; 
}
.pc {display:inherit}

#mainimage .sp {display:none}
#mainimage .pc {display:block} 
    li.header_right a { display: block }
    .top .main_contents .main_txt { margin: 0 auto }
    .top .main_contents .main_txt_in.tab_main {
        position: inherit;
        top: inherit;
        left: inherit;
        right: inherit;
        width: 100%;
    }
    .top .contents01_inner_box { top: 30px }
    .top .link_box02 { background-position: 10% }
    .header_block { margin: 8px auto 2px }
    .header_menu { padding: 0 }
    .header_menu .g_nav li a, .header_menu .g_nav li span, .header_menu .g_nav .submenu li.g_nav_sub_row a { font-size: 13px }
    .header_menu .g_nav li, .header_menu .g_nav .submenu li.g_nav_sub_row a { width: 100% }
    .top .link_box01 .btn_style, .top .link_box02_in .btn_style { float: none }
    .top .contents01 .col_box .col_content { width: 80% }
    .top .contents01 .col_box .col_content .lead_txt { font-size: 26px }
    .top .link_box01 .btn_style a, .top .link_box02_in .btn_style a { margin: 5px auto 0 }
    .top .link_box01 .link_box01_in .lead_txt {
        line-height: 1.3;
        height: auto;
        padding: 10px 0 0;
    }
    .top .link_box02_in .lead_txt {
        line-height: 1.3;
        padding: 10px 0 0;
    }
    .footer_nav_box.first, .footer_nav_box.second {
        width: 50%;
        min-height: 100px;
        padding: 0;
        margin-bottom: 2em;
    }
    .footer_nav_box .footer_ttl { margin: 25px 0px 10px 15px }
    .footer_access_box {
        width: 100%;
        background: #fff;
        padding: 10px 0;
        margin-bottom: 8em;
    }
    .footer_block_in { background: url("/asset/footer_img01.png") no-repeat 20px bottom }
    .footer_access_box p.access_txt a { color: #584e47 }
    #inquiryBody .footer_block_in { background: url("https://cms.plimo.com/www.ykt-ah.jp/asset/footer_img01.png") no-repeat 20px bottom }
    .fnav ul { width: 98% }
    address { width: 98% }
}
/* ----------------------------------------------------------
■ @media { 
    
} screen and (max-width: 767px)
----------------------------------------------------------- */
@media screen and (max-width: 767px) { 
    .sp { display: inherit }
    .pc { display: none }
    .header_menu { display: block }
    #mainimage .sp { display: block }
    #mainimage .pc { display: none }
    .gnv_tmp_width_1000 { width: 90% }
    .header_menu .g_nav li a, .header_menu .g_nav li span, .header_menu .g_nav .submenu li.g_nav_sub_row a { font-size: 15px }
    .header_menu .g_nav .submenu li.g_nav_sub_row a {
        width: 100%;
        padding: 13px 30px;
        background: none;
        border-bottom: 1px solid #fff;
        color: #555;
        border-radius: 0;
    }
    .header_menu .g_nav .submenu li.g_nav_sub_row a:hover { color: #615846; background: none }
    .top .contents01 .col_box .col_content { width: 100% }
    .top .link_box01 {
        background-size: auto 58%;
        background-position: 94% 10%;
    }
    .top .link_box02 {
        background-size: auto 58%;
        background-position: 5% 90%;
    }
    .top .contents01 {
        height: 770px;
        background: url(/asset/bg-container_sp.jpg) no-repeat right top;
        background-size: auto 650px;
    }
    .top .contents01_in { height: 650px }
    #inquiryBody #content { padding: 0 !important }
    .inquiry .header_right_box {
        width: 28%;
        margin-right: 0;
    }
    #mainimage { margin-top: -0 }
    .under #mainimage { margin-top: 15% }
    .top .main_contents { min-height: inherit; background: none; height: auto }
    .top .main_contents .main_txt {
        height: auto !important;
        margin: 0 auto;
        margin-top: -70px;
    }
    .top .main_contents .main_txt_in.sp_main {
        position: inherit;
        top: inherit;
        left: inherit;
        right: inherit;
        width: 100%;
    }
    .top .main_contents .main_txt_in.sp_main p { margin: 0 }
    .top .link_box01 .link_box01_in .lead_txt { font-size: 13px }
    .top .link_box01 .link_box01_in .lead_txt span.lead_txt_main { font-size: 19px }
    .top .link_box01 .link_box01_in { height: 190px }
    #header {
        background: url(/asset/header_bg.png) repeat-x center top;
        position: fixed;
        padding: 10px 0;
        background-size: cover;
    }
    .header_block {
        margin: 0 0 15px;
    }
    .header_block h1 {
        width: 47%;
        margin-top: 5px;
    }
    .header_right_box { width: 24% }
    .header_right_box img { width: 100% }
    .header_right_box li.btn_tell, .header_right_box li.btn_inq, .header_right_box li.btn_menu {
        width: 32%;
        margin-right: 0px;
    }
    .header_right_box li.btn_inq, .header_right_box li.btn_menu { margin-left: 2% }
    .header_right_box li.btn_tell a, .header_right_box li.btn_inq a,  .header_right_box li.btn_menu a { height: auto }
    .header_menu { height: auto }
    .header_menu .g_nav li.nav02, .header_menu .g_nav li.nav03, .header_menu .g_nav li.nav04, .header_menu .g_nav li.nav05, .header_menu .g_nav li.nav06 { width: 100% }
    .header_menu .g_nav { background: #90c47b }
    .header_menu .g_nav li a:after { background: none repeat scroll 0 0 #90c47b }
    .header_menu .g_nav li a, .header_menu .g_nav li span { color: #fff; border-bottom: 1px solid #fff }
    .header_menu .g_nav li a, .header_menu .g_nav li span { padding: 13px 10px 13px 30px }
    .header_menu .g_nav li span:hover,
    .header_menu .g_nav li a:hover {
    color: #fff;
    background: none;
}
    .header_menu .g_nav li span:before { background: none repeat scroll 0 0 #fff }
    .header_menu .g_nav li span:after { background: none repeat scroll 0 0 #90c47b }
    .header_menu .g_nav li .g_nav_sub_row a:before { background: none repeat scroll 0 0 #555 }
    .header_menu .g_nav li .g_nav_sub_row a:after { background: none repeat scroll 0 0 #a9d896 }
    .header_menu .g_nav li .submenu { background: none repeat scroll 0 0 #a9d896; border-bottom: 1px solid #fff }
    .header_right_box li.btn_tell a:hover, 
    .header_right_box li.btn_inq a:hover,  
    .header_right_box li.btn_menu a:hover {
          opacity: 0.7;
     }
.credit .txt {
    font-size: 17px;
    width: 100%;
    text-align: center;
}
.credit .img {
    width: 100%;
　　display: block;
    text-align: center;
    margin: 0 auto;
}
    .fnav ul { padding: 15px 0 }
    ul.footer_nav li {
    width: auto;
    display: inline-block;
    border-bottom: none;
    text-align: center;
    background: none;
}
    ul.footer_nav li a {
        background: none;
    }
    address { 
     text-align: left;
     width: 100%; 
}

#content-bottom {
    background: none;
    padding: 50px 0;
}
.sitemap_in {
    padding: 0 20px;
    box-sizing: border-box;
}
.fnav {
    padding: 20px 0;
}
    /* =====================================
     1. content
    ===================================== */
#newsList.under #content {
    padding-top: 7em;
}
#websiteNewsDetail #content {
    min-height: 450px;
    padding-top: 7em;
}
    .under #content, .static #content {
        margin: 0;
        padding: 5em 0;
        min-height: 450px;
    }
.header_right_box {
    margin-right: 10px;
}
}
@media screen and (max-width: 480px) { 
    .top .link_box01 .link_box01_in .lead_txt span.lead_txt_main { font-size: 17px }
}
@media screen and (max-width: 400px) { 
    .top .link_box01 .link_box01_in .lead_txt { font-size: 12px }
    .top .contents01 .col_box .col_content .lead_txt { font-size: 22px }
    .top .link_box02_in .lead_txt { font-size: 14px }
    .top .link_box02_in { height: 130px }
    #news dt { width: 155px !important }
}
@media screen and (max-width: 320px) { 
    #news dt { float: none !important }
    .top .contents01 .col_box .col_content .lead_txt { font-size: 20px }
    .top .link_box01 .link_box01_in .lead_txt { font-size: 11px }
    .top .link_box01 .link_box01_in .lead_txt span.lead_txt_main { font-size: 15px }
    .top .link_box02_in .lead_txt { padding: 5px 0 0 }
}
.clearfix:after { content: "" }