@charset   "UTF-8";
@media all and (min-width:320px) and (max-width:599px){

.box{
  position   : relative;
  max-width  : 100%;
  height     : 900px;
  margin     : auto;
  overflow   : hidden;
}

/* �w�b�_�[�X���C�h ���X�|���V�u�摜 */
img.p-25{
 width:  100%;
}
/* �摜�E���X�|���V�u */
img.p-100{
  width: 100%;
   
}
 /* �^�C�g���E�o�i�[(wide�Emedium)�E���X�|���V�u */
img.mw-100{
  display: none;
}
/* �^�C�g���E�o�i�[(smart)�E���X�|���V�u */
img.s-100{
  width: 100%;
}
/* ���Ə��Љ���t�F�[�h ���X�|���V�u�摜 */
img.aa{
  width: 100%;
}

/* smart�p�E�g�b�v�A�C�R�� */
.s-icon {
    text-decoration: none;
    color: beige
    
}    
    
/* �ۉ摜 �����o�� ���� ���o�� */
.midashi{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 1.5vmin;
  font-weight: bold;
  color: white;
  border-bottom: 1px dashed;
  word-break: keep-all;
  display: block;
}
/* �ۉ摜 �����o�� ���� ���e */
.maru-naiyo{  
  width: 92%;
  margin-left: 8%;
  margin-right: auto;
  font-size: 1.5vmin;
  color: white;
  display: block;
}
/* �ۉ摜 �����o�� ���� �����N */
.pop-link{
  text-decoration: none;
  padding: 0 .3em;
  background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(46,204,113,1) 50%);
  background-position: 0 0;
  background-size: auto 200%;
  transition: .1s;
  color: #fff;
}
.pop-link:hover{
  background-position: 0 100%;
  color: #fff;
}

a.pop-link:link{
  color: #ffffff;
  text-decoration: none;
}
a.pop-link:visited{
color: #ffffff;
text-decoration: none;
}

/* �ۉ摜�w�̔����j���[�̏Љ�x�}�E�X�z�o�[���� �����o�� */
.maru-oya-1 {
  margin-top: -2%;
  position   : relative; 
  display: none;  
}

.maru-balloon-1 {
  /*�o���[���̃X�^�C���ł�*/
 
  /*�\���ʒu���w�肵�܂�*/
  position: absolute;
  margin-top: -19%;
  top: 50%;
  left: 10%;
  /*��\���ɂ��Ă����܂�*/
  display: none;
  opacity: 0;
  /*�\���X�^�C�����w�肵�܂�*/
  width: 15%;
  min-width: 100px;
  height: 15%;
  min-height: 120px;
  text-align: left;
  padding: 20px 15px 20px 15px;/* �ݒ菇��:��E�E�E���E��; */
  margin-bottom: 20px;
  border-radius: 85px;
  line-height: 1.5em;
  color: white;
  background-color: rgba(107, 71, 33, 0.9);             
  /*�e�����Č��h����ǂ����܂�*/
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
  /*�A�j���[�V�������w�肵�܂�*/
  animation-duration: 0.1s;
  animation-name: show-maru-balloon-1;
}

.maru-oya-1:hover .maru-balloon-1 {
  /*�}�E�X�z�o�[���̃o���[���̃X�^�C���ł�*/

  /*�\������悤�ɂ��܂�*/
  display: inline-block;
  opacity: 1;
  top: -40px;
}

.maru-balloon-1::before {
  /*�����o�������̎O�p�`��\�����܂�*/
  content: "";
  position: absolute;
  top: 97%;
  left: 45%;
  border: 10px solid transparent;
  border-top: 15px solid rgba(107, 71, 33, 0.7);
}

@keyframes show-maru-balloon-1 {
  /*�A�j���[�V�������`���܂�*/
  0% {
    display: none;
    opacity: 0;
    top: -30px;
  }
  1% {
    display: inline-block;
    opacity: 0;
    top: -30px;
  }
  100% {
    display: inline-block;
    opacity: 1;
    top: -40px;
  }
}

/* �ۉ摜�w���X�̊����Љ�x�}�E�X�z�o�[���� �����o�� */
.maru-oya-2 {
  margin-top: -2%;
  position   : relative; 
  display: none;  
}

