@charset "UTF-8";

.clearBoth { clear: both; }

p {
	margin: 0;
	padding: 0;
}

.thinImg a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
	transition: 0.4s;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

ul {
	margin: 0;
	padding: 0;
}

.image00 {
	font-size: 0;
	line-height: 0;
}

/* ブラウザ幅が960px以上 */
@media screen and (min-width: 960px) {

.sp {
	display: none;
	}

.tablet {
	display: none;
	}

.pc {
	display: block;
	}

.spTablet {
	display: none;
	}

.pcTablet {
	display: block;
	}

}

@media all and (min-width: 768px) and (max-width: 960px) {

img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
	}

.spNone{
	display: none;
	}

.sp {
	display: none;
	}

.tablet {
	display: block;
	}

.pc {
	display: none;
	}

.spTablet {
	display: block;
	}

.pcTablet {
	display: block;
	}

.tabletimg {
	max-width: 50%;
	height: auto;
	width /***/:auto;
	}

}

@media screen and (max-width: 767px) {

img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
	}

.spNone{
	display: none;
	}

.sp {
	display: block;
	}

.tablet {
	display: none;
	}

.pc {
	display: none;
	}

.pcTablet {
	display: none;
	}

.spimg {
	max-width: 50%;
	height: auto;
	width /***/:auto;
	}

.spimg30 {
	max-width: 30%;
	height: auto;
	width /***/:auto;
	}

}

@media screen and (min-width: 480px) {
.pcSpace {
	margin-right: 10px;
	}
}

/* --------------------------------------------
*                        bg
* -------------------------------------------- */

.bgGreen {
	background: #b2cfb2 url(../images/bg/bg_green.jpg) repeat;
}
.bgBrown {
	background: #d3b9aa url(../images/bg/bg_brown.jpg) repeat;
}
.bgYellow {
	background: #d3b9aa url(../images/bg/bg_yellow.jpg) repeat;
}
.bgBlue {
	background: #5faebd url(../images/bg/bg_blue.jpg) repeat;
}
.bgWhite {
	background: #ffffff;
}

/* --------------------------------------------
*                       subTitle
* -------------------------------------------- */

/*--- title ----------------------------------------------------------------- */

h2 , h3 , h4 {
	font-weight: normal;
	text-align: center;
}

/*--- titleIcon-titleIconPage ----------------------------------------------------------------- */


.titleIcon ,
.titleIcon02 ,
.titleIconPage {
	text-align: center;
	margin: 0;
	padding: 0;
}

@media screen and (min-width: 481px) {
.titleIcon img {
	width: 130px;
	height: 130px;
	margin: -65px auto 1em auto;
	padding: 0;
	position: relative;
	zoom: 1;
	}
.titleIcon02 img {
	width: 130px;
	height: 130px;
	margin: -55px auto 0 auto;
	padding: 0;
	position: relative;
	zoom: 1;
	}
.titleIconPage img {
	width: 130px;
	height: 130px;
	margin: -33px auto 1.5em auto;
	padding: 0;
	position: relative;
	zoom: 1;
	}
}

@media screen and (max-width: 480px) {
.titleIcon img {
	max-width: 30%;
	margin: -54px auto 0 auto;
	padding: 0;
	position: relative;
	zoom: 1;
	}
.titleIcon02 img {
	max-width: 30%;
	margin: -44px auto 0 auto;
	padding: 0;
	position: relative;
	zoom: 1;
	}
.titleIconPage img {
	max-width: 30%;
	margin: -52px auto 0 auto;
	padding: 0;
	position: relative;
	zoom: 1;
	}
}

/*--- subTitle ----------------------------------------------------------------- */

.subTitle {
	margin: 0 0 1em 0;
	padding: 0;
}

