@charset "utf-8";
/* CSS Document */
/*
body{
	padding-top:0;
	padding-right:10%;
}

#header{
	width:10%;
	left:auto;
	right:0;
	height:100%;
}
*/
a{
}
a.overwhite:hover,
a.overwhite:hover img,
a.overwhite:hover li{
    cursor:pointer;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	opacity:0.6;
	zoom:1;
}

a.toMap{
	padding:3px 20px 3px 5px;
	background:url("../images/icoExternal.png") no-repeat 2.75em 50% #FFED90;
	color:#51431A;
	margin-left:0.5em;
	font-size:0.7em;
	text-decoration:none;
}
a.toMap:hover{
	background-color:#F9FFA5;
	color:#C54B00;
}

body{
/*	padding-right:10%;*/
	font-size:0.9em;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop,#header,
  #header{	width:98.5%;}
  
  *::-ms-backdrop, body { padding-right:1.5%; }  /* ie11 */
  body { padding-right:1.5%; } /* IE10 */
}

h2{
	font-family:"HGS明朝E","ヒラギノ明朝 Pro W3",  "MS PMincho", "Hiragino Mincho Pro", serif;
}

.main{
	padding-right:6.5% !important;
}

.main.style1 h2{
	font-size:2em;
	letter-spacing:0;
}
.main.style2 .content {
	margin-bottom: 50px;
}
.main.style2.inactive.right .content {
	left: 110%;
}
.image img{
	-webkit-box-shadow: #333 5px 5px 3px;
	-moz-box-shadow: #333 5px 5px 3px;
	box-shadow: #333 5px 5px 3px;
}

#header{
	border-bottom:3px solid #FFF200;
	height:4em;
	background:#fff;
}
#logo {
	top: 0.5em;
}

header p#telnumber{
	position:absolute;
	margin-top:0;
	right:10px;
	top:0.5em;
	margin-bottom: 0;
	line-height: 0;
}

.container{
	width:90%;
}

#navIcon{
	position:absolute;
	right:2px;
	top:0;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

#nav{
	right:5px;
	width:6.5%;
	margin-top:58px;
	height:auto;
	max-width: 90px;
}
#nav ul{
	overflow:hidden;
	background:#fff;
	background:rgba(255,255,255,0.75);
}
#nav ul li{
	display:table;
	margin-left:0;
	width:100%;
}
#nav ul li:hover{
	background:#fff;
}
#nav ul li a{
	display:table-cell;
	vertical-align:middle;

	line-height:1.2em;
	font-family:"HGS明朝E","ヒラギノ明朝 Pro W3",  "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size:2em;
}

#intro{
	background: url('../images/hokudaiao.jpg');
/*	background: url('../images/bgIntro.jpg');
	background-size: cover;
	background-attachment: fixed, fixed;
	background-position: top left, center center;*/
}


#intro .row>* .box{
	padding:15px;
	min-height:450px;
	position:relative;
}
#intro .row>* .box #introboximg1{
	position:absolute;
	top:20px;
	left:3%;
	max-width:90%;
}
#intro .row>* .box #introboximg2{
	position:absolute;
	bottom:-5%;
	right:-3%;
	max-width:90%;
}

/*#intro .row>* #introbox3.box img{	bottom:80px;}*/

#introbox1{
	background:url("../images/hokudaiao.jpg");
}

#introbox2{
	background:url("../images/bgIntro2.jpg") no-repeat 60% 10%;
}

#introbox3{
	background:url("../images/bgIntro3.jpg") no-repeat 0 50%;
}

#one{
	background: url('../images/abillity.jpg');
	background-size: cover;
	background-attachment: fixed, fixed;
	background-position: center center;
}

#two{
	background: url('../images/reien_blur.jpg');
	background-size: cover;
	background-attachment: fixed, fixed;
	background-position: top left, center center;
}
#three{
	background: url('../images/reien_blurYellow.jpg');
	background-size: cover;
	background-attachment: fixed, fixed;
	background-position: top left, center center;
}
#four{
	background: url('../images/reien_blurSepia.jpg');
	background-size: cover;
	background-attachment: fixed, fixed;
	background-position: top left, center center;
}
#section1{
	background: url('../images/reien_color1.jpg');
	background-size: cover;
	background-attachment: fixed, fixed;
	background-position: top left, center center;
}
#section2{
	background: url('../images/reien_color2.jpg');
	background-size: cover;
	background-attachment: fixed, fixed;
	background-position: top left, center center;
}
#section3{
	background: url('../images/reien_color3.jpg');
	background-size: cover;
	background-attachment: fixed, fixed;
	background-position: top left, center center;
}

#two .box,
#three .box,
#four .box {
	margin-top:10%;
}

#one .large,
#two .large,
#three .large{
	font-size:2em;
	margin-right:0.1em;
}

#four .large,#section1 .large,#section2 .large,#section3 .large {
	font-size:1.5em;
	margin-right:0.1em;
}

#two .row.images .image,
#three .row.images .image,
#four .row.images .image,
#section1 .row.images .image,
#section2 .row.images .image,
#section3 .row.images .image
 {
position: relative;
top: 0;
left: 0;
opacity: 1.0;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
-o-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}

#two.inactive .row.images .image,
#three.inactive .row.images .image,
#four.inactive .row.images .image,
#section1.inactive .row.images .image,
#section2.inactive .row.images .image,
#section3.inactive .row.images .image {
	opacity: 0;
}

#two.inactive .row.images .image.from-left,
#three.inactive .row.images .image.from-left,
#four.inactive .row.images .image.from-left,
#section1.inactive .row.images .image.from-left,
#section2.inactive .row.images .image.from-left,
#section3.inactive .row.images .image.from-left {
	left: -14em;
}