.maru-balloon-2 {
  /*�o���[���̃X�^�C���ł�*/
 
  /*�\���ʒu���w�肵�܂�*/
  position: absolute;
  margin-top: -18%;
  top: 60%;
  left: 30%;
  /*��\���ɂ��Ă����܂�*/
  display: none;
  opacity: 0;
  /*�\���X�^�C�����w�肵�܂�*/
  width: 15%;
  min-width: 100px;
  height: 15%;
  min-height: 80px;
  padding: 20px 15px 20px 15px;/* �ݒ菇��:��E�E�E���E��; */
  border-radius: 85px;
  line-height: 1.5em;
  color: white;
  background-color: rgba(255, 90, 114, 0.9);              
  /*�e�����Č��h����ǂ����܂�*/
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
  /*�A�j���[�V�������w�肵�܂�*/
  animation-duration: 0.3s;
  animation-name: show-maru-balloon-2;
}

.maru-oya-2:hover .maru-balloon-2 {
  /*�}�E�X�z�o�[���̃o���[���̃X�^�C���ł�*/

  /*�\������悤�ɂ��܂�*/
  display: inline-block;
  opacity: 1;
  top: -40px;
}

.maru-balloon-2::before {
  /*�����o�������̎O�p�`��\�����܂�*/
  content: "";
  position: absolute;
  top: 97%;
  left: 45%;
  border: 10px solid transparent;
  border-top: 15px solid rgba(255, 90, 114, 0.7);
}

@keyframes show-maru-balloon-2 {
  /*�A�j���[�V�������`���܂�*/
  0% {
    display: none;
    opacity: 0;
    top: -30px;
  }
  1% {
    display: inline-block;
    opacity: 0;
    top: -30px;
  }
  100% {
    display: inline-block;
    opacity: 1;
    top: -40px;
  }
}
/* �ۉ摜�w�^�c���Ə��̏Љ�x�}�E�X�z�o�[���� �����o�� */
.maru-oya-3 {
  margin-top: -2%;
  position   : relative; 
  font-size: 14pt;
  display: none;  
}

.maru-balloon-3 {
  /*�o���[���̃X�^�C���ł�*/
 
  /*�\���ʒu���w�肵�܂�*/
  position: absolute;
  margin-top: -17%;
  top: 60%;
  right: 30%;
  /*��\���ɂ��Ă����܂�*/
  display: none;
  opacity: 0;
  /*�\���X�^�C�����w�肵�܂�*/
  width: 15%;
  min-width: 100px;
  height: 15%;
  min-height: 120px;
  padding: 20px 15px 20px 15px;/* �ݒ菇��:��E�E�E���E��; */
  border-radius: 85px;
  line-height: 1.3em;
  color: white;
  background-color: rgba(0, 118, 53, 0.9);             
  /*�e�����Č��h����ǂ����܂�*/
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
  /*�A�j���[�V�������w�肵�܂�*/
  animation-duration: 0.3s;
  animation-name: show-maru-balloon-3;
}

.maru-oya-3:hover .maru-balloon-3 {
  /*�}�E�X�z�o�[���̃o���[���̃X�^�C���ł�*/

  /*�\������悤�ɂ��܂�*/
  display: inline-block;
  opacity: 1;
  top: -40px;
}

.maru-balloon-3::before {
  /*�����o�������̎O�p�`��\�����܂�*/
  content: "";
  position: absolute;
  top: 97%;
  left: 45%;
  border: 10px solid transparent;
  border-top: 15px solid rgba(0, 118, 53, 0.7);
}

@keyframes show-maru-balloon-3 {
  /*�A�j���[�V�������`���܂�*/
  0% {
    display: none;
    opacity: 0;
    top: -30px;
  }
  1% {
    display: inline-block;
    opacity: 0;
    top: -30px;
  }
  100% {
    display: inline-block;
    opacity: 1;
    top: -40px;
  }
}

/* �ۉ摜�w�@�l�̏Љ�x�}�E�X�z�o�[���� �����o�� */
.maru-oya-4 {
  margin-top: -2%;
  position   : relative; 
  font-size: 14pt;
  display: none;  
}


.maru-balloon-4 {
  /*�o���[���̃X�^�C���ł�*/
  
  /*�\���ʒu���w�肵�܂�*/
  position: absolute;
  margin-top: -16%;
  top: 60%;
  right: 10%;
  /*��\���ɂ��Ă����܂�*/
  display: none;
  opacity: 0;
  /*�\���X�^�C�����w�肵�܂�*/
  width: 15%;
  min-width: 100px;
  height: 15%;
  min-height: 80px;
  padding: 20px 15px 20px 15px;/* �ݒ菇��:��E�E�E���E��; */
  border-radius: 85px;
  line-height: 1.3em;
  color: white;
  background-color: rgba(82, 170, 250, 0.9);             
  /*�e�����Č��h����ǂ����܂�*/
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
  /*�A�j���[�V�������w�肵�܂�*/
  animation-duration: 0.3s;
  animation-name: show-maru-balloon-4;
}