.subTitle h3 {
	font-size: 1.6em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.subTitleIcon {
	text-align: center;
	margin: 1em auto 0 auto;
}

@media screen and (min-width: 641px) {
.subTitle p {
	width: 100%;
	margin: 1em auto 3em auto;
	padding: 0;
	}
}

@media screen and (max-width: 640px) {
.subTitle p {
	width: 100%;
	margin: 1em auto;
	padding: 0;
	}
}

/* --------------------------------------------
*                       text
* -------------------------------------------- */

.textBold { font-weight: bold; }
.textRight { text-align: right; }
.textLeft { text-align: left; }
.textCenter { text-align: center; }

.textRed { color: #e60000; }
.textGray { color: #777777; }

.fontS { font-size: 0.8em; }
.fontM { font-size: 1.2em; }
.fontL { font-size: 1.6em; }

@media screen and (min-width: 960px) {
.pcTextCenter { text-align: center; }
}

/* --------------------------------------------
*                       box
* -------------------------------------------- */

.boxCenter { text-align: center; margin: 0 auto; }

.box00 {
	margin: 0;
	padding: 0;
}

.box01 {
	margin: 0;
	padding: 2em;
}

.box70 {
	width: 70%;
	margin: 0 auto;
	padding: 0;
}

.boxTopSp1 {
	margin: 1em 0 0 0;
	padding: 0;
}

.boxTopBtmSp1 {
	margin: 1em 0;
	padding: 0;
}

.boxTopSp2 {
	margin: 2em 0 0 0;
	padding: 0;
}

.boxBtmSp1 {
	margin: 0 0 1em 0;
	padding: 0;
}

.boxBtmSp2 {
	margin: 0 0 2em 0;
	padding: 0;
}

.linkBox {
	margin: 2em 0;
	padding: 0;
}

.linkBox p a {
	color: #ffffff;
	margin: 0;
	padding: 0.5em 2em;
	background-color: #0097ae;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
}

.linkBox p a:hover {
	color: #0097ae;
	margin: 0;
	padding: 0.5em 2em;
	background-color: #ffffff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
}

/*--- line ----------------------------------------------------------------- */

.lineGreen {
	margin: 0 30% 1em 30%;
	padding: 1em 0 0 0;
	border-bottom: 3px solid #619b47;
}

.linePink {
	margin: 0 30% 1em 30%;
	padding: 1em 0 0 0;
	border-bottom: 3px solid #d47881;
}

.lineOrange {
	margin: 0 30% 1em 30%;
	padding: 1em 0 0 0;
	border-bottom: 3px solid #c57c2a;
}

/* --------------------------------------------
*                          tables
* -------------------------------------------- */

/* table01 ----------------------------------------------------------------- */

@media screen and (min-width: 768px) {
.table01 {
	display: table;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	}
.table01tr {
	display: table-row;
	}
.table01th ,
.table01td {
	display: table-cell;
	vertical-align: top;
	margin: 0;
	padding: 1em;
	}
.table01th {
	width: 30%;
	text-align: right;
	}
.table01td {
	width: 70%;
	text-align: left;
	}
}

@media screen and (max-width: 767px) {
.table01 {
	display: table;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	}
.table01tr {
	}
.table01th ,
.table01td {
	}
.table01th {
	text-align: left;
	color: #777777;
	margin: 0;
	padding: 0.5em 0;
	}
.table01td {
	text-align: left;
	margin: 0;
	padding: 0.5em 0　1em 0;
	}
}

/* table02 ----------------------------------------------------------------- */

@media screen and (min-width: 768px) {
.table02 {
	display: table;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	border-bottom: 1px solid #cfc0ab;
	}
.table02tr {
	display: table-row;
	}
.table02th ,
.table02td {
	display: table-cell;
	vertical-align: top;
	margin: 0;
	padding: 1em;
	border-top: 1px solid #cfc0ab;
	}
.table02th {
	width: 20%;
	text-align: left;
	}
.table02td {
	width: 80%;
	text-align: left;
	}
}

@media screen and (max-width: 767px) {
.table02 {
	display: table;
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #cfc0ab;
	}
.table02tr {
	}
.table02th {
	text-align: left;
	color: #777777;
	margin: 0;
	padding: 1em 0 0 0;
	border-top: 1px solid #cfc0ab;
	}
.table02td {
	text-align: left;
	margin: 0;
	padding: 0 0 1em 0;
	}
}

/* --------------------------------------------
*                          Form
* -------------------------------------------- */
input ,
textarea {
	font-size: 1em;
	margin: 0;
	padding: 0.5em;
	border: none;
}

@media screen and (min-width: 768px) {
input.wl {
	width: 450px;
	}
textarea.textareawl {
	width: 450px;
	height: 200px;
	}
}

@media screen and (max-width: 767px) {
input.wl {
	width: 90%;
	}
textarea.textareawl {
	width: 90%;
	height: 10em;
	}
}

input[type=submit]:hover ,
input[type=reset]:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
	transition: 0.4s;
	}

input[type=submit] ,
input[type=reset] {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	width: 200px;
	margin: 0 1em;
	padding: 1em 2em;
	cursor: pointer;
	color: #ffffff;
	font-size: 1em;
	background: #7d3a71;
	-webkit-appearance: button;
	*overflow: visible;
}

input[type=button] {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	width: 200px;
	padding: 1em 2em;
	cursor: pointer;
	color: #ffffff;
	font-size: 1em;
	background: #aaaaaa;
	border: none;
	-webkit-appearance: button;
	*overflow: visible;
}

input[type="radio"],input[type="checkbox"] {
    -moz-transform-origin: left center;
    -moz-transform: scale( 1.5 , 1.5 );
    -webkit-transform-origin: left center;
    -webkit-transform: scale( 1.5 , 1.5 );
}

/*--- mailSubmit ----------------------------- */

ul#mailSubmit {
	text-align: center;
	margin: 0;
	padding: 0;
}

ul#mailSubmit li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 1em;
	padding: 0;
	vertical-align: top;
}

/* --------------------------------------------
*                          etc
* -------------------------------------------- */

/*--- space ----------------------------------------------------------------- */

.space10 {
	margin-right: 10px;
}

.space30 {
	margin-right: 30px;
}

/*--- loading ----------------------------------------------------------------- */

#loading {
 width: 100%;
 height: 100%;
 margin: 0;
 background: #f0ebdd;/*グルグルの背景を白に*/
 opacity: 1.0;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 10000; /*とりあえず一番前面に出るように*/
}
#loading img {
 position:absolute;
 top:50%;
 left:50%;
 margin-top:-40px;/*グルグルを真ん中にするために、画像の高さ分マイナスで*/
 margin-left:-40px;/*グルグルを真ん中にするために、画像の幅分マイナスで*/
}