@charset "UTF-8";

/* Desktops */
@media (min-width: 769px)  {
header   {
	padding-top: 10px;
	padding-bottom: 10px;
	background-repeat: repeat-x;
	background-image: url(../images/header_bg.jpg);
	margin-left: auto;
	margin-right: auto;
	height: 260px;
	width: 100%;
}
header h1    {
	color: #FFFFFF;
	padding-left: 2%;
	font-size: 0.9em;
	font-weight: 200;
	letter-spacing: 5px;
	float: left;
}
header .icon {
	float: right;
	background-repeat: repeat;
	height: 40px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: -10px;
	margin-right: 0px;
	background-color: #000000;
}
.icon li {
	display: inline;
}
header .headercontents {
clear: left;
}
header h2 {
	margin-left: auto;
	margin-right: auto;
	clear: left;
	text-align: center;
}
header .right {
	text-align: left;
	float: left;
	padding-top: 60px;
	padding-right: 50px;
	padding-left: 50px;
}
header .subnav li {
	float: left;
	padding-top: 25px;
	padding-left: 5px;
	padding-right: 5px;
}

/* -----------------------------------------------

	ALL

//  Styling for layout sections like the header, nav, index body, and footer.

----------------------------------------------- */


#container {
	width: 100%;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	max-width: 1960px;
	margin-left: auto;
	margin-right: auto;
}
section {
	width: 1000px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	display: inline-block;
}
section h1 {
	margin-left: auto;
	margin-right: auto;
}
section h2 {
	letter-spacing: 3px;
	background-image: url(../images/midashi_bg.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bolder;
	font-size: 2em;
	text-align: left;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.bold {
	font-size: 1.5em;
	letter-spacing: 5px;
}

#contents .news {
	width: 100%;
	background-color: #F4F4F4;
}
.box {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	padding: 2%;
	margin-top: 2%;
	margin-bottom: 2%;
	clear: both;
	display: inline-block;
}
.box_waku {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5%;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 5%;
	margin-top: 2%;
	margin-bottom: 2%;
	clear: both;
	border: 1px solid #000000;
	line-height: 200%;
	display: inline-block;
	text-align: left;
}
.box_waku figure {
	text-align: center;
}
.light {
	font-size: 0.8em;
	color: #C2C2C2;
	word-spacing: 2em;
}
.alignleft {
	float: left;
	width: 48%;
}
.alignright {
	float: right;
	width: 48%;
}

.center {
	text-align: center;
}
.PageNav  {
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	clear: both;
	text-align: center;
}

.PageNav li  {
	padding-top: 20px;
	padding-bottom: 20px;
	display: inline;
	margin: 2%;
}

/* 

// -------------------------------------------------------------------------

// NAVI

// -------------------------------------------------------------------------

*/

#nomal_menu  {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	clear: both;
	background-color: #000000;
	padding-top: 15px;
	padding-bottom: 15px;
}
#nomal_menu li {
	display: inline;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	font-weight: bold;
}
#nomal_menu a {
	color: #ffffff;
}
#slide_menu {
  display: none;

}
#button {
  display: none;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}

/* 

// -------------------------------------------------------------------------

//   PAGETOP

// -------------------------------------------------------------------------

*/



#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

/* 

// -------------------------------------------------------------------------

//   FOOTER

// -------------------------------------------------------------------------

*/


footer {
	clear: both;
	width: 100%;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat;
}
.footerContents {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-left: 0px;
	text-align: center;
	background-repeat: repeat;
	padding-top: 50px;
	color: #FFFFFF;
	padding-bottom: 30px;
}
.footerinfo {
	padding-bottom: 100px;
}
.footerinfo p {
	padding-top: 1%;
	padding-bottom: 1%;
	letter-spacing: 5px;
}
.name {
	padding-bottom: 30px;
}

