@charset "UTF-8";
/*
 *
 * top page
 *
*/
#header{
	height: 300px;
}

/******************/
ul#information{
  margin: 1em auto;
  padding: 0;
  text-align: center;
}

ul#information li{
  margin:  0;
  padding: 0.5em 0;
  vertical-align: top;
list-style: none;
}

ul#information li span{
  padding-right: 1em;
}
  ul#information li a{
text-decoration: underline;
}

.container_search{
  margin: 0 auto;
    position: relative;  
  text-align: center;
	background:url(../img/bg_line.gif) repeat-x;
}


.under_contents h3 {
  font-size: 1.2em;
  font-weight: 600;
   text-align: center;
   margin: 1em 0;
  }

.under_contents p{
  padding: 0 30px;
}

.img-block {
  margin: 0 auto;
    width:250px;
    height:250px;
    border-radius:50%;
    position:relative;
    overflow:hidden;
    z-index:1;
}

.img-block img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.img-block:hover img{
 -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.slick-slide{
  margin: 10px ;
}

.slick-prev::before {
        position: relative;
        content: "\f060";
        font-family: FontAwesome;
        background: rgba(106,90,54,0.5);
        padding: 10px;
        opacity: 1;
          }
 
.slick-next::before {
        position: relative;
    content: "\f061";
    font-family: FontAwesome;
    background: rgba(106,90,54,0.5);
    padding: 10px;
    opacity: 1;
          }
 
.slick-prev{
     left: -35px;
     }
.slick-next{
     right: -20px;
    }
 
.slick-prev:hover:before{
     animation: arrow_prev .5s ease-out forwards;
    }
@keyframes arrow_prev {
    0% {
      right: 0px;
    }
    50% {
      right: 5px;
    }
    100% {
          right: 0;
    }
}
 
.slick-next:hover:before{
    animation: arrow_next .5s ease-out forwards;
        }
    @keyframes arrow_next {
    0% {
      left: 0px;
    }
    50% {
      left: 5px;
    }
    100% {
      left: 0;
    }
}


ul.toppage{
  margin: 0px ;
  padding: 0px ;
  display: block;
  letter-spacing: -0.4em;
}
ul.toppage li{
  margin: 0 ;
  padding: 10px ;
  letter-spacing: normal;
  display: inline-block;
  width: 50%;
}

.top_search{
  position: relative;
}

.top_search img.waku{
  border: 10px solid #fff;
  position: relative;
  padding: 0px ;
   -webkit-transition: all .3s;
  transition: all .3s;
    -webkit-box-shadow: 0px 0px 15px #D2C9B1;
    -moz-box-shadow: 0px 0px 15px #D2C9B1;
    box-shadow: 0px 0px 15px #D2C9B1;
}

.top_search img.waku:hover{
  -webkit-box-shadow: 0px 0px 15px #948355;
    -moz-box-shadow: 0px 0px 15px #948355;
    box-shadow: 0px 0px 15px #948355;
  cursor: pointer;
  border: 5px solid #fff;
}

.top_search p{
  position: absolute;
  width: 50% ;
  border: none;
  text-align: center;
left: 0;
right: 0;
bottom: -10px;
margin: auto;
}
.top_search p img{
  border: none;
}
/***********************************
デバイスサイズ480以下(device)
************************************/
@media screen and (max-width: 480px) {
  
      .slick-prev{
        left: -10px;                 
    }
     .slick-next{
       right: 10px;
    }
  
  .slick-slide{
  margin: 0px ;
}
  
  dl#information{
  margin: 0.3em 0;
  padding: 0;
  border-top: 1px dotted #ccc;
}

dl#information dt{
  margin:  0;
  padding: 0.5em 0 0 0;
  display: block;
  width:100%;
}

dl#information dd{
  margin:  0;
  padding: 0.5em 0;
  display: block;
  border-bottom: 1px dotted #ccc;
  width: 100%;
}
  
dl#information dd a{
text-decoration: underline;
}
  
  .topmain{
  margin-top: 550px ;
}
  
  .col{
    padding-left: 0;
    padding-right: 0;
  }
  
 .top_search img.waku{
  margin-bottom: 2em ;
  }
}

@media screen and (max-width: 737px) { 
  ul#information li {
    text-align: left;
  }
  ul#information li span::after{
   content: "\A" ;
    white-space: pre ;
}
}

/***********************************
768以下
************************************/
@media screen and (max-width: 768px) {

  .under_contents h3 {
    font-size: 1.2em;
    font-weight: 600;
    text-align: center;
     margin:0; 
    padding: 5px 0;
}
  
}
/***********************************
970以下
************************************/

@media screen and (max-width: 970px) {
  
}

/***********************************
1200以下
************************************/
@media screen and (max-width: 1200px) { 
      .slick-prev{
     left: -10px;
     }
.slick-next{
     right: -0px;
    }
}
/***********************************
480〜767の間
************************************/
@media screen and (min-width: 480px) and (max-width: 767px) { 
.img-block {
  margin: 0 auto;
    width:120px;
    height:120px;
    z-index:1;
}
	.under_contents p {
    padding: 0 ;
}
  
  .under_contents h3 {
    font-size: 1.2em;
    font-weight: 600;
    text-align: center;
     margin:0; 
    padding: 5px 0;
}

}
/***********************************
768〜969の間
************************************/
@media screen and (min-width: 768px) and (max-width: 969px) {
		.under_contents p {
    padding: 0 ;
}

}
/***********************************
 970〜1199の間
************************************/
@media screen and (min-width: 970px) and (max-width: 1199px) {
}
/***********************************
w1200以上
************************************/
  
  @media screen and (max-width: 999px) {
	#header{
		height: auto;
	}
#global-nav{
    display: block;
  }
    
.container_search{
  margin: 0 auto;
  padding-top:50px ; 
  position: relative;  
  text-align: center;
	background:none;
}
    .top_search img {
    border: none;
    position: relative;
}
  }
    
    @media screen and (min-width: 1000px) {
#global-nav{
    display: none;
  }
      
#top-head.fixed #global-nav{
    display: block;
  }
}