.maru-oya-4:hover .maru-balloon-4 {
  /*�}�E�X�z�o�[���̃o���[���̃X�^�C���ł�*/

  /*�\������悤�ɂ��܂�*/
  display: inline-block;
  opacity: 1;
  top: -40px;
}

.maru-balloon-4::before {
  /*�����o�������̎O�p�`��\�����܂�*/
  content: "";
  position: absolute;
  top: 97%;
  left: 45%;
  border: 10px solid transparent;
  border-top: 15px solid rgba(82, 170, 250, 0.7);
}

@keyframes show-maru-balloon-4 {
  /*�A�j���[�V�������`���܂�*/
  0% {
    display: none;
    opacity: 0;
    top: -30px;
  }
  1% {
    display: inline-block;
    opacity: 0;
    top: -30px;
  }
  100% {
    display: inline-block;
    opacity: 1;
    top: -40px;
  }
}

/* �j���[�X�E�����w�i */
#news-haikei{
  width: 100%;
  height: auto;
  padding-bottom: 60px;
  text-align: left;
  overflow: hidden;
  background-color: #f9faf4;
  background-image: url("news-kami2.jpg");
  background-repeat: repeat;
  background-size: 40%;
  box-shadow: 2px 2px 0px gray;
}  

/* ���ւƃI�[�g���[�X�̕⏕���� */
#hojo-all{
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding-top: 15px;
}

#hojo-all img{
  width: 80%;
  max-width: 300px;
  text-align: center;
  margin: 0 auto;
  padding: 7px 0;
}  

/* �j���[�X�̏�̂��m�点 */
#info-all{
  width: 90%;
  text-align: left;
  margin: 0 auto;
  padding-top: 10px;
}

#info-all a{
 color: #000;
}

.info-title{
  width: 100%;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  border-bottom: solid 2px #5F9B4E;
}
.info-naiyo{
  width: 100%;
  text-align: left;
  font-size: 13px;
  margin-top: 5px;
}

/* �j���[�X�E�eBOX */
#news-box{
  width : 100%; 
  height : 550px;
  padding-bottom: 1%;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 0 0px rgba(0,0,0,.3) inset;
  overflow: auto;
  -ms-overflow-style:none;
}
#news-box {
 -ms-overflow-style: none; /* IE�΍� */
      scrollbar-width: none; /* Firefox�΍� */
}
#news-box::-webkit-scrollbar { /* Google Chrome�΍� */
 display: none;
}

/* �j���[�X�E�^�C�g���o�i�[�摜 */
.news-title{
  width: 90%;
  max-width: 1000px; 
  height : auto;
  text-align: center;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  padding-top: 10px;
}

