@charset "utf-8";
/* レイアウトのためのCSS */

body{
  /**/  background:#ffffff;
    font-family:'Marcellus', serif,"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #333;
	font-size:1rem;
    font-size: 1.1rem;
    line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%; 
	word-wrap: break-word;
    width:100%;
}

@media screen and (max-width:768px) {
body{
	font-size:1rem;
    
	}
}

ul{
	margin:0;
	padding: 0;
	list-style: none;
}

a{
	color: #333;
    outline: none;
}

a:hover,
a:active{
	text-decoration: none;
}


/*数字カウント*/

.progressbar-text{
    font-size:5rem;
   font-family: 'Italianno', cursive;
}

.progressbar-text span{
    font-size:2rem;
}

/*横幅が768px以下になった際の指定*/
@media only screen and (max-width:768px) {
.progressbar-text{
    font-size:3rem;
}
.progressbar-text span{
    font-size:1.3rem;
}

}


/* heading */

.heading-block{
    position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.heading-block h1{
    font-size:6vw;
	letter-spacing: 0.2em;
	color: #fff;
    line-height: 1;
   /* font-family: 'Italianno', cursive;
   font-family: 'Homemade Apple', cursive;
   

font-family: 'Kaushan Script', cursive;
font-family: "Dancing Script", cursive;*/
font-family: "Allura", cursive;
}

.heading-block p{
    font-size:2vw;
	letter-spacing: 0.2em;
	color: #fff;
}
/*横幅が768px以下になった際の指定*/
@media only screen and (max-width:768px) {
  .heading-block h1{
    font-size:4em;
    }
.heading-block p{
    font-size:1.5em;
    }
}

/* sns icon */

#sns-icon img{
    width: 30px;
}

#sns-icon{
    position: absolute;
    right:20px;
    top:45%;
    position:fixed;
    z-index: 1;
}

#sns-icon li{
     margin:0 0 15px 0;   
    
}




/* copyright */

small{
    position: absolute;
    left:20px;
    top:40%;
    color: #fff;
    letter-spacing: 0.1em;
    line-height: 1;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    z-index: 0;
}

/*横幅が768px以下になった際の指定*/
@media only screen and (max-width:768px) {

   #sns-icon {
        display:flex;
        justify-content: space-between;
        right:initial;
        top:initial;
        bottom:0%;
        position:fixed;
        width: 100%;
        background-color: rgba(255, 247, 199, 0.7);
        z-index:1;
    }
    

#sns-icon li {
        width: 100%;
        padding: 10px 0;
        margin: 0;
        border-left: 1px dotted rgb(209, 166, 251, 0.7);
  border-right: 1px dotted rgb(209, 166, 251, 0.7);
    }




    #sns-icon li + li {
border-left: 0;
  border-right: 1px dotted rgb(209, 166, 251, 0.7);

    }


    #sns-icon li a{
    justify-content: center;
    text-align: center;
    height: fit-content;
    height: 40px;
    line-height: 40px;
    margin: auto;
    padding: 0 5px;
    max-width: fit-content;
    width: 100%;
    display: flex;

}

    #sns-icon img {
        width: 30px;
    height: auto;
    display: block;
    margin: auto;
    padding: 0 5px;
    }

      }

/***col設定***/
      

ul.colflex{
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center; 
  padding: 30px 0;

}
li.col2{
width:48%;

}
li.col69{
    width:69%;  
    padding:15px;
}
li.col29{
    width:29%; 
    padding:15px; 
}
li.col49{
    width:49%; 
    padding:15px; 
}
li.col79{
    width:79%; 
    padding:15px; 
}
li.col92{
    width:92%; 
    padding:15px; 

    
}
@media screen and (max-width:768px) {
    ul.colflex{
    display: block;
    
}
    li.col29, li.col69, li.col49,li.col79,li.col92{
width:100%;
padding:15px;
}   
}

/***col設定ここまで」***/


/***googleMAP設定***/
.map-wrapper {
max-width: 1240px; /* 最大幅 */
/*  min-width: 280px; 最小幅 */
margin: 20px 0;
padding: 4px;
border: 1px solid #CCC;  /* ボーダー（枠線） */
}
.googlemap {
position: relative;
padding-bottom: 56.25%; /* 縦横比を 16:9 */
height: 0;
overflow: hidden;
}
.googlemap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.googlemap_side {
    position: relative;
    padding-bottom: 56.25%; /* 縦横比を 16:9 */
    height: 0;
    overflow: hidden;
    padding:10px;width:100%;height:100%;
}

/*reserv button*/
.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
  text-decoration: none;
  padding: 3px 1rem 3px 1rem;
  margin: 10px;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

div.wrapper section:nth-child(2n){
background:#ecffd4;
}