@charset "utf-8";

*{
    margin:0px;
    padding:0px;
    font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    font-size:24px;
    color:#000000;
    letter-spacing:0.5px;
    line-height:200%;
    }


img {
    border:0px;
    display:block;
    }
    
h1 {
    font-size:80%;
    color:#000000;
    }
    
#wrapper1{
    display:none;
    }

a {
    }
a:hover {
    opacity: 0.6;
    }

::selection {
	color:#ffffff;
	background-color:#90c31f;
	}

html {
    overflow:auto;
    background-color:#f5f3ee;
    }
    
body {
    margin:auto;
    width:100%;
    overflow:hidden;
    }

#container {
    width:100%;
    margin:0px auto 0px auto;
    text-align:left;
    }



/* head */
#hd {
    width:100%;
    z-index:990;
    position:relative;
    }

.hd_l {
    width:50%;
    margin:50px 25% 0px 25%;
    padding:0px 0px;
    float:left;
    display:block;
    transition:0.5s; 
    }
.hd_l:hover {
    width:100%;
    }
.hd_r {
    width:100%;
    margin:22px 0px 50px 0px;
    float:right;
    text-align:center;
    }


/* change menu */
#change {
    width:70px;
    height:100%;
    margin:0px 0px 0px 0px;
    padding:0px 20px;
    float:left;
    z-index:991;
    position:fixed;
    display:none;
    top:0px;
    right:0px;
    border-left:dotted 1px #ffffff;
    overflow:auto;
    background-color:#000000;
    }

#content {
    width:100%;
    margin:0px 0px 0px 0px;
    float:left;
    }

.inner {
    width:100%;
    margin:auto;
    float:left;
    }

/* menu */
#mnu {
    width:50%;
    margin:0px 0px 0px 0px;
    float:left; 
    }

.mn_bx_l {
    width:100%;
    margin:20px 0px 0px 0px;
    float:left;
    display:block;
    transition:0.5s; 
    }
.mn_bx_l:hover {
    width:98%;
    }

.mn_bx {
    width:100%;
    height:60%;
    margin:10px 0px 0px 0px;
    text-align:center;
    float:left;
    z-index:978;
    }

.gotop {
    width:100%;
    margin:0px 0px 0px 0px;
    float:left;
    position:relative;
    z-index:992;
    }

.gotop:hover {
    width:98%;
    opacity: 0.6;
    }

/* contents */
.cts {
    width:100%;
    margin:0px 0px 0px 0px;
    float:left;
    }

.cts_bk_top {
    margin:5% 0% 0 0%;
    padding:0 0%;
    float:left;
    }

.cts_bk01 {
    width:100%;
    margin:0 0%;
    padding:0 0%;
    float:left;
    }

.cts_bk02 {
    width:100%;
    margin:0 0%;
    padding:0 0%;
    float:left;
    }

.cts_bk_lin {
    width:100%;
    margin:0 0% 0 0%;
    padding:0 0% 0 0%;
    float:left;
    }

.cts_bk_inner {
    width:100%;
    padding:50px 0px;
    float:left;
    }



/* txt */
.img {
    width:60%;
    margin:0px 20% -150px 20%;
    float:left;
    }

.day {
    width:100%;
    margin:0px 0px -30px 0px;
    float:left;
    text-align:center;
    font-size:400%;
    font-family:'Anton',sans-serif;
    line-height:160%;
    }
.day_txt {
    width:100%;
    margin:-50px 0px 50px 0px;
    float:left;
    text-align:center;
    font-size:60%;
    font-family:'Pacifico',cursive;
    }
@-webkit-keyframes typing { from { width: 0; } 
    }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } 
    }

.tit_mov {
    width:70%;
    margin:0px 15% 15% 15%;
    padding:0px 0 20px 0;
    float:left;
    text-align:center;
    font-size:200%;
    font-family:'Pacifico',cursive;
    border-right:.1em solid black;
    white-space:nowrap;
    overflow:hidden;
    -webkit-animation:typing 2s steps(21, end),
    blink-caret 0.5s step-end infinite alternate;
    }

.tit {
    width:100%;
    margin:0px 0% 2% 0%;
    float:left;
    font-size:200%;
    font-family:'Pacifico',cursive;
	text-align:center;
    }

