@charset "utf-8";

/* module -------------------------- */
/*PARTS
------------------------------------ */

/* module -------------------------- */
/* margin */
.mt00 {	margin-top:0px !important; }
.mt05 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }

.mb00 { margin-bottom:0px !important; }
.mb05 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }

/* padding */
.pt10 {	padding-top:10px !important; }
.pt20 {	padding-top:20px !important; }
.pt30 {	padding-top:30px !important; }

/* width */
.w10p { width: 10%; }
.w15p { width: 15%; }
.w20p { width: 20%; }
.w22p { width: 22%; }
.w25p { width: 25%; }
.w30p { width: 30%; }
.w35p { width: 35%; }
.w40p { width: 40%; }
.w35p { width: 35%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w65p { width: 65%; }
.w70p { width: 70%; }
.w75p { width: 75%; }
.w78p { width: 78%; }
.w80p { width: 80%; }

/* image */
.imgL {
	float: left;
	margin: 0 20px 10px 0;
}
.imgR {
	float: right;
	margin: 0 0 10px 20px;
}

@media (min-width: 480px) {
	.layout,.layout2 {zoom:1;}
	.layout:after,
	.layout2:after {
	  content: "";
	  display: block;
	  clear: both;
	}
	.layout2 .column{
		float: left;
		width: 47%;
		text-align: left;
	}
	.layout2 .column:nth-child(2){
		float: right;
	}
}


.left{float: left;}
.right{float: right;}
.tleft{text-align:left !important;}
.tright{text-align:right !important;}
.center{text-align:center !important;}

/* clearfix */
.clear {clear: both;}
.cf {zoom:1;}
.cf:after {
  content: "";
  display: block;
  clear: both;
}

/* align */
.alignleft{
	text-align:left;
	float:left;
	margin: 5px 15px 15px 0;
	clear: both;
}
.alignright{
	text-align:right;
	float:right;
	margin: 5px 0 15px 15px;
	clear: both;
}
.aligncenter{
	text-align: center;
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.ollist{
	list-style-type:decimal;
	margin:0 0 0 20px;
}

/* font */
.mincho{
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.fs10{
	font-size:10px !important;
	font-size:1.0rem !important;
}
.fs11{
	font-size:11px !important;
	font-size:1.1rem !important;
}
.fs12{
	font-size:12px !important;
	font-size:1.2rem !important;
}
.bold{
	font-weight: bold;;
}
.link_pdf{
	background: url(../images/common/icon_pdf.png) no-repeat right 0;
	padding-right: 20px;
}

/* color */
.red{color:#eb3b00;}
.white{	color:#fff;}
.img{border: #dddddd solid 1px;}
.nature_image img{border: #dddddd solid 1px;}
.imgover{
	opacity:0.8;
	filter:alpha(opacity=80);
}


.chara2{
	letter-spacing: 0.4em;
	text-indent:0.4em;
}

.btn{
    font-family: "dejimafont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    width: 280px;
    height: 55px;
    display:table;
    margin: 0 auto;
}
.btn a,
.btn input{
    font-family: "dejimafont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	display:table-cell;
	text-align: center;
    width: 100%;
	font-size:18px;
	font-size:1.8rem;
	vertical-align:middle;
	background: #ccbc7c;
}
@media (max-width: 480px) {
	.btn{
	    width: 220px;
	    height: 60px;
	}
	.btn a,
	.btn input{
		font-size:15px;
		font-size:1.5rem;
	}
}
.btn_egg a,
.btn_egg input{
	background: #ccbc7c url(../images/common/bg_egg.jpg);	
}
.btn_yellow a,
.btn_yellow input{
	color: #000;
	background: #d3b84a url(../images/common/bg_yellow.jpg);	
}


.bg_black{
	background: #1a1a1a url(../images/common/bg_black.jpg);
	box-shadow: 0 2px 4px rgba(0,0,0,1) inset;
}
.bg_white{
	background: #1a1a1a url(../images/common/bg_white.jpg);
	border-bottom: #ffffff solid 1px;
}

.ico_dia {
	width: 8px;
	height: 8px;
    background-color: transparent;
    border: #979797 solid 1px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

.ico_arrow{
	position: relative;
	padding: 0 0 0 20px;
}
.ico_arrow::after {
	display: block;
	content: '';
	position: absolute;
	top: .3em;
	left: 0;
	width: 6px;
	height: 6px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.warn{
	color:#ed0c0c;
}





/*
.ico_arrow_under{
	position: relative;
	padding: 0 0 0 20px;
}
.ico_arrow_under::after {
	display: block;
	content: '';
	position: absolute;
	top: .3em;
	left: 0;
	width: 6px;
	height: 6px;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
*/

.alist li {
	position: relative;
	padding: 0 0 0 20px;
}
.alist li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 0;
	width: 6px;
	height: 6px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* rollover */
.over{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.over:before{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #404040;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.over:hover, .over:focus, .over:active{
  color: #ffcc00;
}
.over:hover:before, .over:focus:before, .over:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}




/* --------------------------------- */
/* TABLE
------------------------------------ */

.table_set{
	width: 100%;
	border-top:#c5c3b2 solid 1px;
}
.table_set th,
.table_set td{
	line-height: 1.4;
	padding: 6px;
	font-size:12px;
	font-size:1.2rem;
	font-weight: normal;
	border-bottom:#c5c3b2 solid 1px;
}
.table_set th{
	font-weight: bold;
	color: #896d00;
	width: 4em;
}
.table_set td{
	color: #1c1c1c;
}

.table_set_black,
.table_set_black_l{
	width: 100%;
	border-top:#66615e solid 1px;
	background: rgba(0,0,0,0.5);
}
.table_set_black th,
.table_set_black td,
.table_set_black_l th,
.table_set_black_l td{
	line-height: 1.4;
	padding:3px 6px;
	font-size:14px;
	font-size:1.4rem;
	font-weight: normal;
	border-bottom:#66615e solid 1px;
}
.table_set_black th,
.table_set_black_l th{
	font-weight: bold;
	color: #d3a800;
	width: 40%;
}
.table_set_black td,
.table_set_black_l td{
	color: #fff;
	text-align: right;
}
.table_set_black_l th,
.table_set_black_l td{
	font-size:14px;
	font-size:1.4rem;
	padding:14px 14px;
}
@media (max-width: 480px) {
	.table_set_black_l th,
	.table_set_black_l td{
		font-size:12px;
		font-size:1.2rem;
	}
}
.table_set_black_l th{
	text-align: left;
	width: 25%;
}
@media (max-width: 480px) {
	.table_set_black_l th{
		width: 28%;
	}
}
.table_set_black_l td{
	text-align: left;
}


.catch{
	font-size:30px;
	font-size:3.0rem;
    font-family: "dejimafont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.hidden{
	display: none;
}


.tel-link {
}
a[href^="tel"]{
    color: #fff;

}

/* Yeloow Btn */
/*.over.ovEgg:before{
  background: rgba(241,199,0,0.7);
}
.over.ovEgg:hover, .over.ovEgg:focus, .over.ovEgg:active {
  color: #000;
}
.over.ovEgg:hover .ico_arrow::after {
	border-color: #000;
}
*/


/* mask */
/*.mask_wrap{
	position: relative;
	width: 200px;
	height: 120px;
	background: inherit;
}
.mask1{
	position: relative;
	background: inherit;
}
.mask1::before{
  content: "";
  position: absolute;
	background: inherit;
  top: 8px;
  left: -20px;
	display: block;
	border-top:solid 20px transparent;  
	border-right:solid 20px transparent; 
	border-bottom:solid 20px transparent; 
	border-left:solid 20px inherit;  
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mask1::after{
	content: "";
	position: absolute;
	width: 28px;
	height: 92px;
	top: 28px;
	left: -28px;
	background: inherit;
}


.mask2{
	position: relative;
	background: inherit;
}
.mask2::before{
	content: "";
	position: absolute;
	bottom: -112px;
	right: -20px;
	display: block;
	border-top:solid 20px transparent;  
	border-right:solid 20px inherit;  
	border-bottom:solid 20px transparent; 
	border-left:solid 20px transparent; 
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mask2::after{
	content: "";
	position: absolute;
	width: 28px;
	height: 92px;
	top: 0;
	right: -28px;
	background:inherit;
}

*/