@charset "UTF-8";
/*(c)●●●●●*/
/*色設定*/
/*フォントサイズ設定*/
.ind p, .ind li, .ind h1, .ind h2, .ind h3, .ind h4, .ind h5, .ind h6, .ind dl {
  transform: rotate(0.001deg);
  font-family: serif;}

.pagetop {
  color: #fff;
  background-color: rgba(0,0,0,0.3);
  text-decoration: none;
  display: none;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  font-size: 1.5rem;
  width: 3.3rem;
  height: 3.3rem;
  line-height: 3.3rem;
  border-radius: 3.3rem;
  text-align: center;
  cursor: pointer;
}

.pagetop:hover {
  color: #fff !important;
  background-color: rgba(0,0,0,0.3);
  text-decoration: none;
}


h2.ind-h2-1 {
	font-family: "HG行書体", monospace;
  border-bottom:solid 2px #666666;
  display:block;
  text-align:center;
  font-size: 1.6rem;
  padding:0 0 10px;
  margin: 30px 0 15px; }


  h2.ind-h2-2 {
	  font-family: "HG行書体", monospace;
  width: 94%;
  max-width: 1080px;
  background-color: #eeeeee;
  display:block;
  text-align:left;
  font-size: 1.4rem;
  padding:10px;
  margin: 30px auto; }
  

.ind-top {
  width: 98%;
  max-width: 1380px;
  height: 400px;
  margin: 0 auto 40px auto;
  background-image: url("../img/index/ind_top.jpg");
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  z-index: -1; }
  
  .ind-top div {
    text-align: left;
    position: absolute;
    left: 6%;
    bottom: 45px; }

    .ind-top div p {
		font-family: "HG行書体", monospace;
       background-color:rgba(255,255,255,0.8);
      color: #000;
      padding: 15px;
      margin: 15px 0 0 0;
      display: inline-block;
      font-size: 1.7rem; }
	  
  @media screen and (min-width: 769px), print {
    .ind-top {
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px; } }

  @media screen and (max-width: 768px) {
    .ind-top {
      width: 100%;
      height: 200px; }
      .ind-top div {
        left: 0px;
        bottom: 0px;
        padding: 0 0 15px 15px; }
		
        .ind-top div p {
			font-family: "HG行書体", monospace;
          font-size: 1.0rem;
          padding: 5px 5px 5px 5px;
          margin: 5px 0 0 0;
          white-space: nowrap; } }
		  
@media screen and (min-width: 769px), print {

	.ind-2column1 {
 	 width: 94%;
  	max-width: 1080px;
  	margin: 0 auto;
  	text-align: left;
  	position: relative; }
	
 	.ind-2column1 p{
	font-size: 1rem;
	text-align:left;
    line-height: 1.8;
    margin: 1rem 0; 
	  
  }
  
	.ind-2column1 h3 {
		font-family: "HG行書体", monospace;
  font-size: 1.4rem;
  letter-spacing: 1px;
  padding: 0 0 0.5rem 0;
  margin: 25px 0 0 0; }}
  
  
@media screen and (max-width: 768px) {

	.ind-2column1 {
 	 width: 94%;
  	max-width: 1080px;
  	margin: 0 auto;
  	text-align: left;
  	position: relative; }
	
 	.ind-2column1 p{
	font-size: 1rem;
	text-align:left;
    line-height: 1.8;
    margin: 1rem 0; 
	  
  }

  .ind-2column1 p.left_txt{
    display: inline-block;
  }

  .ind-2column1 img{
    width: 100%;
    height: auto;
  }


	.ind-2column1 h3 {
		font-family: serif;
  font-size: 1.4rem;
  letter-spacing: 1px;
  padding: 0 0 0.5rem 0;
  margin: 25px 0 0 0; }
}

	.image-right {
  margin-bottom: 3rem; }
  
  @media screen and (min-width: 769px), print {
    .image-right {
      *zoom: 1; }
      .image-right::before {
        content: " ";
        display: table; }
      .image-right::after {
        content: " ";
        display: table;
        clear: both; }
      .image-right img {
        float: right;
        max-width: 45%;
        margin: 2rem 0 1rem 5%; } 
      }

