@charset "UTF-8";

body{
	font-family: "Meiryo";
	font-size:15px;
	word-break: break-all;
	padding:50px 0 100px;
	text-align:justify;
	line-height:1.8em;
}
.footer{
	background-color:rgba(0,0,0,0.1);
	text-align:left;
	padding-top:80px
}
.footer li a{
	display:inline-block;
	vertical-align: top;
	padding-bottom:0.5em;
}

section{
	padding-top:30px;
	padding-bottom:80px;
}


#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 1001;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 1002;
}

.offcanvas-toggle{
	position:fixed;
	top:0px;
	right:0;
	z-index:1000;
	background-color:rgba(255,255,255,1);
}

.fixedWrapper {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    overflow-y:scroll;
}

.pagetop{
	background-color:rgba(0,100,255,0.4);
	font-size:40px;
	border-radius: 50%;
	position:fixed;
	bottom:20px;
	right:20px;
	width:80px;
	height:80px;
	line-height:0;
	text-align:center;
	cursor: pointer;
	color:#FFFFFF;
	z-index:9999;
}
/*
@media(min-width:768px) {
    .navbar-inverse.collapse {
        display: none !important;
    }
}
*/
@media screen and (max-width: 768px) {
	body{
		margin-top:0px;
	}
	.nav .navbar-nav a{
		border-bottom:1px solid #FFFFFF;
	}
	.talk_header{
		top:0;
	}
	#talkroom{
		padding-top:70px;
		padding-bottom:0px;
	}
}
@media screen and (max-width: 768px) {
    body {
        position: relative;
        overflow-x: hidden;
        min-height: 100%;
    }
}


.topback{
	position: fixed;
	background-image:url(../images/pexels-photo-693794.jpeg);
	background-size:100%;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:0;
	
	background: linear-gradient(-45deg, rgba(246, 255, 0, .8), rgba(255, 0, 161, .8)) fixed, url(../images/pexels-photo-693794.jpeg) fixed;
  background-size: cover;
}


.image_box{
	display:block;
	width:100%;
	height:auto;
	position: relative;
}
.image_box img.image{
	max-width:100%;
}
.image_box:after{
	content:"×";
	position: absolute;
	top:0;
	right:0;
}


/*index*/
#index .image_top{
	background-image:url(../images/sample/cafe004.jpg);
	background-size: cover;
	height:600px;
}
#index .top_logo{
	padding-top:200px;
	text-align:center;
	color:#FFFFFF;
}
#index .top_logo img{
	height:200px;
}

.midashi01{
	padding:1em 2em 0.8em;
	background-color: rgba(225,225,0,0.2);
	border-radius: 50px;
	line-height: 1em;
	margin-bottom:1em;
}

.qa{
	text-align:left;
	font-size:110%;
}
.qa dl{
}
.qa dl dt{
	padding: 10px 10px 10px 35px;
	border-radius: 5px;
	background: #cce6ff;
	text-indent: -25px;
}
.qa dl dt:before{
	content: "Q.";
	font-weight: bold;
	margin-right: 7px;
	font-size: 150%;
}
.qa dl dd{
	margin: 20px 10px 40px 35px;
	text-indent: -25px;
}
.qa dl dd:before{
	content: "A.";
	color: #1771c6;
	font-weight: bold;
	margin-right: 7px;
	font-size: 150%;
}
.qa dl dd ul li{
	list-style: disc;
	list-style-position:inside;
}

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.dl01{
	
}
.dl01 dt{
	padding:0.4em;
	color:rgba(0,100,255,0.8);
}
.dl01 dd{
	padding:0.4em;
}

.foot_osirase{
	display:block;
	position:fixed;
	bottom:0;
	right:0;
	left:0;
	background-color:rgba(0,0,0,0.5);
	color:#FFFFFF;
	z-index: 1000;
	text-align:center;
	padding:20px;
}
.foot_osirase .ftel{
	font-size:28px;
	display:inline-block;
}
.foot_osirase .qr{
	font-size:10px;
	display:inline-block;
	vertical-align: middle;
	padding:0 20px;
}
.foot_osirase .qr img{
	height:80px;
}
.foot_osirase a{
	color:#FFFFFF;
}