/* �j���[�X�E�A�C�R���E�wFacebook�x */
.news-facebook{
    width: 100px;
    height: auto;
    padding: 8px;
    margin: 0 auto;
    font-size: 10.5pt;
    line-height: 10px;
    text-decoration: none;
    text-align:center;
    display: block;
    color: #FFFFFF;
    background: #495998;
    border-radius: 5px;
    -webkit-border-radius: 5px;/* for Safari and Chrome �Ή�*/
    -moz-border-radius: 5px;/* for Firefox �Ή�*/
}
/* �j���[�X�E�A�C�R���E�w�u���O�x */
.news-blog{
    width: 100px;
    height: auto;
    padding: 8px;
    margin: 0 auto;
    font-size: 9pt;
    line-height: 10px;
    text-align:center;
    text-decoration: none;
    display: block;
    color: #FFFFFF;
    background: #F75D71;
    border-radius: 5px;
    -webkit-border-radius: 5px;/* for Safari and Chrome �Ή�*/
    -moz-border-radius: 5px;/* for Firefox �Ή�*/
}
/* �j���[�X�E�A�C�R���E�w�@�l�{���x */
.news-houjin{
    width: 100px;
    height: auto;
    padding: 8px;
    margin: 0 auto;
    font-size: 9pt;
    line-height: 10px;
    text-align:center;
    text-decoration: none;
    display: block;
    color: #FFFFFF;
    background: #008DDD;
    border-radius: 5px;
    -webkit-border-radius: 5px;/* for Safari and Chrome �Ή�*/
    -moz-border-radius: 5px;/* for Firefox �Ή�*/
}
/* �j���[�X�E�A�C�R���E�w�����Z���t�x */
.news-oneself{
    width: 100px;
    height: auto;
    padding: 8px;
    margin: 0 auto;
    font-size: 10.5pt;
    line-height: 10px;
    text-decoration: none;
    text-align:center;
    display: block;
    color: #FFFFFF;
    background: #FF9799;
    border-radius: 5px;
    -webkit-border-radius: 5px;/* for Safari and Chrome �Ή�*/
    -moz-border-radius: 5px;/* for Firefox �Ή�*/
}
/* �j���[�X�E�A�C�R���E�w���Ƃ炢����x */
.news-tsuki-lion{
    width: 100px;
    height: auto;
    padding: 8px;
    margin: 0 auto;
    font-size: 9pt;
    line-height: 1em;
    text-decoration: none;
    text-align:center;
    display: block;
    color: #FFFFFF;
    background: #5F9B4E;
    border-radius: 5px;
    -webkit-border-radius: 5px;/* for Safari and Chrome �Ή�*/
    -moz-border-radius: 5px;/* for Firefox �Ή�*/
}
/* �j���[�X�E�A�C�R���E�w�S�� �x*/
.news-kokoa{
    width: 100px;
    height: auto;
    padding: 8px;
    margin: 0 auto;
    font-size: 9pt;
    line-height: 10px;
    text-decoration: none;
    text-align: center;
    display: block;
    color: #FFFFFF;
    background: #FFC84D;
    border-radius: 5px;
    -webkit-border-radius: 5px;/* for Safari and Chrome �Ή�*/
    -moz-border-radius: 5px;/* for Firefox �Ή�*/
}
/* �j���[�X�E�����N�ʏ펞 �F�w�� */
#news-box a:link{
   color: black;
}
/* �j���[�X�E�����N�K��ς� �F�w�� */
#news-box a:visited{
   color: black;
}

/* �j���[�X�E�A�C�R���E���t�E�����E�eBOX */
dl{
  width: 98%;
  height: auto;
  padding-top: 20px;
  padding-bottom: 0;
  margin: 0px 1% 0px 1%;/* �ݒ菇��:��E�E�E���E��; */
  border-bottom: 1px dashed;
  color : #005500;
  overflow: hidden;
  display: block;
}
dl:hover {
  background-color : #D2B48C;
}

/* �j���[�X�E�A�C�R���E���t */
dt{
   width: 49%;  
   height: auto;
   float: left;
}
/* �j���[�X�E�N���� */
.news-ymd{
   width: 100%;  
   height: auto;
   float: left;
   font-size: 14.5px;
   text-align: left;
}
/* �j���[�X�E���e */
dd{
   width: 90%;
   height: auto;
   margin: 0 auto;
   padding-top: 10px;
   padding-bottom: 20px;
   padding-left: auto;
   padding-right: auto;
   font-size: 10pt;
   text-align: left; 
   text-decoration : none; 
   text-indent: 1em;
   line-height: 2em;
   letter-spacing: 0.3em;
   color: #484b4e;
   overflow: hidden;
}   
dd:hover {
 color: #454141;
  font-weight: 600;
}

/* ���Ə��Љ� �eBOX �����w�i*/
#jigyousyo{
  width: 100%;
  height: auto;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 20px;
  margin-left: auto;
  margin-right: auto; 
  background-color: #fdf9e8; 
  background-image: url("ki.jpg");
  overflow: hidden;
   
}
/* ���Ə��Љ�E�^�C�g���o�i�[�摜 */
.jigyousyo-title{
  width: 95%;
  height : auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1%;
  padding-bottom: 10px;
  text-align: center;
  background-image: url("line2.jpg");
  color: #FFFFFF;
}

