@charset "utf-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　初期設定　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

*{
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

img{
	vertical-align: middle;
/*
	border-style:none;
*/
}

/*
font-size:14px;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
*/

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　ページレイアウト　＝＝＝＝＝＝＝＝＝＝＝＝＝ */
body{
	width: 100%;
	-webkit-text-size-adjust: 100%;
}
@media only screen and (min-width:798px) {
	body{
		max-width: 980px;
		padding: 0px 15px;
		margin: 0px auto;
	}
}

header{
	width: 100%;
}




h1  { font-size :10px ; }
h2  { font-size :16px ; }
h3  { font-size :14px ; }


@media only screen and (min-width:768px) {
h1  { font-size :14px ; }
}


#wrapper { width : 100%;}


footer{
	width: 100%;
	clear: both;
	padding: 15px 20px;
	background: #000;
	margin:0 auto;
	background: -moz-linear-gradient(65deg, #F13F79, #FFC778); 
	background: -webkit-linear-gradient(65deg, #F13F79, #FFC778); 
	background: linear-gradient(25deg, #F13F79, #FFC778); 
	text-align:center;
	margin-top:10px;
}

footer img{
width: 90%;
max-width:500px;

}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ヘッダー　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.hed{
    width: 100%;
    position: relative;
    height:0;
    padding-top: 27.66%; /*画像の高さ÷幅を設定 */
    margin-left: auto;
    margin-right: auto;
    background-image:url(../img/header_sm1.png);
    background-repeat: no-repeat;
    background-size:100% auto;
    display: block;
}
  .mail_bt{
	position: absolute; /* 本来表示される位置から外れて、自由な位置に表示させる */
	width:58px;
	height:46px;
	background-image: url('../img/mail_sm.gif');
	display: block;
	left: 80%; bottom:10%;
  }
	.mail_bt a {
	display: block;
	width:58px;
	height:46px;
	}


.pc {display: none;}
.sp {display: block;}

@media only screen and (min-width: 798px) {
  .hed{
	position: relative;
    padding-top: 18%; /*画像の高さ÷幅を設定 */
    background-image:url(../img/top_logo.gif),url(../img/header_pc_b.jpg);
    background-repeat: no-repeat,no-repeat;
    background-size: 55% auto,100% auto;
/*
    width: 950px;
    height: 171px;
	margin:0 auto;
*/
  }
  .mail_bt{
	position: absolute; /* 本来表示される位置から外れて、自由な位置に表示させる */
	width:166px;
	height:45px;
	background-image: url('../img/mail.gif');
	display: block;
	left: 70%; bottom:10%;
  }
	.mail_bt a {
	display: block;
	width:166px;
	height:45px;
	}
	
  .pc {
    display: block;
  }
  .sp {
     display: none;
  }
}


.hed:after{
	display: table;
	content: "";
	clear: both;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　ナビゲーション　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

ul{
	list-style-type: none; /* ・マークを非表示 */
}

nav li{
	width: 50%;
	float: left;
	border-bottom: solid 2px #666;
}
nav li:nth-child(odd){
	border-right: solid 2px #666;
}
@media only screen and (min-width:798px) {
	nav li{
		width: 16.6666667%;
		border-right: solid 2px #666;
		border-bottom: none;
	}
	nav li:last-child{
		border-right: none;
	}
}

nav a{
	display: block;
	background: #333;
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
	line-height: 45px;
	text-decoration: none;
	text-align: center;
}
nav a:hover	{
	background: #5E4C24 ;
}


@media only screen and (min-width:798px) {
	nav a{
		line-height: 40px;
	}
	nav a:hover
	{
		-webkit-text-shadow: 0px 0px 10px rgba(255,255,255,1),  0px -3px 10px rgba(255,255,255,1), 0px 3px 10px rgba(255,255,255,1); 
		-moz-text-shadow: 0px 0px 10px rgba(255,255,255,1),  0px -3px 10px rgba(255,255,255,1), 0px 3px 10px rgba(255,255,255,1); 
		text-shadow: 0px 0px 10px rgba(255,255,255,1),  0px -3px 10px rgba(255,255,255,1), 0px 3px 10px rgba(255,255,255,1); 

		/*ゆっくりと光らせる*/
		-moz-transition: box-shadow 0.7s, text-shadow 0.7s; 
		-webkit-transition: box-shadow 0.7s, text-shadow 0.7s; 
		transition: box-shadow 0.7s, text-shadow 0.7s; 
	}
}


nav ul:after{
	display: table;
	content: "";
	clear: both;
}






.a_under {text-decoration-line: underline;}




#page-top {
	position: fixed;
	bottom: 20px;
	right: 50px;
	font-size: 100%;
}
#page-top a {
	background: #666;
	text-decoration: none;  /*アンカー非表示*/
	color: #fff;
	padding: 8px 5px;
	text-align: center;
	display: block;
	border-radius: 5px;
	font-size:12px;
}


#page-top a:hover {
	text-decoration: none;
	background: #999;
}
    



.title{
	width : 95% ; 
	max-width:700px;
    border:solid 1px #ddd;
    background: #eee;
	border-left:5px solid #6f4b3e;
	padding:3px 15px;
	
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;

	-webkit-border-radius: 3px;/* Webkit */
	   -moz-border-radius: 3px; /* FF */
	     -o-border-radius: 3px; /* Opera */
	    -ms-border-radius: 3px; /* IE */
	        border-radius: 3px;

    background: -moz-linear-gradient(top,  #fff,  #eee); /* FF */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* Webkit */
}


.pr_txt {
	width : 100% ;
	margin-top:20px;
	margin-bottom:20px;
}

.s_pr_txt {
	width : 100% ;
	margin-top:20px;
	margin-bottom:20px;
}







/* CSS3を使って、輪郭を角丸にする */
#mailbtn a{
	width:190px;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	display: inline-block;
	padding: 10px  20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #55cf20;
    -webkit-box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 1);
    border:1px solid #55cf20;     /* 枠線を追加 */
}
#mailbtn a {
	text-decoration:none;
	display:block;
	background:  #7cfc00;
	
	/*text-shadow */
	-webkit-text-shadow: 2px  2px 5px gray,  -2px  2px 5px gray,  2px -2px 5px gray,  -2px -2px 5px gray;
	-moz-text-shadow: 2px  2px 5px gray,  -2px  2px 5px gray,  2px -2px 5px gray,  -2px -2px 5px gray;
	text-shadow: 2px  2px 5px gray,  -2px  2px 5px gray,  2px -2px 5px gray,  -2px -2px 5px gray;

	/*box-shadow */
	-webkit-box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset, -1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,  0px -1px 1px rgba(0,0,0,0.3) inset,  0px 1px 3px #666;
	-moz-box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset, -1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,  0px -1px 1px rgba(0,0,0,0.3) inset,  0px 1px 3px #666;
	box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset, -1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,  0px -1px 1px rgba(0,0,0,0.3) inset,  0px 1px 3px #666;

	/*ゆっくりと光らせる*/
	-moz-transition: box-shadow 0.7s, text-shadow 0.7s; 
	-webkit-transition: box-shadow 0.7s, text-shadow 0.7s; 
	transition: box-shadow 0.7s, text-shadow 0.7s; 
}

#mailbtn a:hover {
	background: #6e8b3d ;
	-webkit-text-shadow: 0px 0px 10px rgba(255,255,255,1),  0px -3px 10px rgba(255,255,255,1), 0px 3px 10px rgba(255,255,255,1); 
	-moz-text-shadow: 0px 0px 10px rgba(255,255,255,1),  0px -3px 10px rgba(255,255,255,1), 0px 3px 10px rgba(255,255,255,1); 
	text-shadow: 0px 0px 10px rgba(255,255,255,1),  0px -3px 10px rgba(255,255,255,1), 0px 3px 10px rgba(255,255,255,1); 

	/*ゆっくりと光らせる*/
	-moz-transition: box-shadow 0.7s, text-shadow 0.7s; 
	-webkit-transition: box-shadow 0.7s, text-shadow 0.7s; 
	transition: box-shadow 0.7s, text-shadow 0.7s; 

} 

/* クリアフィックス */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}