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


* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;	
}
body {
font-family: zen-kaku-gothic-new,sans-serif;
font-weight: 400;
font-style: normal;    
}

a{
	text-decoration: none;	
}
li{
	list-style: none;
}
h1,h2,p,.copyright{
color:#482a2a;
font-weight: normal;	
}
.h5{
height: 5px;	
}
.h10{
height: 10px;	
}
.h20{
height: 20px;	
}
.h30{
height: 30px;	
}
.h50{
height: 50px;	
}
.h100{
height:100px;	
}
.text1{
font-size: 1.2em;    
line-height: 1.75;    
}
.text1 strong{
font-size: 1.5em; 
display: block;
}
.text2{
font-size: 1em;
text-align: left;
}
.text2 strong{
font-size: 1.5em; 
display: block;
text-align: center;
}
.text3{
font-size: 1.5em; 
}
lign: center;
}
.text-shadow_w {
   text-shadow    : 
       1px  1px 0px #ffffff,
      -1px  1px 0px #ffffff,
       1px -1px 0px #ffffff,
      -1px -1px 0px #ffffff,
       1px  0px 0px #ffffff,
       0px  1px 0px #ffffff,
      -1px  0px 0px #ffffff,
       0px -1px 0px #ffffff;    
}
.border-box_r{
width: 100%;
border:2px solid #F23C13;
padding: 3%;    
background: #fff;    
}
.container1 {
max-width: 98%;
width: 100%;
margin: 0 auto;
text-align: center;	
padding: 0 2%;	
}
.container {
max-width:85%;
width: 100%;
margin: 0 auto;
text-align: center;	
padding: 0 2%;	
}
.sp_l{
text-align: center;    
}
/*パンクズ */
.breadcrumb {
  margin-bottom: 3%;
margin-top: 3% 0;	
  padding-left: 1%;
  list-style: none;
text-align: left;
padding-top: 2%;  
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
font-size: 0.8em;
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #434242;
}

.breadcrumb li:last-child:after {
  content: '';
}
.breadcrumb .item_text{
color: #055902;    
}
.breadcrumb li a {
  text-decoration: none;
  color: #482a2a;/*色*/
}
/*===スライダー==============================*/
.top_slider{
    width: 100%;
    height: calc(100vh - 150px);
}
.top_slider{
	overflow: hidden;
    width: 100%;
}


.top_slider .slider li{
	width: 100%;
	height: auto;
	position: relative;
    overflow: hidden;
}

.top_slider .slider li .slide_img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.07);
}
.top_slider .slick-active .slide_img{
	position: relative;
	animation: zoom 7s ease-in-out 0s forwards;
}
@keyframes zoom {
  0% {
		transform: scale(1);
	}
    

  100% {
		transform: scale(1.1);
	}    
 
}