.image-left {
  margin-bottom: 3rem; }

  
  @media screen and (min-width: 769px), print {
    .image-left {
      *zoom: 1; }

      .image-left::before {
        content: " ";
        display: table; }

      .image-left::after {
        content: " ";
        display: table;
        clear: both; }

      .image-left img {
        float: left;
        max-width: 45%;
        margin: 2rem 5% 1rem 0; }  
      }
		
.ind-2column2 {
     width: 94%;
    max-width: 1080px;
    margin: 0 auto;
    text-align: cener;
	background:none;
  padding: 0 0; 
  display: flex;
  justify-content: space-between;
}
  
.ind-2column2 .off {
    display: none; }

.ind-2column2-box-left{
  width: 45%;
    vertical-align: top;
  font-size: 1rem;
  background: #fff;
  padding: 10px 0% 20px 0%; 
}

.ind-2column2-box-right{
  width: 45%;
    vertical-align: top;
  font-size: 1rem;
  background: #fff;
  padding: 10px 0% 20px 0%;
}

  .ind-2column2 h3 {
	  font-family: "HG行書体", monospace;
	  font-weight:100;
    border-bottom: 1px solid #000;
    font-size: 1.4rem;
    letter-spacing: 1px;
    padding: 0 0 0.5rem 0;
    margin: 0 0 15px 0; }

  .ind-2column2 dl {
    margin: 30px 0; }

    .ind-2column2 dl dt {
      font-size: 0.8rem; }

    .ind-2column2 dl dd {
      font-size: 1.8rem; }

  .bind-2column2 address {
    line-height: 40px;
	color:#093; }

    .ind-2column2 address a {
      line-height: 40px;
      display: inline-block;
      font-family: 'Oswald';
      font-size: 38px;
      letter-spacing: -1px;
      vertical-align: middle; }

      .ind-2column2 address a::before {
        content: 't';
        font-family: 'Icons';
        font-size: 21px;
        margin-right: 5px;
        vertical-align: 10%; }

    .ind-2column2 address span {
      line-height: 40px;
      display: inline-block;
      border: 1px solid #093;
      border-width: 1px 0;
      vertical-align: middle;
      font-size: 0.8rem;
      padding: 0 10px;
      margin-left: 15px; }

  .ind-2column2 p.con3txt {
    text-align: left;
    margin: 20px 0;}

  .ind-2column2 p.shoptxt {
    text-align: left;
	padding:10px;
    margin: 20px 0;
	background:#FDEADB;}
	

  .ind-2column2 p a {
	  color:#804000;}
	  
.onlineshop p {
	   width: 94%;
  max-width: 1080px;
  background-color: #eeeeee;
  display:block;
  text-align:center;
  font-size: 1.4rem;
  padding:10px;
  margin: 0 auto 50px;
  color:#C00; }
	

  .ind-2column2 table {
    width: 100%; }

    .ind-2column2 table td {
      height: 50px;
      text-align: center;
      border-bottom: 1px solid #ddd;
      color: #ff9932;
      padding: 0 5px; }

      .ind-2column2 table td strong {
        font-size: 1.1rem; }

    .ind-2column2 table tr:first-child td {
      color: #000; }

    .ind-2column2 table tr td:first-child {
      color: #000;
      text-align: left; }

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

.ind-2column2 {
  display: block;
}

 .ind-2column2 h3 {
    font-size: 1.1rem;}

.ind-2column2-box-left{
  width: 94%;
  margin: 0 auto;
    vertical-align: top;
  font-size: 1rem;
  background: #fff;
  padding: 10px 0% 20px 0%; 
}

.ind-2column2-box-right{
  width: 94%;
  margin: 0 auto;
    vertical-align: top;
  font-size: 1rem;
  background: #fff;
  padding: 10px 0% 20px 0%;
}
}

/*ind-2column3*/

.ind-2column3 {
     width: 94%;
    max-width: 1080px;
    margin: 0 auto;
    text-align: cener;

  padding: 0 0; 
  display: flex;
  justify-content: space-between;
}
  
.ind-2column3 .off {
    display: none; }

.ind-2column3-box-left{
  width: 45%;
    vertical-align: top;
  font-size: 1rem;
  background: #fff;
  padding: 10px 0% 20px 0%; 
}

.ind-2column3-box-right{
  width: 45%;
    vertical-align: top;
  font-size: 1rem;
  background: #fff;
  padding: 10px 0% 20px 0%;
}

  .ind-2column3 h3 {
	  font-family: serif;
    font-size: 1.4rem;
    letter-spacing: 1px;
    padding: 0 0 0.5rem 0;
    margin: 20px 0 15px 0; }

  .ind-2column3 p {
    text-align: left;
  margin: 20px 0; }

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

.ind-2column3 {
  display: block;
   font-size: 1.0rem;
}

.ind-2column3-box-left{
  width: 94%;
  margin: 0 auto;
    vertical-align: top;
  font-size: 1rem;
  background: #fff;
  padding: 10px 0% 20px 0%; 
}

.ind-2column3-box-right{
  width: 94%;
  margin: 0 auto;
    vertical-align: top;
  font-size: 1rem;
  background: #fff;
  padding: 10px 0% 20px 0%;
}

  .ind-2column3 h3 {
	  font-family: serif;
    text-align: left; }

    .ind-2column3 p {
    text-align: left;}
}



/*ind-2column4*/

.ind-2column4 {
     width: 96%;
    max-width: 1080px;
    margin: 0 auto;
    text-align: cener;
  background:none;
  padding: 0 0; 
  display: flex;
  justify-content: space-between;
}
  
.ind-2column4-box-left{
  width: 45%;
    vertical-align: top;
  font-size: 1rem;
  background: #fff;
  padding: 20px 0% 20px 0%; 
}

.ind-2column4-box-right{
  width: 45%;
    vertical-align: top;
  font-size: 1rem;
  background: #fff;
  padding: 20px 0% 20px 0%;
}

  .ind-2column4 h3 {
	  font-family: serif;
    border-bottom: 1px solid #000;
    font-size: 1.4rem;
    letter-spacing: 1px;
    text-align: left;
    padding: 0 0 0.5rem 0;
    margin: 0 0 15px 0; }

  .ind-2column4 p {
    width: 50%;
    vertical-align: top;
    text-align: left;
    display:inline-block;}


.ind-2column4 img{
  text-align: left;
  display:inline-block;
  height: auto;}



@media screen and (max-width: 768px) {
.ind-2column4 img{
  width: 100%;
  text-align: left;
  display:block;
  height: auto;}

  .ind-2column4 p {
    width: 100%;
    text-align: left;
    display:block;}
 }
/*end  ind-2column4*/

/*end  ind-2column5*/
@media screen and (min-width: 769px), print {

	.ind-2column5 {
  	max-width: 1080px;
  	margin: 0 auto;
  	text-align: left; }
	
 	.ind-2column5 p{
	font-size: 1rem;
	text-align:left;
    line-height: 1.8;
    margin: 0; 
	  
  }
  
    .ind-2column5 .image-left img{
    width: 20%;
	margin:10px 3rem 0 0;
    height: auto;
  }
  
	.ind-2column5 h3 {
		font-family: serif;
  font-size: 1.4rem;
  letter-spacing: 1px;
  padding: 0 0 0 0;
  margin: 25px 0 0 0; }}
  
  
@media screen and (max-width: 768px) {

	.ind-2column5 {
 	 width: 94%;
  	max-width: 1080px;
  	margin: 0 auto;
  	text-align: left;
  	position: relative; }
	
 	.ind-2column5 p{
	font-size: 1rem;
	text-align:left;
    line-height: 1.8;
    margin: 1rem 0; 
	  
  }

  .ind-2column5 p.left_txt{
    display: inline-block;
  }

  .ind-2column5 img{
    width: 100%;
    height: auto;
  }

	.ind-2column5 h3 {
		font-family: serif;
  font-size: 1.4rem;
  letter-spacing: 1px;
  padding: 0 0 0.5rem 0;
  margin: 25px 0 0 0; }
}
/*end  ind-2column5*/


/*bottom-box-3col*/
.ind-3column {
     width: 94%;
    max-width: 1080px;
    margin: 0 auto;
    text-align: cener;
  background:none;
  padding: 0 0; 
  display: flex;
  justify-content: space-between;
}
  
.ind-3column .off {
    display: none; }

.ind-3column-box-left{
  width: 30%;
    vertical-align: top;
  font-size: 1rem;
  background: #fff;
  padding: 20px 0% 20px 0%; 
}

.ind-3column-box-center{
  width: 30%;
    vertical-align: top;
  font-size: 1rem;
  background: #fff;
  padding: 20px 0% 20px 0%; 
}

.ind-3column-box-right{
  width: 30%;
    vertical-align: top;
  font-size: 1rem;
  background: #fff;
  padding: 20px 0% 20px 0%; 
}

  .ind-3column h3 {
	  font-family: serif;
  text-align:center;
    font-size: 1.4rem;
    letter-spacing: 1px;
    padding: 0 0 0.5rem 0;
    margin: 30px 0 15px 0; }

  .ind-3column p {
    margin: 20px 0;
    text-align: left; }

@media screen and (max-width: 768px) {
.ind-3column {
     width: 94%;
    max-width: 1080px;
    margin: 0 auto;
    text-align: cener;
  background:none;
  padding: 0 0; 
   display: block;
}

.ind-3column-box-left{
  width: 100%;
  max-width: 1080px;
  display: block;
 
}

.ind-3column-box-center{
  width: 100%;
  display: block;
}

.nd-3column-box-right{
  width: 100%;
  display: block;
}

.ind-3column img{
  padding: 0;
  margin: 0;
  text-align: left;
  vertical-align: top;
}

.ind-3column p{
  vertical-align: top;
  width: 100%;
  margin: 20px 0;
}

 .ind-3column h3 {
	 font-family: serif;
  text-align:left;
display: block;
width: 100%;}
}


/*
 .bottom {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  text-align: left;
  font-size: 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  */


  @media screen and (min-width: 769px), print {

	.ind-1column1 {
 	 width: 94%;
  	max-width: 1080px;
  	margin: 25px auto 25px;
  	text-align: left;}}
	
 	.ind-1column1 p{
	font-family: "HG行書体", monospace;
	font-size: 1.5rem;
    line-height: 1.8;
    margin: 1rem 0; 
	  
  }
  
   	.ind-1column1 p.otoiawase{
	font-family: serif;
	font-size: 1.2em;
    line-height: 1.8;
    margin: 1rem 0; 
	  
  }
    
     @media screen and (max-width: 768px) {
		
    .ind-1column1 {
      width: 94% auto;
	  padding:0 20px;
      margin: 20px 0 0 0; }

  .ind-1column1 p{
    text-align: left;    
  }
    }

.ind-1column1 img{
  
  height: auto;
    }

  
	.ind-1column1 h3 {
		font-family: "HG行書体", monospace;
  font-size: 1.4rem;
  text-align:left;
  letter-spacing: 1px;
  padding: 0 0 0.5rem 0;
  margin: 25px 0 0 0; }
 
 
 .ind-1column1 table.tab1 {
    width: 100%;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin:0 0 35px;
	
	
	}
	.ind-1column1 table.tab1 th {
      height: 50px;
      text-align: left;
      border-bottom: 1px solid #ddd;
	  border-left: 1px solid #ddd;
	  background:#F4F4F4;
	  width:30%;
      padding: 0 10px;
	  font-family: serif; }
	
    .ind-1column1 table.tab1 td {
		font-family: serif;
      height: 50px;
	  width:70%;
      text-align: left;
      border-bottom: 1px solid #ddd;
	  border-left: 1px solid #ddd;
      padding: 0 10px; }
	  

.map-box iframe {
  width: 100%;
  height: 450px;
  vertical-align: bottom; }