@charset "UTF-8";

/*font*/
@font-face {
	font-family: 'MPLUSRounded1c-Bold';
	src: url("../font/MPLUSRounded1c-Bold.ttf");
}
@font-face {
	font-family: 'pattaya';
	src: url("../font/Pattaya-Regular.ttf");
}
@font-face {
	font-family: 'DancingScript';
	src: url("../font/DancingScript-VariableFont_wght.ttf");
}
@font-face {
	font-family: 'NewTegomin';
	src: url("../font/NewTegomin-Regular.ttf");
}



h1,h2,h3{
	padding:3em 0 1em;
}


body{
	font-family: "Meiryo";
	font-size:16px;
	word-break: break-all;
	text-align: justify;
	padding:50px 0 0;
}

#index{
}
#index::before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-image:url(../images/background/back.jpg);
	background-size:cover;
}
.footer{
	background-color:#333333;
	text-align:left;
	padding-top:80px;
	margin-top:100px;
	color:#FFF;
}
.footer li a{
	display:inline-block;
	vertical-align: top;
	padding-bottom:0.5em;
}

#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_top1{
	background-image:url(../images/topimg_1.png);
	background-size: cover;
	background-position: center;
	height:600px;
}
#index .image_top2{
	background-image:url(../images/topimg_2.png);
	background-size: cover;
	background-position: center;
	height:600px;
}




.top_img{
	background-image:url(../images/s001.jpg);
	background-size: cover;
	background-position: center;
	height:600px;
	margin-top:-50px;
	position: relative;
	text-align:center;
}
.top_img2{
	background-image:url(../images/s003.jpg);
	background-size: cover;
	background-position: center;
	height:200px;
	margin-top:-50px;
	position: relative;
	text-align:center;
}
.top_img3{
	background-image:url(../images/s002.jpg);
	background-size: cover;
	background-position: center;
	height:200px;
	margin-top:-50px;
	position: relative;
	text-align:center;
}

.top_logo{
	position: absolute;
	top: 40%;
	width:100%;
	padding:0 10%;
	filter: drop-shadow(0 0 0.5rem rgba(0,0,0,1.0));
	color:#FFFFFF;
}
.drop-shadow{
	filter: drop-shadow(0 0 0.5rem rgba(0,0,0,0.7));
}
.top_logo h1{
	padding:0;
	margin:0;
	font-size:24px;
}

.section{
	padding:40px 0;
	background-color:#FFFFFF;
}
.padding30{
	padding:30px;
}

/**/
section.blank{
	padding:20px;
}
section.bkw{
	background-color:#FFFFFF;
	padding:20px;
}
section.bkb{
	background-color:#000000;
	padding:20px;
	color:#FFFFFF;
}

.pattaya_nav{
	font-family: pattaya;
}
.pattaya{
	font-family: pattaya;
	font-size:240%;
}
.DancingScript{
	font-family: DancingScript;
}
.NewTegomin{
	font-family: NewTegomin;
}
.MPLUSRounded1c-Bold{
	font-family: MPLUSRounded1c-Bold;
}

rp,rt{
	font-size:40%;
}

.sns{
	display:inline-block;
	padding:10px;
}
.sns a{
	display:inline-block;
	width:30px;
	margin:0 5px;
}

/**/
#profile dd{
	font-size:80%;
}
#profile dt{
	font-size:90%;
	padding-left:3em;
	padding-bottom:0.5em;
}