/*キャッチ*/
.top_slider li .catch{
  position: absolute;
  top: 35%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  width: 100%;
  text-align: center; 
}
.top_slider li .catch img{
	display: block;
	width: 60%;
    margin: 0 auto;
}
@keyframes apper {
	0% {
		opacity: 0;
	}
	50%{
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@media (max-width: 750px){

}


.sp1,.sp2,.tb{
display: none;
}

.fullscreenmenu{
display: none;
}
.midashi{  
width: 100%;
text-align: center; 
display: block;
padding-left: 10px;   
 margin-bottom: 3%;  
}
.midashi img{
width: 10%;    
}
.midashi p{  
font-size: 2.5em;		
text-align:center;
letter-spacing: 2px;	
color: #F25244;   
 font-family: fot-tsukubrdgothic-std,sans-serif;
font-weight: 700;
font-style: normal;   
}
.midashi .small{
font-size:1em;
display:block;	
color:#F2CF66;	
padding-top:0.5%;
padding-bottom: 0.5%;    
letter-spacing: 2px;   
text-align: center;
}

.border-bottom{
padding-top:0.5%;    
border-bottom: solid #f23d14 2px;
}

.slider1{
  width: auto;
    height: 150px!important;
    height: auto;
    display: block;
    position: relative;
    overflow: hidden;
    
}
.slider1 img{
  width: 100%;
    height: auto;
    display: block;
}
.slider1 p{
 font-size: 2.3em;
    position: absolute;
    text-align: center;
    color: #fff;
    text-shadow: 0 5px 5px #000;
    position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  width: 100%;
  text-align: center;
}
@keyframes typing { from { width: 0; } }
@keyframes caret { 50% { border-color: transparent; } }
.top-slide{
width: 100%;
height: auto;
display: inline-block;
position: relative;    
}
.top-text{
top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  width: 50%;
height: auto;
display: inline-block;
position: absolute;      
}

.top-slide p{
width: 100%;
border-right: .08em solid;
overflow: hidden;
font-size: 3.5em;
white-space: nowrap;
animation: typing 5s steps(30, end), caret .5s step-end infinite;
text-align: center;
color: #fff;	
text-shadow: 2px 2px 5px #482a2a;	
letter-spacing:0.1em;	
position: absolute;
top: 50%;    
}
.top-slide .top-slide_text{
width: 100%;
border-right: .08em solid;
overflow: hidden;
font-size: 3.5em;
text-align: center;
color: #fff;	
text-shadow: 2px 2px 5px #482a2a;	
letter-spacing:0.1em;	
}
.top_wrapper{
	width: 100%;
	position: relative;
}


.globalMenuSp, .navToggle{
	display: none;
}
.back1{
background: #ffecc4;    
}
.back2{
background: rgba(255,255,255,0.5);  
padding: 5%;    
border-radius: 20px;    
}
.top{
width: 100%;
height: auto;
flex-wrap:wrap;	
display: flex;
justify-content:space-between;
align-items:center;	
padding:1% 2% 0 1%;    
}

.top .t-logo{
width:300px;		
}
.top .t-logo img{
width:100%;	
margin: 5px 0 ; 
}
.header_contact{
  width: 70%; 
}
.top .top-contact{
 width:100%;	  
display: flex;
justify-content:flex-end;
align-items:center;	    
}
.top .top-contact .t-tel{
 width:250px;	
height: 30px;    
}
.top .top-contact .t-tel a{
font-size: 1.2em; 
    color: #482a2a;
text-align: center;   
display: block;  
 transition: all 0.5s;    
background: url("../img/background6.jpg");
background-size: 100%;
background-position: center;
margin-right: 5px;  
border-radius: 10px;  
padding: 1%; 
   text-shadow    : 
       1px  1px 0px #ffffff,
      -1px  1px 0px #ffffff,
       1px -1px 0px #ffffff,
      -1px -1px 0px #ffffff,
       1px  0px 0px #ffffff,
       0px  1px 0px #ffffff,
      -1px  0px 0px #ffffff,
       0px -1px 0px #ffffff;        
}
.top .top-contact .t-tel a:hover{
    background: url("../img/background7.jpg");
background-size: 100%;
background-position: center;
   text-decoration: transparent; 
}


.top .top-contact .t-tel a .con_ts{
font-size: 0.5em;  
display: block;   
padding-bottom: 1%;    
text-align: center;        
}
.top .top-contact .t-mail{
 width:200px;	
  height: 30px;  
  
}
.top .top-contact .t-mail a{
font-size: 1.2em; 
 color: #F25244;
text-align: center;   
display: block;  
 transition: all 0.5s;  
border-radius: 10px;   
 margin-right: 5px;    
background: url("../img/background6.jpg");
background-size: 100%;
background-position: center;     
 padding: 1%; 
   text-shadow    : 
       1px  1px 0px #ffffff,
      -1px  1px 0px #ffffff,
       1px -1px 0px #ffffff,
      -1px -1px 0px #ffffff,
       1px  0px 0px #ffffff,
       0px  1px 0px #ffffff,
      -1px  0px 0px #ffffff,
       0px -1px 0px #ffffff;        
}
.top .top-contact .t-mail a:hover{
    background: url("../img/background7.jpg");
background-size: 100%;
background-position: center;
   text-decoration: transparent; 
}
.m1 a{
color: #482a2a;
width: 100%;
display: block;	
transition: color .3s, text-decoration .3s;		
font-size: 1em;
letter-spacing: 2px;	
  text-decoration: none;	
 font-family: fot-tsukubrdgothic-std, sans-serif;
font-style: normal;
font-weight: 700;   
}

.m1 a::after {
  border-bottom: solid 1px #F2CF66;
  bottom: 0;
  content: "";
  display: block;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  width: 0;
    padding-top: 1%;
}
.m1 a:hover::after {
  width: 90%;
	display: block;
	margin: 0 auto;
}
.m1 .nav_ts{
display: block;
font-size: 0.7em;  
text-align: center;   
margin-top: 1%;  
color: #F2994B;    
}
.m1{
width: 100%;	
padding: 1% 2%;    
}
.m1 ul{
width: 100%;		
display: flex;
align-items:center;
justify-content:flex-end;	 
  margin-top: 1%;    
}

.m1 ul .b1{
font-size:1em;	
  display: inline-block;
  text-decoration: none;
transition: all 0.5s;
padding-left: 20px;   
}

.m1 ul a:hover{
color:#333;
text-decoration: transparent;	
}
.heading{
width: 100%;
height: auto;
display: block;  
padding: 10% 0 ;  
background:url("../img/background4.png");
background-size: contain;
background-position: center;
}
.heading .heading1{
width: 30%;
display: block;
margin: 0 auto;
}
.heading .text1{
width: 50%;
display: block;
margin: 0 auto;
}
/*====ボタン===*/
.btn{
width: 300px;
display: block;
margin: 50px auto 0;
}
.button{
    display:block;
    background:#F25244;
    width: 300px;
    padding:10px 30px 10px 20px;
    text-align:center;
    color:#FFF;
    margin:5px;
    border:1px solid;
    cursor:pointer;
    position: relative;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 2px 2px 5px #999;
     font-size: 1em;
}
.button::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-color: transparent transparent #FFF #FFF;
    transform: rotate(-135deg);
    transition: .3s;
}
.button:hover::after{
    right: 10px;
    background:#F25244;
}
.btn2{
width: 45%;
display: block;
margin: 0 auto;
}
.button{
    display:block;
    background:#F25244;
    width: 100%;
    padding:10px 30px 10px 20px;
    text-align:center;
    color:#FFF;
    margin:5px;
    border:1px solid;
    cursor:pointer;
    position: relative;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 2px 2px 5px #999;
     font-size: 1em;
}
.button::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-color: transparent transparent #FFF #FFF;
    transform: rotate(-135deg);
    transition: .3s;
}
.button:hover::after{
    right: 10px;
    background:#F25244;
}
.btn2{
width: 45%;
display: block;
margin: 0 auto;
}
.button{
    display:block;
    background:#F25244;
    width: 100%;
    padding:10px 30px 10px 20px;
    text-align:center;
    color:#FFF;
    margin:5px;
    border:1px solid;
    cursor:pointer;
    position: relative;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 2px 2px 5px #999;
     font-size: 1em;
}
.button::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-color: transparent transparent #FFF #FFF;
    transform: rotate(-135deg);
    transition: .3s;
}
.button:hover::after{
    right: 10px;
    background:#F25244;
}
.btn3{
width: 300px;
display: block;
margin: 0 auto;
}
.button3{
    display:block;
    background:rgba(0,0,0,0.5);
    width: 100%;
    padding:10px 30px 10px 20px;
    text-align:center;
    color:#FFF;
    margin:5px;
    border:1px solid;
    cursor:pointer;
    position: relative;
    text-decoration: none;
    box-shadow: 2px 2px 5px #999;
     font-size: 1em;
}
.button::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-color: transparent transparent #FFF #FFF;
    transform: rotate(-135deg);
    transition: .3s;
}
.button:hover::after{
    right: 10px;
background:rgba(0,0,0,0.8);
}
/*====あいさつ===*/
.greeting-box{
width:100%;
display: block; 
background-color: #f3f3f3;
background-image:url("../img/background6.jpg");
background-size: cover;    
position: relative; 
 padding: 100px 150px;     
}
.greeting{
width: 60%;
display: block;
margin: 0 auto;
box-shadow: 2px 2px 5px #eee; 
padding: 5%;  
background: #fff;  
 border-radius: 30px; 
}
.g-text{
width: 90%;  
display: block;
margin: 0 auto;    
}
/*.g-illust{
width: 90%;  
display: block;
margin: 0 auto;
 background-image:url("../img/illust1.png");
background-size: contain; 
background-position: center;
background-repeat: no-repeat;    
}*/
.g-photo{
width:30%;
position: absolute;
bottom:50px;
right:280px;    
 border-radius: 30px;     
}
.flex{
width: 100%;
display: flex;	
flex-wrap:wrap;
justify-content:space-between;
align-items:center;	
background: #FFECC4; 
padding: 5%; 
border-radius: 30px;    
}
.flex1{
width: 100%;
display: flex;	
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;	
background:rgba(255,255,255,0.5); 
padding: 5%; 
border-radius: 30px;    
}
.flex2{
width: 70%;
display: flex;	
flex-wrap:wrap;
justify-content:center;
align-items:center;	
background: #FFECC4; 
padding: 5%; 
border-radius: 30px;  
margin: 0 auto;
}
.flex-box{
width: 50%;   
padding: 3%;    
}
.flex-box img{
width: 100%;  
border-radius: 30px;       
}

