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

*{ font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, Roboto, "Droid Sans", sans-serif;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
@import url(//fonts.googleapis.com/css?family=Montserrat);
html { overflow-x: hidden; }
body { width: 100%; height: 100%; color:#201713 ; text-align: left; margin: 0 auto; padding: 0; background: #FFF; font-size: 0.95rem; position: relative; overflow-x: hidden; background: #f1e9d5;
/*background: #fff url(https://89cafe.com/wp-content/themes/img/bg_event.png) repeat-y center -140px;*/ }

a,a:link, a:visited { color: inherit; text-decoration: none; }
a:active, a:hover {  }

h1, h2, h3, h4, h5 { margin: 0; padding: 0; line-height: 150%; font-weight: normal; }

ul,ol { margin: 0; padding: 0; }
ul ul,ol ol,ol p { margin: 0; }
li { list-style-type: none; padding: 0; margin: 0; }
dl { margin: 0; padding: 0; }
dt,dd { line-height: 180%; margin: 0; padding: 0; }

p {   line-height: 180%; margin: 0 0 .5em 0; padding: 0; }

em,strong { font-weight: bold; font-style: normal; }
sup,sub { font-size: 85%; }
address { font-style: normal; margin: 0; padding: 0; }

pre {white-space: pre-wrap;}

form { margin: 0; padding: 0; }
form th, form td { font-size: 1em; font-weight: normal; }

.pc_only { display:inline-block; }
.sp_only { display:none; }

.red {
	color:#b32436;
}
@media screen and (max-width: 767px) {
	.pc_only { display:none; }
	.sp_only {display:inline-block;  }
}


.wrapper { width: 100%; height: 100%; position: relative; }
.conts_wrap { max-width: 1160px; width: 90%; margin: 0 auto; position: relative; margin-bottom: 10%; }



#gNavi { float: right; margin-right: 1rem; }
#gNavi li { line-height: 180%; font-weight: bold;  margin-right: 2rem; display: inline-block; padding-bottom: 3px;letter-spacing: .05em; }


@-webkit-keyframes line {
	0% {  background-size: 0px 12px; }
	50% {  background-size: 50px 12px;  }
	100%{  background-size: 100px 12px; }
}
@keyframes line {
	0% {  background-size: 0px 12px; }
	50% {  background-size: 50px 12px;  }
	100%{  background-size: 100px 12px; }
}


@media screen and (max-width:767px){
	.conts_wrap { min-width: 0; }
	header .logo { padding:3%; }
}





/*SP MENU*/
@media screen and (max-width: 767px) {
.menu{
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
    z-index: 99;
}
.menu__line{
    background: #201713;
    display: block;
    height: 3px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
}
.menu__line--center{
    top: 9px;
}
.menu__line--bottom{
    bottom: 0;
}
.menu__line--top.active{
    top: 8px;
    transform: rotate(45deg);
}
.menu__line--center.active{
    transform:scaleX(0);
}
.menu__line--bottom.active{
    bottom: 10px;
    transform: rotate(135deg);
}
/*gnav*/
.gnav{
    background: #FFF;
	opacity:0.8;
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 98;
}
.gnav__wrap{
    align-items:center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
}
.gnav__menu__item{
    margin: 40px 0;
}

.gnav__menu__item a{
    font-size: 1em;
    font-weight: bold;
}
.gnav__menu__item a:hover{
    color: #666;
}
}


/*header*/
@media screen and (min-width: 768px) {
	header { padding-top: 2rem; }
	header .logo { margin-left: 50px; }
}
header { width: 100%; position: fixed; top:0; left:0; z-index: 99;}
header .logo { float: left; }


/*footer*/
footer .contact_info {
	margin: 0 auto 5%;
}
	
footer:before {
    background: url(https://89cafe.com/wp-content/themes/89cafe/img/bg_tree01.png) no-repeat 0 0;
    right: 0;
}
footer:after {
    background: url(img/bg_tree02.png) no-repeat 0 0;
    left: 0;
}
footer:before, footer:after {
    content: "";
    height: 197px;
    width: 434px;
    position: absolute;
    bottom: 0;
    z-index: -1;
    transform: rotate(180deg);
}
footer .logo { margin: 0 auto; }
footer { text-align: center; font-weight: bold;}
footer .copyright { font-size: .7rem; }
footer .wooden_board_l .contact_info { width: 80%; margin: 0 auto; background: url(https://89cafe.com/wp-content/themes/89cafe/img/footer_board_paper.png) no-repeat top center; background-size: 100% 100%; position: relative; }
footer .wooden_board_l .contact_info + p { width: 60%; margin: 40px auto 0; text-align: left; }
@media screen and (max-width:767px){
	footer .wooden_board_l { width: 100%!important; height: auto; padding: 10% 0; background: url(https://89cafe.com/wp-content/themes/89cafe/img/footer_board_sp.png) repeat-x top center; background-size: auto 100%; }
	footer .wooden_board_l .contact_info { width: 90%; background: #FFF; }
	footer .wooden_board_l .contact_info + p { width: 90%; margin: 0 auto; padding: 0 10% 2em; background: #FFF; }

}


/*clearfix*/
.clearfix { zoom:1;/*for IE 5.5-7*/ }
.clearfix:after{/*for modern browser*/ content:"."; display: block; height:0; clear: both; visibility: hidden; }


@font-face {
    font-family: 'five_minutesregular';
    src: url('https://89cafe.com/wp-content/themes/89cafe/font/five_minutes-webfont.eot');
    src: url('https://89cafe.com/wp-content/themes/89cafe/font/five_minutes-webfont.eot#iefix') format('embedded-opentype'),
         url('https://89cafe.com/wp-content/themes/89cafe/font/five_minutes-webfont.woff2') format('woff2'),
         url('https://89cafe.com/wp-content/themes/89cafe/font/five_minutes-webfont.woff') format('woff'),
         url('https://89cafe.com/wp-content/themes/89cafe/font/five_minutes-webfont.ttf') format('truetype'),
         url('https://89cafe.com/wp-content/themes/89cafe/font/five_minutes-webfont.svg#five_minutesregular') format('svg');
    font-weight: normal;
    font-style: normal;

}