@charset "UTF-8";
/*////////////////////////
sacay-salto.jp
commons.css
///////////////////////*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Quicksand:wght@300..700&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');*/

a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* スマホのハイライトデザインを無効にする */
}
a:focus {
	outline: none;
}
a img:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
    -webkit-transition: 0.6s ;
	transition: 0.6s ;
}  

.responsiveImg{
    display: block;
    max-width: 100%;
    height: auto;
}
img { 
    vertical-align: bottom;
    width: 100%;
    height: auto;
}

a{
    text-decoration: none;
}

img{
    width: 100%;
    height: auto;
}

/* 
br 
*/
.tbView,
.spView{
	display:none;
}
.pcView{
	display:inherit;
}
.pcOff{
	display:off;
}

.aC{text-align: center;}
.aR{text-align: right;}

@media screen and (max-width: 767px) {
    
.pcView{
	display:none;
}
.spView{
	display:inherit;
}
.tbView{
	display:inherit;
}
.tbOff{
	display:none;
}

}

/*
btn
*/


/*
color
#920013
#00294A
#DCDDDD
*/


/*
font

*/

.noto{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}

 /* <weight>: Use a value from 400 to 700
<uniquifier>: Use a unique and descriptive class name */

.ca {
  font-family: "Caveat", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}



/*
structuer
*/
body {
    width: 100%;
    color: #000;
    font-family: "Noto Sans JP", sans-serif;
    
    letter-spacing: .1em;
}

main{
    width: 100%;
   
   margin: 0 auto;
   z-index: 1
}
.contents {
  margin-left: 393px;
   /*padding: 4% 4% 0;*/
}

@media screen and (max-width: 1000px){
    main{
        /*margin: 0% auto 10%;*/
    }
   .contents {
  margin-left: 0;
}
}
@media screen and (max-width: 767px){
   body {
      font-size: .8em;
   }
}


/* 
header
 */

 header{
    position: relative;
 }

.open_logo{
    width: 18%;
    margin: 10rem auto 2rem;
}

.cont_title{
    text-align: center;
    font-size: 1.6rem;
    line-height: 2.5rem;
}

.cont_day{
    text-align: center;
    font-size: 4rem;
    margin-top: 4rem;
}

.cont_day span{
    font-size: 3.5rem;
}

.newopen{
    color: #FAEE00;
    font-size: 15rem;
    transform: rotate(-15deg);
    position: absolute;
    left: 10rem;
    margin-top: 3rem;
    z-index: 1;
}

@media screen and (max-width: 767px){
    .open_logo {
        width: 28%;
        margin: 7rem auto 2rem;
    }

    .cont_day {
        font-size: 3.2rem;
        margin-top: 3rem;
    }

    .cont_day span {
        font-size: 2rem;
    }

    .newopen {
        font-size: 10rem;
        left: 0.5rem;
        margin-top: 2rem;
        transform: rotate(-12deg);
    }
}



/* footer */
.copyright{
    text-align: center;
    padding-bottom: 2rem;
}

.copyright a{
    text-decoration: line-through;
    color: #000;
}

@media screen and (max-width: 767px){
    .copyright{
        padding-bottom: 1rem;
    }

}