/*====コンテンツ===*/
.contents-box{
width: 100%;
height: auto;
display: flex;    
flex-wrap:wrap;
justify-content:space-between;
align-items:center; 
}
.contents{
width:calc(100% / 5);   
position: relative;
  overflow: hidden;
  cursor: pointer;  
}
.back3{
 background: #000;     
}
.contents .c-photo{
width:100%; 
opacity: 0.5; 
transition-duration: 0.5s; 
 object-fit: cover; 
margin-bottom: -3px; 
 display:table;   
}
.contents .illust1{
width: 80%;
display: block;
margin: 0 auto;
}
.c-box{
width:90%;    
position: absolute;
color: #482a2a;   
line-height: 200%; 
display: block;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%) ;
display:table-cell;
 overflow:hidden;
}
.c-box p{
width: 100%;  
display: block;
    margin-left: auto;
    margin-right: auto ; 
}
.c-box a{
width: 100%;  
display: block;
    margin-left: auto;
    margin-right: auto 
}
.contents:hover .c-photo{
  transform: scale(1.2);
  transition-duration: 0.5s;
    opacity: 0.9; 
}
/*====全ページ共通フッターメニュー===*/
.footer-contact{
width: 100%;
background: #F2EFBD; 
padding: 5% 0;   
background-image:url("../img/background2.png");
background-size: 100%;
background-position: center;    
}