.tit_sub {
    width:100%;
    margin:30px 0% 0% 0%;
    float:left;
    font-size:140%;
    font-family:'Pacifico',cursive;
	text-align:center;
    }

.txt {
    width:70%;
    margin:0px 15% 0% 15%;
    float:left;
    }

.txt_bottom {
    width:70%;
    margin:0px 15% 3% 15%;
    float:left;
    }

.link {
    width:20%;
    margin:0px 40% 5% 40%;
    padding:5px 0;
    float:left;
    background-color:#c1b494;
    border-radius:30px;
    text-align:center;
    color:#ffffff;
    font-family:'Oswald', sans-serif;
    }
.link:hover {
    background-color:#ffffff;
    color:#000000;
    }



.new_bx {
    width:100%;
    margin:10% 0% 0% 0%;
    padding:3% 0%;
    float:left;
    border-top:1px dotted #000000;
    border-bottom:1px dotted #000000;
    }
.new_bx_l {
    width:15%;
    margin:0px 0% 0% 5%;
    float:left;
    font-family:'Oswald', sans-serif;
    }
.new_bx_r {
    width:75%;
    margin:0px 5% 0% 0%;
    float:right;
    }




.sns_icn_bx {
    width:30%;
    margin:5% 35% 0% 35%;
    padding:0% 0%;
    float:left;
    }
.sns_icn_tit {
    width:100%;
    margin:0% 0% 10% 0%;
    float:left;
    font-family:'Oswald', sans-serif;
    color:#000000;
    text-align:center;
    font-size:120%;
    }
.sns_icn {
    width:30%;
    margin:0% 10% 0% 10%;
    padding:0% 0%;
    float:left;
    }




/* sample */
.sample_lin {
    width:100%;
    margin:5% 0% 0% 0%;
    padding:0% 0%;
    float:left;
    }
.sample_tit {
    width:100%;
    margin:0% 0% 2% 0%;
    padding:0% 0%;
    float:left;
    text-align:center;
    font-family:'Oswald', sans-serif;
    font-size:140%;
    }
.sample_bx {
    width:30%;
    margin:0% 3% 3% 0%;
    padding:0% 0%;
    float:left;
    text-align:center;
    }
.sample_bx img {
    width:100%;
    margin:0% 0% 2% 0%;
    padding:0% 0%;
    float:left;
    }




/* info */
.info_lin {
    width:100%;
    margin:0% 0% 0% 0%;
    padding:2% 0% 2% 0%;
    float:left;
    border-bottom:1px dotted #000000;
    }
.info_l {
    width:100%;
    margin:0% 0% 0% 0%;
    padding:0% 0%;
    float:left;
    font-family:'Pacifico',cursive;
	text-align:center;
    }
.info_r {
    width:100%;
    margin:0% 0% 0% 0%;
    padding:0% 0%;
    float:left;
	text-align:center;
    }




/* History */
.his_lin {
    width:100%;
    margin:0% 0% 0% 0%;
    padding:2% 0% 2% 0%;
    float:left;
    border-bottom:1px dotted #000000;
    }
.his_l {
    width:20%;
    margin:0% 0% 0% 0%;
    padding:0% 0%;
    float:left;
    font-family:'Pacifico',cursive;
	text-align:center;
    }
.his_r {
    width:80%;
    margin:0% 0% 0% 0%;
    padding:0% 0%;
    float:left;
    }




/* Price */
.pri_lin {
    width:100%;
    margin:0% 0% 0% 0%;
    padding:2% 0% 2% 0%;
    float:left;
    border-bottom:1px dotted #000000;
    }
.pri_l {
    width:100%;
    margin:0% 0% 0% 0%;
    padding:0% 0%;
    float:left;
	text-align:center;
	font-weight:bold;
    }
.pri_r {
    width:100%;
    margin:-8px 0% 0% 0%;
    padding:0% 0%;
    float:left;
    font-family:'Pacifico',cursive;
	font-size:120%;
	text-align:center;
    }
.pri_caution {
    width:100%;
    margin:10px 0% 0% 0%;
    padding:0% 0%;
    float:right;
	font-size:60%;
	text-align:center;
    }
