@charset "UTF-8";
/* CSS Document */

img { -ms-interpolation-mode: bicubic; }

.sp{
display: none;
}

.h_section_01{
margin: 30px 0 20px 0;
}

.pc_navi{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 1100px;
margin: 0 auto;
}

.pc_navi li{
width: 104px;
text-align: center;
}

.pc_navi li:nth-of-type(4){
width: 331px;
}

.pc_navi li:nth-of-type(4) a{
background: none;
}

.pc_navi li a{
font-family: ta-kotodama-r,sans-serif;
font-weight: 400;
font-style: normal;
text-align: center;
font-size: 1.5rem;
background:  url("../img/top/navi_ba_01.png") no-repeat center center;
background-size: 100% 100%;
display: block;
}

.pc_navi li:nth-of-type(1) a{
padding: 15px 0 25px 0;
}

.pc_navi li:nth-of-type(6) a{
padding: 15px 0 25px 0;
}

.pc_navi li:nth-of-type(2) a{
padding: 25px 0 30px 0;
}
.pc_navi li:nth-of-type(3) a{
padding: 25px 0 30px 0;
}
.pc_navi li:nth-of-type(5) a{
padding: 25px 0 30px 0;
}
.pc_navi li:nth-of-type(7) a{
padding: 25px 0 30px 0;
}


.content{
position: relative;
}

  .slider {
    width: 90%;
    margin: 0 auto 80px;
  }
  .slick-slide img {
    width: 100%;
    height: auto;
  }
  .mypattern{
    width: 100%;
  }
  .mypattern .slick-slide{
    margin: 5px;
  }

.img_01{
width: 10%;
position: absolute;
top: 0;
left: 10%;
}

.img_02{
width: 12%;
position: absolute;
top: 0;
right: 10%;
}

.img_03{
width: 12%;
position: absolute;
bottom: 5%;
left: 10%;
}

.img_21{
position: absolute;
bottom: 0;
right: 10%;
width: 18%;
}

.news_section_ba{
background: #FACF7D;
width: 100%;
padding: 20px 0;
}

.news_section{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 1100px;
margin: 0 auto;
position: relative;
}

.news_section div:nth-of-type(1){
width: 67px;
font-family: ta-kotodama-r,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.0rem;
color: #804F1B;
}

.news_section div:nth-of-type(2){
width: 928px;
background: #fff;
border-radius: 15px;
overflow-y: hidden;
height: 40px;
position: absolute;
top: -10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	border: #FACF7D 2px solid;
	z-index: 9999;
}

.news_section div:nth-of-type(2):hover{
height: auto;
}

.news_section div:nth-of-type(3){
width: 65px;
}

.news_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 97%;
margin: 0 auto;
padding: 1% 0;
}

.news_list dt{
font-size: 1.3rem;
color: #46210C;
width: 10%;
}

.news_list dd{
width: 90%;
padding-bottom: 10px;
margin-bottom: 10px;
}

.news_list dd:last-child{
padding-bottom: 0px;
margin-bottom: 0px;
}

.news_list dd a{
font-size: 1.4rem;
color: #46210C;
text-decoration: underline;
}

.top_section_01{
width: 1100px;
margin: 60px auto;
padding: 40px 0;
background: #fff;
position: relative;
}

.top_midashi_01{
font-family: ta-kotodama-r,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 4.4rem;
text-align: center;
background: url("../img/top/ba_01.png") no-repeat center center;
background-size: 400px;
}

.marginbottom40{
margin-bottom: 40px;
}

.top_two_column_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 80%;
margin: 0 auto;
}

.reverse{
flex-direction: row-reverse;
}

.top_two_column_01 div{
width: 49%;
}

.top_two_column_01 div:nth-of-type(1){
width: 45%;
padding-left: 4%;
}

.top_midashi_02{
font-family: maru-maru-gothic-blr-stdn,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.8rem;
background: url("../img/top/ba_02.png") repeat-x bottom;
display: inline-block;
margin-bottom: 10px;
}

.honbun_01{
font-size: 1.4rem;
line-height: 210%;
}

.btn_01{
width: 137px;
display: block;
margin-top: 20px;
}

.margintop80{
margin-top: -80px;
}

.paddingtop50{
padding-top: 50px;
}

.paddingtop120{
padding-top: 120px;
}

.img_07{
position: absolute;
width: 1180px;
top: -30px;
left: -40px;
}

.img_08{
position: absolute;
width: 1180px;
bottom:-30px;
left: -40px;
}

.img_09{
position: absolute;
width: 132px;
top: 50px;
right: -150px;
}

.img_10{
position: absolute;
width: 182px;
bottom: 50px;
left: -150px;
}

.img_11{
position: absolute;
width: 99px;
top: 30px;
left: 40px;
}

.img_12{
position: absolute;
width: 133px;
top: 80px;
right: 60px;
}

.img_13{
position: absolute;
width: 29px;
bottom: 160px;
left: 70px;
}

.img_14{
position: absolute;
width: 43px;
bottom: 60px;
left: 470px;
}


.top_three_column_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 1100px;
margin: 0 auto;
}

.top_ba_section{
background: url("../img/top/ba_04.png") no-repeat bottom center;
background-size: 100%;
width: 100%;
height: auto;
padding-bottom: 30%;
}

.top_three_column_01 div{
width: 31%;
position: relative;
}

.top_midashi_03{
background: url("../img/top/ba_03.png") no-repeat center center;
background-size: 100% 100%;
text-align: center;
font-family: ta-kotodama-r, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 3.0rem;
padding: 15px 0 30px 0;
width: 264px;
margin: 0 auto;
position: relative;
}

.top_three_column_01 div > img{
margin-top: -40px;
}

.btn_02{
width: 140px;
position: absolute;
bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.top_insta_section{
background: url("../img/top/ba_05.png") no-repeat;
background-size: 100% 100%;
width: 1000px;
margin: 80px auto 120px auto;
position: relative;
padding: 40px 50px 30px 50px;
}

.top_insta_section h4{
position: absolute;
top: -45px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	letter-spacing: 0.1em;
}

.img_19{
position: absolute;
width: 278px;
top: -440px;
right: -80px;
}

.img_20{
position: absolute;
width: 151px;
bottom: -115px;
left: -75px;
}

footer{
background: url("../img/top/ba_06.png") no-repeat top;
background-size: cover;
margin-top: 50px;
text-align: center;
padding: 150px 0 40px 0;
}

.f_logo{
width: 223px;
}

.f_obi{
font-size: 1.2rem;
color: #735115;
background: #FACF7D;
padding: 2px 0;
display: block;
width: 100px;
margin: 30px auto 5px auto;
}

.f_tel{
font-family: maru-maru-gothic-bsr-stdn, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 3.0rem;
color: #735115;
margin-bottom: 20px;
}

.f_data{
font-size: 1.2rem;
color: #735115;
}

.page_img img{
width: auto;
}

.size-full{
width: 100% !important;
}