.contact-box{
width: 90%;    
background: rgba(255,255,255,0.8); 
display: block;
margin: 0 auto;
    padding: 5%;
border-radius: 20px;    
}

.contact-box img{
	width: 50%;
display: block;
margin: 0 auto;
}
.contact-box .footer-text{
	font-size: 1em;
	line-height: 200%;
	width: 100%;
	display: block;
    padding: 3% 0;  

}
.contact-box .footer-text strong{
font-size: 1.3em;
display: block;    
}
.con-box{
width: 80%;
display:flex;
margin: 0 auto;	
flex-wrap:wrap;
justify-content:center;
align-items:center;    
}
.contact1{ 
width:calc(70% / 2);
margin-top: 0.5%;
}
.contact1 a{
 color:#482a2a;   
width:98%;	
display: block;
background: url("../img/background6.jpg");
background-size: 100%;
background-position: center;    
margin: 1% auto;
transition: all 0.5s;	
border-radius: 10px;  
font-size: 1.5em;  
padding: 2%; 
   text-shadow    : 
       1px  1px 0px #ffffff,
      -1px  1px 0px #ffffff,
       1px -1px 0px #ffffff,
      -1px -1px 0px #ffffff,
       1px  0px 0px #ffffff,
       0px  1px 0px #ffffff,
      -1px  0px 0px #ffffff,
       0px -1px 0px #ffffff;      
}
.contact1 a:hover{
background: url("../img/background7.jpg");
background-size: 100%;
background-position: center;
text-decoration: transparent;  
}
.contact1 p{
width:98%;	
display: block;
background: url("../img/background6.jpg");
background-size: 100%;
background-position: center;    
color:#F25244;  
margin: 1% auto;
padding: 2%;
transition: all 0.5s;
border-radius: 10px;   
 font-size: 1.5em;  
   text-shadow    : 
       1px  1px 0px #ffffff,
      -1px  1px 0px #ffffff,
       1px -1px 0px #ffffff,
      -1px -1px 0px #ffffff,
       1px  0px 0px #ffffff,
       0px  1px 0px #ffffff,
      -1px  0px 0px #ffffff,
       0px -1px 0px #ffffff;      
}
.contact1 p:hover{
background: url("../img/background7.jpg");
background-size: 100%;
background-position: center;
text-decoration: transparent;  
}
.contact2{ 
width:calc(110px / 2);
margin-top: 1%;
}
.contact2 .sns{
 color:#482a2a;   
width:50px;
height:50px;    
display: block;
background: url("../img/background6.jpg");
background-size: auto;
background-position: center;    
transition: all 0.5s;	
border-radius: 50px;  
   text-shadow    : 
       1px  1px 0px #ffffff,
      -1px  1px 0px #ffffff,
       1px -1px 0px #ffffff,
      -1px -1px 0px #ffffff,
       1px  0px 0px #ffffff,
       0px  1px 0px #ffffff,
      -1px  0px 0px #ffffff,
       0px -1px 0px #ffffff;        
}
.contact2 .sns i{
  line-height: 50px;    
 font-size: 1.5em;      
}
.contact2 a:hover{
background: url("../img/background7.jpg");
background-size: auto;
background-position: center;
text-decoration: transparent;  
}
footer{
width: 100%;
height: auto;
display: inline-block;
text-align: center;	
padding:0;	

}
footer .copyright {
text-align: center;	
color: #fff;
padding: 1% 0 ;
display: block;	
font-size:0.9em;	
width: 100%;
margin: 0 auto;  
background: #F27649;    
}
/*===========一日の流れ==========*/
.timeline {
  list-style: none;
width: 90%;
display: block;
margin: 0 auto;
}
.timeline > li {
  margin-bottom: 80px;   
}
 .timeline-date {
font-size: 1em;
        background: #F2994B;
    padding: 1%;  
     color: #fff;  
  }
  .timeline-content h3{
font-size: 1.3em;
      color:#F2994B;
  }
  .timeline-content p{
font-size: 1em;
  }
  .timeline-content {
     border-bottom: 2px #eee dotted;  
  }