.footerNAV {
	padding-right: 0px;
	text-align: center;
	background-image: url(../images/footernav_bg.jpg);
}
.footerNAV ul {
	clear: both;
	padding-top: 50px;
}
.footerNAV li {
	font-size: 1em;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	letter-spacing: 5px;
	padding-top: 0px;
	padding-bottom: 1%;
}
.footerContents a {
	color: #FFFFFF;
}
.copy  {
	clear: both;
	font-size: 0.8em;
	text-align: center;
	padding-top: 50px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	letter-spacing: 5px;
	color: #000000;
	padding-bottom: 20px;
}
.banner {
	width: 200px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: lowercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	transition: all 0.3s linear;
	clear: both;
}
.banner a {
	color: #FFFFFF;
}
.banner:hover {
	background-color: #FEFEFE;
	color: #C4C4C4;
	cursor: pointer;
}
.footer_banner {
	background-color: #B3B3B3;
	padding-top: 30px;
	padding-bottom: 60PX;
	margin-bottom: 0px;
	background-image: url(../images/pattern.png);
	background-repeat: repeat;
	clear: both;
}

#otoiawase  {
	text-align: center;
	padding: 50px;
    align-items: center;
}

#otoiawase h3 {
	font-size: 2.3em;
	padding-bottom: 50px;
	letter-spacing: 10px;
	padding-top: 30px;
}
#otoiawase .text {
	font-size: 1.5em;
	padding-bottom: 50px;
	letter-spacing: 0.1em;
	padding-top: 30px;
}
#otoiawase .tel a {
	font-size: 2.5em;
	color: #000000;
	font-weight: bolder
}
#otoiawase .tel a:hover {
	color: #999999;
}
	
.hidden {
	display: none;
}
.main   {
	padding-left: auto;
	padding-right: auto;
	text-align: center;
}
.main h3 {
	font-size: 2.3em;
	color: #000000;
	text-align: center;
	padding-bottom: 20px;
	letter-spacing: 10px;
	padding-top: 30px;
	text-transform: capitalize;
}
.main p {
	color: #000000;
	padding-top: 20px;
	padding-bottom: 30px;
}
.main_bn li {
	display: inline;
}

/* 

// -------------------------------------------------------------------------

//   INDEX

// -------------------------------------------------------------------------

*/

.mapWaku {
	height: 440px;
}
.mapdetail {
	width: 36%;
	float: left;
}
.mapdetail dt {
	padding-bottom: 10%;
	font-weight: 800;
	font-size: 30px;
	padding-top: 10%;
}
.mapdetail dd {
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	line-height: 180%;
	text-align: center;
	letter-spacing: 5px;
}
.googlemap {
	float: right;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	border: 1px solid #C6C6C6;
	background-color: #FFFFFF;
	width: 500px;
	height: 400px;
}
#news  {
	clear: both;
	margin-left: auto;
	margin-right: auto;
}
.scroll  {
	width: 100%;
	height: 400px;
	overflow-y: scroll;
	overflow-x: hidden;
}
#news dl  {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#news dt {
	font-weight: 500;
	color: #AD102D;
	text-align: left;
}
#news dd {
	clear: both;
	text-align: left;
}

#news .date  {
	width: 6em;
	color: #818160;
	float: right;
	font-size: 0.9em;
	padding-bottom: 5px;
}

#picup  {
	clear: both;
	width: 930px;
	padding-right: 20px;
	overflow: scroll;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-bottom: 0px;
	text-align: left;
}

#picup dl  {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
	width: 900px;
}
#picup dt {
	font-size: 1.4em;
	font-weight: 500;
	color: #4D312A;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #4D312A;
	padding-left: 10px;
}
#picup dd {
	clear: both;
	font-weight: 300;
}

#picup .date  {
	width: 6em;
	color: #7B6236;
	float: right;
	font-size: 0.9em;
	padding-bottom: 15px;
}
#picup .photo {
	float: left;
	padding-right: 20px;
}


/* 画像レイアウト
===================================*/