#two.inactive .row.images .image.from-right,
#three.inactive .row.images .image.from-right,
#four.inactive .row.images .image.from-right,
#section1.inactive .row.images .image.from-right,
#section2.inactive .row.images .image.from-right,
#section3.inactive .row.images .image.from-right {
	left: 14em;
}

#two.inactive .row.images .image.from-top,
#three.inactive .row.images .image.from-top,
#four.inactive .row.images .image.from-top,
#section1.inactive .row.images .image.from-top,
#section2.inactive .row.images .image.from-top,
#section3.inactive .row.images .image.from-top {
	top: -7em;
}

#two.inactive .row.images .image.from-bottom,
#three.inactive .row.images .image.from-bottom,
#four.inactive .row.images .image.from-bottom,
#section1.inactive .row.images .image.from-bottom,
#section2.inactive .row.images .image.from-bottom,
#section3.inactive .row.images .image.from-bottom {
	top: 7em;
}


#five {
	background: url('../images/reien.jpg');
	background-size: cover;
	background-attachment: fixed, fixed;
	background-position: top left, center center;
}
#cemeterypage #five{
	height:100%;
	max-height:91.5%;
}

#five h2{
	margin-bottom:1em;
}
#five h3{
	background:#FFFDCF;
	margin-bottom:0.5em;
}

#five .box{
	background:#fff;
	background:rgba(255,255,255,0.8);
}

#five iframe{
	width:100%;
}

#five dl{
	text-align:left;
	overflow:hidden;
}

#five dt{
	font-weight:bold;
	font-size:1.2em;
	vertical-align:bottom;
}
#five dd{
	margin-bottom:1em;
	font-size:1.1em;
	line-height:1.3em;
}

#five .container{
	margin-bottom:30px;
}


#imgReien{
	width:100%;
}

#six{
	padding:5em 15px 3em;
	background:url('../images/datekanmuriishi.jpg');
	color:#eee;
}
#six h2{
	margin-bottom:2em;
}

#six dl{
	text-align:left;
}
#six dt{
	font-weight:bold;
	font-size:1.2em;
	background:#000;
	padding:0.3em 0.5em;
	margin-bottom:0.5em;
}

#six dd{
	margin-bottom:2.5em;
}

#seven{
	padding:5em 15px 3em;
	background:url('../images/company.jpg');
	background-size: cover;
	background-attachment: fixed, fixed;
	background-position: top left, center center;
}

#seven .container{
	padding:2em;
	background:#888;
	background:rgba(49, 50, 0,0.5);
	width:100%;

	display: inline-block;
	vertical-align: middle;
}
#seven table{
	text-align:left;
}
#seven th{
	width:5em;
}
#seven .row>*{
	text-align:left;
}
#seven iframe{
	width:100%;
}

#contact{
	background: url('../images/sungray.jpg');
/*	background-size: cover;
	background-attachment: fixed, fixed;
	background-position: top left, center center;
*/
}
#contactform #contact{
	height:100%;
	overflow:auto;
}
#contactform #contact.main.style1{
	padding:4em 0 0 0 !important;
}

#contact img{
	max-width:90%;
}

#contact.main.style3 p{
	text-align:left;
	margin-left:1.5em;
	letter-spacing: 0;
}

#contact header{
	background:rgba(255,255,255,0.75);
	padding:2em 0;
}

form input[type="text"], form input[type="email"], form input[type="password"], form select, form textarea{
	padding: 0.3em 0.5em;
	margin-bottom:0.5em;
}

input[type="button"], input[type="submit"], input[type="reset"], .button {
	background-color: #FF7F18;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover {
	background-color: #E8D400;
}


@media screen and (max-width:999px){
.container{
	width:95%;
}
#navIcon {
right: -5px;
}
.main.style2.right .content {
	left: 38%;
}

}
@media screen and (max-width:736px){
/*
body{
	padding-right:0;
	
}
#header{
	width:100%;
	left:0;
	right:auto;
	height:3em;
}
*/

#logo {
	text-align: left;
}
.main{
	padding-right:15px !important;
}

.main.style2 .content {
	text-align: left;
}

}

@media screen and (max-width:480px){
#logo {
	text-align: center;
}

#header{
	height:auto;
}

header p#telnumber{
	position:relative;
	text-align:center;
	margin-bottom:10px;
}
header p#telnumber img{
	max-width:277px;
	width:100%;
}
	
#intro .row:first-child	{
	margin-top:30px;
}
#intro .row .\34 u{
	width:33.333333% !important;
	float:left;
}
#intro .row .\34 u img{
	max-width:100%;
}

#intro .row .\33 u{
	width:0;
}
#intro .row .\36 u{
	width:80%;
}

#intro .row>* .box{
	min-height:250px;
	text-align:center;
}

#intro .row>* .box img{
	position:relative;
	left:auto;
	margin-left:0;
	max-width:90%;
}
#introbox2 {
	background: url("../images/bgIntro2.jpg") no-repeat 100% 50%;
	background-size: cover;
}
/*#intro .row>* #introbox2.box img{	bottom:30px;}
#intro .row>* #introbox3.box img{	bottom:50px;}

#introbox2,#introbox3{
	background-size: cover;
	background-attachment: fixed, fixed;
}
*/


#contactform .main.style1 h2{
	font-size:1.7em;	
}
#contactform #contact header {padding: 2em 0 1em;}


#contactform input[type="submit"]{
	font-size:0.9em;	
}


}