.timeline-content img{
width: 50%;
display: block;
margin: 0 auto;
}
/* for Desktop */
@media ( min-width : 750px ){
.timeline {
width: 70%;
display: block;
margin: 0 auto;
}    
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  
  }
  .timeline-date {
    width: 110px;
    float: left;
    margin-top: 20px;
    background: #F2994B;
    padding: 1%;  
     color: #fff;  
  }
  .timeline-content {
    width: 75%;
    float: left;
    border-left: 3px #e5e5d1 solid;
    padding-left: 30px;  
     border-bottom: 2px #eee dotted;  
  }
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #F2CF66;
    position: absolute;
    left: 106px;
    top: 30px;
    border-radius: 100%;
  }
   
}
Resources1× 0.5× 0.25×Rerun
/*===========ギャラリー==========*/
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { 
	display:inline-block; }
/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

#gallery_wrap {
	width:100%;
	margin:0 auto;
	padding: 5%;
	background-color: rgba(250,250,250,0.7);
    border-radius: 20px;
}

#gallery_list li{
	width: calc(98% / 4) ; 
	height:auto;
	float:left;
	overflow:hidden;
	padding:5px;
	text-align:center;
	font-size:12px;
}
#gallery_list a.photo{
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	display:block;
}
@media all and  (max-width:750px){
#gallery_list li{
	width: calc(98% / 2) ; 
	height:auto;
}
}
@media all and  (max-width:479px){
	
}
/*---------------------------------
	       /Base CSS 
---------------------------------*/

/*---------------------------------
	      Pager style
---------------------------------*/
.pager_link{
	text-align:right;
	padding:10px;
}
/*ページャーボタン*/
.pager_link a {
    border: 1px solid #aaa;
    border-radius: 5px 5px 5px 5px;
    color: #333;
    font-size: 12px;
    padding: 3px 7px 2px;
    text-decoration: none;
	margin:0 1px;
}
/*現在のページ、オーバーボタン*/
.pager_link a.current,.pager_link a:hover{
    background: #999;
    color: #FFFFFF;
}
.overPagerPattern{
	padding:0 2px ;	
}
/*===========メニュー==========*/