.pri_pri_hosoku {
    margin:10px 0% 0% 0%;
    padding:0% 0%;
	font-size:80%;
    font-family:'Pacifico',cursive;
    }




/* Jisseki */
.jisseki_tit {
    width:100%;
    margin:0% 0% 0% 0%;
    padding:0% 0% 0% 0%;
    float:left;
	font-weight:bold;
	font-size:90%;
    }
.jisseki_txt {
    width:100%;
    margin:0% 0% 0% 0%;
    padding:0% 0% 0% 0%;
    float:left;
	font-size:90%;
    }





/* footer */
.cts_fot {
    width:100%;
    margin:100px 0% 0px 0%;
    padding:50px 0%;
    float:left;
    border-top:dotted 1px #ffffff;
    z-index:980;
    position:relative;
    background-color:#f5f3ee;
    background-image:-webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #ffffff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #ffffff),color-stop(.75, #ffffff), color-stop(.75, transparent),to(transparent));
    -webkit-background-size:7px 7px;
    }

.fot_mnu {
    width:100%;
    margin:0px 0px 0px 0px;
    text-align:center;
    float:left;
    }

.ft {
    font-family:'Oswald', sans-serif;
    }

/* copy */
.fot_copy {
    width:100%;
    margin:30px 0px 0px 0px;
    text-align:center;
    float:left;
    font-size:12px;
    font-family:'Oswald', sans-serif;
    }



/* form */
.ctct-ipt {
    height:24px; 
    padding:1px 10px;
    border:0px solid #868686;
    color:#000000;
    font-size:12px;
    text-decoration:none;
    float:left;
    display:block;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:2px;
    background-color:#f7f7f7;
    }

.ctct-txtara {
    padding:1px 10px;
    border:0px solid #868686;
    line-height:24px;
    color:#000000;
    font-size:12px;
    text-decoration:none;
    float:left;
    display:block;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:2px;
    background-color:#f7f7f7;
    }

input[type=text]:focus {
   border:solid 1px #c60000;
    }

input[type=text], select {
   outline:none;
    }





/* privacy */
.pv-bx {
    width:60%;
    margin:30px 20% 20px 20%;
    float:left;
    }

.pv-txt {
    width:100%;
    margin:0px 0px 10px 0px;
    float:left;
    text-align:left;
    }

.pv-tit {
    width:100%;
    margin:0px 0px 20px 0px;
    float:left;
    font-weight:bold;
    font-size:14px;
    text-align:left;
    }

.pv-close {
    width:100%;
    margin:30px 0px 20px 0px;
    float:left;
    text-align:center;
    }














/* Insta */
.insta_bx {
    width:100%;
    margin:4% 0% 0% 0%;
    float:left;
    }
.insta_txt {
    width:50%;
    margin:0% 25% 0% 25%;
    float:left;
	color:#cc3287;
    font-family:'Oswald', sans-serif;
	text-align:center;
	font-size:110%;
    }
.gallery li {
    width:32%;
	height:190px;
    margin:0 1% 1% 0%;
    float:left;
	list-style:none;
	overflow:hidden;
    }
.gallery img {
    width:100%;
    float:left;
    }








/* animation 横スクロール */
.sliding_wrap {
    width:100%;
    margin:0 0 0 0;
    float:left;
    }

.sliding {
    background:url(../_img/com/lin_top.png) repeat-x;
    width:3000px;
    margin:0px 0;
    height:10px;
    animation:slide 80s linear infinite;
    animation-direction:reverse;
    }

@keyframes slide{
    0%{
    transform:translate3d(0, 0, 0);
    }
  100%{
    transform:translate3d(-1692px, 0, 0);
    }
    }



/* animation 円形アニメーション */
.img-wrap {
  animation: img-wrap 4s cubic-bezier(.4, 0, .2, 1);
}

@keyframes img-wrap {
  0% {
    clip-path: circle(0 at 50% 50%);
    -webkit-clip-path: circle(0 at 50% 50%);
  }
  100% {
    clip-path: circle(100% at 50% 50%);
    -webkit-clip-path: circle(100% at 50% 50%);
  }
}