/* ���Ə��Љ�E�摜 �eBOX */
.jigyousyo-shokai{
  width : 100%;
  height : auto;
  float: left;
  margin: 0 auto;
  margin-bottom: -15px;
  text-align: center;
  display: flex;           /* flex�R���e�i�� */
  flex-direction: column; /* �c�����ɔz�u */
  overflow: hidden;
}
/* ���Ə��Љ�w���Ƃ炢����x���X�|���V�u�摜 */
.jigyousyo-gazo1{
  width: 94%;
  padding: 2px 3% 0px 3%;/* �ݒ菇��:��E�E�E���E��; */
  order: 1;
}
/* ���Ə��Љ�w���Ƃ炢����x���X�|���V�u�摜�}�E�X�z�o�[ */
.jigyousyo-gazo1:hover{
  width: 94%;
  padding: 2px 3% 0px 3%;/* �ݒ菇��:��E�E�E���E��; */
  opacity: 0.6;/* ���ߗ�50% */
  transition: 0.8s;/* 0.2�b�A�j���[�V���� */
  -webkit-transition: 0.2s;
  order: 1;
}
/* ���Ə��Љ�woneself�x���X�|���V�u�摜 */
.jigyousyo-gazo2{
   width: 94%;
   padding: 2px 3% 0px 3%;/* �ݒ菇��:��E�E�E���E��; */
   order: 2;
}
/* ���Ə��Љ�woneself�x���X�|���V�u�摜�}�E�X�z�o�[ */
.jigyousyo-gazo2:hover{
   width: 94%;
   padding: 2px 3% 0px 3%;/* �ݒ菇��:��E�E�E���E��; */
   opacity: 0.6;/* ���ߗ�50% */
   transition: 0.8s;/* 0.2�b�A�j���[�V���� */
   -webkit-transition: 0.2s;
    order: 2;
}
/* ���Ə��Љ�w�S���x���X�|���V�u�摜 */
.jigyousyo-gazo3{
   width: 94%;
   padding: 2px 3% 0px 3%;/* �ݒ菇��:��E�E�E���E��; */
   order: 3;
}
/* ���Ə��Љ�w�S���x���X�|���V�u�摜�}�E�X�z�o�[ */
.jigyousyo-gazo3:hover{
   width: 94%;
   padding: 2px 3% 0px 3%;/* �ݒ菇��:��E�E�E���E��; */
   opacity: 0.6;/* ���ߗ�50% */
   transition: 0.8s;/* 0.2�b�A�j���[�V���� */
   -webkit-transition: 0.2s;
    order: 3;
}      
    
img.jigyousyo-gazo-back{
 display: none;
}
img.jigyousyo-gazo-back2{
 width: 14%;
 position: absolute;
 right: 10;
}

/* ���Ə����p���e�Љ�E�����摜 */
#saiwai-yokonaga{
  width: 100%;
}
/* ���Ə����p���e�Љ�E�������X�|���V�u�摜 */
img.haba-100{
  width: 100%;
}

/* contents ���j���[�Љ�E�����w�i  */
#contents{
  width : 100%;  
  height : auto;
  margin-left : auto;
  margin-right : auto;
  padding-top: 5px;
  text-align: center;
  overflow: hidden;
} 

/* ���j���[�Љ�E�^�C�g���o�i�[�摜 */
.item-title{
  width: 95%; 
  max-width: 1000px;
  height : auto;
  padding-top: 1%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  text-align: center;
}

/* ���j���[�Љ���� */
.item-moji{
  width : 85%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  text-align : left;
  text-indent: 1em;
  line-height: 1.8em;
  font-size: 11pt;
  font: 550000;
  margin-bottom: 30px;
}

/* ���j���[�Љ�E�ʐ^�摜 */
.item{
  width : 99%;
  height : auto;
  padding: 10px 0.5% 10px 0.5%;/* �ݒ菇��:��E�E�E���E��; */
  text-align: center;
  background-color: #cfd5c2;
}
/* ���j���[�Љ�E�ʐ^���X�|���V�u�摜 */
.item-gazo{
  width: 96%;
  margin: 5px auto 5px auto;/* �ݒ菇��:��E�E�E���E��; */
  border:3px  #cfd5c2 solid;
}

/* ���j���[�Љ�E�ʐ^���X�|���V�u�摜 */
.item-gazo:hover{
  width: 96%;
  opacity: 0.6;/* ���ߗ�50% */
  transition: 0.8s;/* 0.2�b�A�j���[�V���� */
	-webkit-transition: 0.2s;
	border:3px #277638 solid;
}

/* �n�}�E�}�b�v */
.map100{
  position: relative;
  z-index: 1;
}

.fuwatto-wrap [class*='fuwatto'] {
  opacity: 0;
  transform: translate(0, 20px);
  transition: all 0.9s; 
}
.fuwatto-wrap [class*='fuwatto'].f-act {
  opacity: 1;
  transform: translate(0, 0); 
}

}