.menu-table{
  width: 100% ;
    display: block;
    margin: 0 auto;
   background:rgba(255,255,255,0.5); 
    border-radius: 20px;
    padding: 5%;
}
.menu-table table{
width: 70%;
margin: 0 auto;
}
.menu-table th{  
font-size: 1em;    
padding: 1%;  
text-align: center;  
width: 70%;  
color: #fff;  
border-radius: 20px;    
}
.menu-table td{  
font-size: 1em;    
padding: 1%;  
text-align: center; 
width: 30%;
background: #fff;  
border-radius: 20px;       
}
.cafe_photo{
  width: calc(100% / 4) ;   
margin-bottom: 2%;      
}
.cafe_photo img{
width: 98%;
display: block;
margin: 0 auto;
}
.obento_photo{
  width: calc(100% / 4) ;   
margin-bottom: 2%;      
} 
.obento_photo img{
width: 100%; 
}    
/*===========手作り雑貨===========*/
.handmade-box{
width: 100%;
height: auto;
display: block;    
}
.handmade_photo{
width: calc(100% / 4) ;   
margin-bottom: 2%;      
}
.handmade_photo img{
width: 100%;    
}

/*===========会社概要===========*/

.company-box{
width: 100%;
height: auto;
display: block;  
margin: 0 auto;
}
.company-box img{
width: 100%;   
border-radius: 20px;
z-index: 97;   
position: relative;
}

.company-box table{
 width: 100%;
}
.company-box table tr{
  border-bottom:solid 3px #fff;
 font-size: 1em;	
}

.company-box table th{
  position: relative;
  width: 30%;
  color:#fff;
 text-align:center;
 font-size: 1em;	    
background:#F27649; 
border-radius: 10px;    
}

.company-box table td{
  text-align: left;
  padding:1% 2%;	
  font-weight: normal;	
  line-height: 200%;
  font-size: 1em;	
  width: 70%;	
position: relative;
overflow: hidden;
background: #F2EFBD;    
border-radius: 10px;       
}
.company-box table img{
  width: 50%;
position: absolute;
bottom: 0;
right: 0;    
}
.map{
width: 100%;
height: auto;
display: block;    
}
.map iframe{
height: 350px;
}

/*===========お問い合わせ===========*/
.contact-box{
width: 100%;
height: auto;
display: block;   
margin: 0 auto;    
}
.contact-t{
    width: 40%;
    position:relative;
    display: block;
margin: 0 auto;
 
}
.contact-t strong{
 font-size: 2em;   
}

.contact-t a{
font-size: 1em; 
transition: all 0.5s;
padding: 2%;  
color: #FFF;    
position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  width:100%;
  text-align: center;/*一応BOX内の文字も中央寄せ*/      
border-radius: 30px;   
background:#F2CF66;    
display: block;    
}
.contact-t a:hover{     
ext-decoration: transparent;    
background: #F2994B;  
}

form{
	width: 100%;
	text-align: center;
}
.cotact-box{
width: 100%;
margin-bottom: 10%;    
}
.checkbox_text{
line-height: 1.75;
color: #333;	
}
.table1{
width: 100%;
background:rgba(255,255,255,0.7);
display: block;
margin: 0 auto;  
padding: 3%;     
}
.table1 table{
width: 100%;	
}
.contact-text1 {
	font-size:1em;
}
.contact-text1 .red1{
	background-color:#ff5b5b; 
	color:#fff;
	font-size:0.8em;
	padding:2px 5px;
	margin-left: 5px;
              text-shadow    : 
       0px  0px 0px #ffffff,
      -0px  0px 0px #ffffff,
       0px -0px 0px #ffffff,
      -0px -0px 0px #ffffff,
       0px  0px 0px #ffffff,
       0px  0px 0px #ffffff,
      -0px  0px 0px #ffffff,
       0px -0px 0px #ffffff;  
    
}
.table1 .w30{
width: 30%;
margin-bottom: 2%;	
}
.table1 table .red1{
	background-color:#ff5b5b; 
	color:#fff;
	font-size:0.8em;
	padding:2px 5px;
	margin-right: 5px;
    
}
.table1 table .yellow{
	background-color:#F2CB05;
	color:#fff;
	font-size:0.8em;
	padding:2px 5px;
	margin-right: 5px;
}
.table1 table th{
	font-size: 1em;
	text-align: left;
	color:#333;
	font-weight:300;
	border-bottom: 1px solid #eee;
	padding-left: 2%;
}

