@charset "utf-8";
/* CSS Document */

/*　リセット　*/
html{
overflow-y:scroll;
}

h1, h2, h3, h4, h5, h6{
font-weight:normal;
font-size:100%;
}

.clearfix:after {
content: '';
display: block;
clear: both;
height: 0;
}

html, body,div,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd {
margin:0;
padding:0;
}

section,nav,article,header,footer{
display:block;
}

img {
border:0;
border-radius:5px;
}

a{
color:#000;
text-decoration:underline;
}

a:hover{
text-decoration:none;
}

ul{
list-style-type:none;
}

li{
list-style:none;
}

address,strong,em{
font-style:normal;
font-weight:nomal;
}

/*bodynにoverflow:hiddenでwindowsの横スクロールバーを消したいが、それをするとiphoneのいんでx。htmlが拡大してしまう。*/
body{
	font-size:16px;
	letter-spacing:0.2em;
	line-height:1.6em;
	font-family:Shin Go Regular, "メイリオ", Meiryo, Arial, Helvetica, sans-serif;
	/*background-color:#8e0000;  red*/
	background-color:#9CB572;
	color:#000;
}


/*反転時の背景色 */
::selection {
background:darkorange;
color:#fff;
}
/* Firefox対応*/
::-moz-selection {
background:darkorange;
color:#fff;
}


/*--------全ページ共通css-----------*/

/*メニューのeffect*/
.effect-16 a:before {
    color: #FFFFFF;
    content: attr(data-hover);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    
	-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
    -o-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-ms-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
		transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	
	-webkit-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
	-o-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
	-ms-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
		transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
}
.effect-16 a:hover:before, .effect-16 a:focus:before {
    opacity: 1;
    
	-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	-o-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	-ms-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
		transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
}

/*--------footer-----------*/
footer{
	font-family: 'Comfortaa',cursive;
	font-weight:300;
	background-image:url(../img/index/footer_bg.png);
	background-repeat:no-repeat;
	padding-bottom:2em;
	position: relative;
    z-index: 10;
/*以下の3行はnew effect*/
background-attachment: fixed;
background-size: cover;
background-position: center 70px;
text-shadow: 0 0.01em 0.1em #8B4513;
}
footer nav{
	 margin-bottom: 1em;
    padding: 0.5em 0 0.5em 1em;
}
footer .bread{
	border-bottom:1px solid;
	box-shadow: 0 0.01em 0.1em #8B4513;
	background-color: rgba(0, 0, 0, 0.15);
}

footer nav img{
	position: relative;
    top: 0.5em;
}
footer nav ul li a{
	text-decoration:none;
	color:#000;
	display:block;
	float:left;
	margin-right:1em;
	font-size:1.5em;
	
	
-webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
footer nav ul li a:hover{
	color:#fff;
	text-shadow: 0 1px 2px #fff;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
footer nav .small a{
	font-size:1em;
}

footer .footer_contact{
	background-color: rgba(0, 0, 0, 0.15);
	box-shadow: 0 0.01em 0.1em #8B4513;
    display: inline-block;
    font-size: 1em;
    margin-left:0.7em;
	font-family:Shin Go Regular, "メイリオ", Meiryo, Arial, Helvetica, sans-serif;
}
footer .footer_contact a{
    display: block;
    padding:0.5em 1em;
    text-decoration: none;
}
footer .footer_contact a:hover{
	background-color: rgba(0, 0, 0, 0.2);
}



.address{
	color: #999;
    padding:5em 2em;
    text-align: center;
	font-family: 'Comfortaa',cursive;
	font-weight:300;
}





/*トップページへ▲*/
.scroll a{
    float: left;
    font-family: 'Comfortaa',cursive;
    font-size: 2em;
    font-weight: 300;
    line-height: 1.5em;
    text-align:right;
    text-decoration: none;
    width: 100%;
	margin-top: 1em;
}
.scroll a:hover{
}

/*スマホ用のpage top↑は大きい画面では非表示させている。*/
.pagetop a{
		display:none;
	}
/*スマホ用のcontact linkは大きい画面では非表示させている。*/
.footer_contact a{
		display:none;
	}


/*media query*/
@media screen and (max-width:999px) {
footer{
	display:none;
}
/*スマホfooterトップページへ↑*/
.pagetop a{
	color:#fff;
	background-color:#000;
	padding:1.5em 0;
	text-align:center;
	font-size:2em;
	font-family: 'Comfortaa',cursive;
	font-weight:300;
	display:block;
	text-decoration:none;
}
/*スマホfooter contactへ*/
.footer_contact a{
	color:#fff;
	background-color:#000;
	padding:1.5em 0;
	text-align:center;
	font-size:2em;
	font-family: 'Comfortaa',cursive;
	font-weight:300;
	display:block;
	text-decoration:none;
}
/*kiko.htmlの下段 serviceへ戻る*/
.to_service{
	margin-bottom:5em;
}
/*スマホfooterトップページへ↑の各ページの背景色*/
.greens a{
	background-color:#11B600;
}
.yellows a{
	background-color:#FFC100;
}
.reds a{
	background-color:#DC0000;
}
.purples a{
	background-color:#6B0090;
}
@media screen and (min-width:1000px) {
	
}