.bxslider{   
    margin:0px;
}

.bx-wrapper {
    position: relative;
}

.bx-wrapper img {
    width:100%;
}

.bx-viewport {
    max-height: 650px;
}


/* ページャー
===================================*/

.bx-pager {
    text-align: center;
    bottom: 5px;
    position: absolute;
    width: 100%;
}

.bx-pager-item,
.bx-controls-auto-item {
    display: inline-block;

}

.bx-default-pager a {
    background: #c8ecff;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    border-radius: 5px;
}

.bx-default-pager a:hover,
.bx-default-pager a.active {
    background: #00aeff;
}

/* 

// -------------------------------------------------------------------------

//   ABOUT

// -------------------------------------------------------------------------

*/


.gaiyo {
	margin-top: 10%;
	margin-bottom: 5%;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.gaiyo dl {
	border-bottom: 1px solid #C4C4C4;
	clear: left;
	margin-top: 2%;
	padding-bottom: 0px;
	height: 2em;
}
.gaiyo  dt {
	float: left;
}
.gaiyo dd {
	float: right;
}
.gaiyo .chu {
	font-size: 0.9em;
	color: #E62225;
}
.gaiyo h3 {
	text-transform: uppercase;
	letter-spacing: 3px;
}




/* 

// -------------------------------------------------------------------------

//   Class

// -------------------------------------------------------------------------

*/


.class_detail_small {
display: none;
}

.class_detail {
	border-bottom: 1px solid #000000;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	height: 50px;
}

.class_detail dt {
	float: left;
	width: 20%;
}
.class_detail dd {
	float: left;
	padding-top: 20px;
	width: 20%;
}
.belongings {
	margin-top: 20px;
	margin-bottom: 120px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border: 1px solid #cccccc;
	letter-spacing: 3px;
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;
}
.class_text {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	text-align: left;
}
.Target {
	margin-top: 50px;
	font-size: 1.3em;
}

/* 

// -------------------------------------------------------------------------

//   nyukai

// -------------------------------------------------------------------------

*/
.step  {
	text-align: left;
	color: #479C3D;
	font-size: 1em;
	letter-spacing: 3px;
	text-indent: 3%;
	width: 90%;
	border-bottom: 1px dashed #AAAAAA;
	padding-bottom: 5px;
	padding-top: 10px;
}
.exp {
	text-align: left;
	text-indent: 3%;
}


#staff  dl {
	float: left;
	width: 50%;
	text-align: center;
}




/* 

// -------------------------------------------------------------------------

//   MENU

// -------------------------------------------------------------------------

*/

#staff .message {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
}
#staff .name {
	font-weight: 500;
	padding-left: 2em;
	font-size: 1.2em;
	letter-spacing: 5px;
	padding-top: 5%;
}
	
	
/* 

// -------------------------------------------------------------------------

//   contact

// -------------------------------------------------------------------------

*/
	
	.button01 {
  margin: 0 auto;
  padding: 1em 2em;
}
.button01 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  background-color: #DFC57E;
  transition: 0.3s;
}

.button01 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
  transform: rotate(45deg);
}

.button01 a:hover {
  text-decoration: none;
  background-color: #FAECC5;
}


/* lisket-form */
 /* テーブルの横幅をピクセルで指定 */
.lisket-form-maker-form { 
width: 90%;
margin-left: auto;
margin-right: auto;
}
 /* テーブルの枠線のスタイルを指定 */
.lisket-form-maker-form td,
.lisket-form-maker-form th {
border: 1px solid #aaa;
} 
 /* 見出しセルの背景色を指定 */
.lisket-form-maker-form th {
background-color: #eee; 
} 
 /* テキストアラインを指定 */
.lisket-form-maker-form td { 
text-align: left; 
} 
/* 例テキストの文字色を指定 */
.lisket-form-maker-form span.example  { 
color: #2C9AB7; 
}          


}