.table1 table td p{
	font-size: 1em;
	color:#000;
	font-weight:300;
	padding-top: 1%;
	line-height: 1.7;
}
.table1 table td img{
width:100%;	
margin-top: 1%;	
border-radius: 50px;	
}
.table1 table td{
font-size: 1em;
text-align: left;	
color:#333;
border-bottom: 1px dotted #fff;
padding: 2% 2%;
font-weight:300;
width: 60%; 
background: #F2EFBD;      
}


.textareatablearea{
width:100%;
}

textarea{
width:100%;
height: 400px
}
.table1 dd p{
	margin-top: 1%;
	font-size:1.1em;
	color:#333;
	letter-spacing: 4px;
	font-weight:300;
	line-height: 1.75;
}

.single p{
	text-align: center;
	color:#333;
	font-weight:300;
}


.fm-text p{
	font-size: 1.1em;
	text-align: left;
	color:#333;
	line-height: 200%;
	font-weight:300;
    padding: 2%;
}
.form-button
{
margin: 5% 0;
text-align: center;
}

.form-button button {
    cursor: pointer;
    display: block;
    margin: 0 auto 5px;
    padding: 10px 0 10px;
    color: #fff;
    text-align: center;
    width: 250px;
    font-weight: bold;
    background: #F25244;
	transition: all 0.5s;	
	font-weight:300;
    border-radius: 50px;
    border: #eee 3px solid;
}
.form-button button:hover{
    color: #fff;
     background:#F2994B;
	text-decoration: transparent;
}
.textarea, textarea, .dropdown {
    border-radius: 2px;
}


button[type="submit"]{
	font-size:1em;
	padding: 10px;
}

input[type="checkbox"]{
	font-size:0.9em!important;
	margin-bottom: 7%;
	border:1px solid #bababa;	

}
input[type="text"]{
	width: 95%;
	height: 40px;
	font-size: 1em;
	padding: 10px;
	background:#fff;
	border:1px solid #bababa;
     margin-right: 1%;
    font-weight: normal;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; 
}
input[type="tel"]{
	width: 95%;
	height: 40px;
	font-size: 1em;
	padding: 10px;
	background:#fff;
	border:1px solid #bababa;
    font-weight: normal;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; 
}
input[type="email"]{
	width: 95%;
	height: 40px;
	font-size: 1em;
	padding: 10px;
	background:#fff;
	border:1px solid #bababa;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; 
}
textarea[type="text"]{
padding: 10px;	
font-size: 1em;	
background:#fff;	
border:1px solid #bababa;
width: 95%;  
font-weight: normal;  
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";    
}

.kojin{
width: 100%;
height: auto;
display:block;	
margin: 0 auto;
}
.kojin h3{
font-size: 1.2em;
margin-bottom: 1%;	
font-weight:300;
transition: all 0.5s;
padding: 1%;
text-align: left;	
background:#F2994B;  
color:#fff;	 
border:1px #F2994B solid;    
}
.kojin h3:hover{
color:#F2994B;
background: rgba(255,255,255,0.9);   
text-decoration: transparent;	

}
.kojin h4{
font-size: 1.1em;
text-align: left;
color:#F25244;
padding-bottom: 3px;	
font-weight:bold;
letter-spacing: 2px;
border-bottom: 1px solid #F25244;
padding: 1%;	
}
.kojin p{
font-size:0.9em;
line-height:200%;	
text-align: left;
font-weight: normal;
color:#333;	
font-weight:300;
letter-spacing: 2px;
padding: 1% 0;	
padding-left: 1%;	
}
#open1{
border: 1px solid #F25244;   
padding: 3%;  
}



#mailform .in_box, #mailform textarea{
	border: 1px solid #ddd;
  	padding: 5px;
  	width: 100% !important;
  	border-radius: 0;
	-webkit-appearance: none;
	margin-bottom: 5px;
	background: #fff;
}