@charset "utf-8";

/* Reset
----------------------------------*/
*{
	margin:0;
	padding:0;

   box-sizing: border-box;
}



body {
    margin: 0;
    padding: 0;
    font-family: 
    "Noto Sans JP",
      "Yu Gothic Medium", 
    "游ゴシック", 
    "ヒラギノ明朝 ProN", 
    "Hiragino Mincho ProN",
    "游明朝",
    "游明朝体",
     YuMincho, 
    "Yu Mincho", 
"TakaoEx明朝",
 TakaoExMincho, 
"メイリオ",
    sans-serif;
    font-size: 1.15rem;
    font-weight: 400;
    line-height: 1.5em;
    text-align: left;
    color: #4a543f;
}

#wpstats{display: none;}

div h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}

ul,li,ol{
	list-style:none;}

a{text-decoration:none;}
a:hover{text-decoration:underline}

a img{border:0;}


p {
    margin: 0;
    padding: 0;
     font-family: "游ゴシック5 Medium", 
   "Yu Gothic Med5ium";
}




li {
    margin: 0;
    padding: 0;
}


.phead{
background: #9ca193;
width: 100%;
height: 25px;
margin: 0 auto;
text-align: center;
}


.hclass1{
color: #fff !important;
padding: 5px 0 0 0;
font-size: 78% !important;

}


.footer{
color: #fff;
 background: #9ca193; 
 font-size: 78%;
 padding: 2px 0;
height: 30px;
}


@media (min-width: 1400px){

.container {
    max-width: 1060px;
}
}



/*====================================================================
slick
====================================================================*/

/*
    .slider {
      width: 100%;
        margin: 100px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }

*/

.thumbnail {
  max-width: 1120px;
  margin: 0 auto 5px;
  padding: 0;
}
.thumbnail img,
.thumbnail-thumb img{
  width: 100%;
}
.thumbnail-thumb {
  max-width: 1120px;
  margin: 0 auto;
  padding: 20px 0 20px 0;
}
.thumbnail-thumb li {
  margin: 5px;
  width: 20%;
}
.thumbnial-thumb .slick-next {
  right: 20px;
  z-index: 100;
}
.thumbnail-thumb .slick-prev {
  left: 15px;
  z-index: 100;
}
.thumbnail-thumb .slick-current {
  opacity: 0.5;
}
.thumbnail-thumb div div div {
  cursor: pointer;
}

/*==================================
navbar
====================================*/
.nvb-expand  {
  padding: 30px 0 30px 0;
       max-width: 980px;
    margin: 0 auto;
}


.nvb-sp-tab{
display: none;

}



@media (max-width: 476px){

.nvb-expand {display: none !important;}


.nvb-sp-tab
{display: block !important;
 padding: 20px 0 20px 0;
 


}


}


/*==================================
main
====================================*/

.container a {
color: #4a543f;
}

.table{
color: #4a543f;

}

.container h2{
font-family: 'Crimson Text', serif;
font-size: 3rem;
margin: 40px 0 60px 0;
}

.container h2 span{

font-size: 1.5rem;
padding: 0 0 0 18px;
    position: relative;
    bottom: 2px; 
}

/*
.container h1{
  
}
.container h3{
  
}
*/



.top-cp{
  margin: 5px 0 15px 0;

}


.top-cp p{
  margin: 0 auto;
text-align: center;
padding: 5px 0 20px 0;
font-family: serif;
}


.rgimg{
  margin: 0 auto;
  padding: 20px;
}

.rgimg img{
    width: 9%;
    height: auto;
    margin: 0 auto;
}


.top-cp .rogomrg {
  display: flex;
  align-items: center;
  justify-content: center;
}


.top-cp .rogomrg img{
}

.top-cp .rogomrg p{
  margin: 15px 0 0 0;  
}


.charm-pro-table{
  margin: 30px 0 15px 0;
padding: 40px 0 0 0;
}

.cp-image{
background-image: url("../../images/flower01a.jpg");
margin:20px 0 10px 0;
padding: 40px 0 40px 0;
}

.cp-image p{

padding: 10px 0 20px 0;

}


.red{
color: #ff0000;

}

.charm-pro-table{
margin:20px 0 10px 0;
padding: 40px 0 40px 0;  
} 

.charm-pro-table table{
margin:20px 0 0 0;
border-bottom: 1px solid #e6e1e1;
}


.charm-pro-table table th{
  width: 30%;
    font-size: 120%;
  padding: 45px 0 45px 0;
}

.charm-pro-table table td{
  width: 70%;
  vertical-align: middle;
}

.charm-pro-table ul{
margin: 5px 0 5px 0;
}


.charm-pro-table li {
    padding: 5px;
    font-size: 1rem;
}


.tel-pc{display: block;}
.tel-sp{display: none!important;}


#contact {margin: 40px 0 80px 0;}

#contact p{
margin: 30px 0 30px 0;
line-height: 1.2em;
}

.btn-inc{
background-color: #545b62;
color: #fff;
padding: 8px;
}


/*=============================
@media
============================*/

@media (max-width: 992px){



   .slick-slide {
      margin: 0px 10px;
    }

}


@media (max-width: 768px){

.tel-pc{display: none !important;}


.tel-sp{display: block !important;}


   .slick-slide {
      margin: 0px 8px;
    }

.top-cp .rogomrg{
  margin: 0 0 20px 0;
}


}


@media (max-width: 576px){

.top-cp {
    margin: 5px 0 15px 0;
}

.top-cp .rogomrg img{
height: auto;
vertical-align: middle;
}


.rgimg img{
    width: 20%;
    height: auto;
    margin: 0 auto;
}


   .slick-slide {
      margin: 0px 5px;
    }


.container h2{
font-size: 2.1rem;
margin: 20px 0 40px 0;
}

.container h2 span{
font-size: 1.1rem;
padding: 0  0 0 8px ;  
}


}


@media (max-width: 476px){

.container h2{
font-size: 1.9rem;
margin: 20px 0 40px 0;
}

.container h2 span{
font-size: 1.09rem;
padding: 0  0 0 6px ;
    position: relative;
    bottom: 3px;   
}


   .slick-slide {
      margin: 0px 3px;
    }

}



@media (max-width: 320px){

body {
    font-size: 1.01rem;
    font-weight: 300;
    line-height: 1.5em;
}


.hclass1 {
    font-size: 58% !important;
}

.footer{
 font-size: 58%;
 padding: 2px 0;
height: 30px;
}
}