@charset "utf-8";
/*スマートフォン*/

/* body */

body{	
	width:100%;
	font-size:100%;
	line-height:1.5;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h2{font-size : 20px;line-height : 1.2;margin-bottom : 20px;margin-top:14px;}
h3{font-size : 24px;color:red;}
h4{font-size : 20px;line-height : 1.2;margin-bottom : 20px;margin-top:14px;}
h5{font-size : 20px;line-height : 1.2;margin-bottom : 20px;margin-top:14px;}

p {margin-bottom : 12px;}
a {color:#000;text-decoration:none;}

a:hover {color:#333;text-decoration:underline;}

.space-1{width:50px;height:14px;}
.space-2{width:50px;height:28px;}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/* フルード */

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

/* ヘッダー */

header {text-align : center;padding-top : 12px;}
header h1 {font-size : 16px;margin-bottom:12px;}
header h2{width : 100%;}

/* ナビ */

#gnav  {background-color:#222;}
#gnav ul {overflow:hidden;margin-bottom:24px;}
#gnav ul li {width: 25%;float : left;}
#gnav ul li a{display: block;color: #FFF;text-align: center;
	text-decoration: none;font-size:15px;line-height:48px;}
	
#gnav ul li a:hover{background: #6d510f;}

/* コンテンツ */

#contents {width : 90%;margin : 0 auto;}

section.post {margin-bottom : 36px;}

#sub {background-color:#fff;margin-bottom:24px;}
#sub nav{padding:10px;}
#sub nav ul li{font-size:14px;} 

/* ★★サイドの画像★★ */
.image {text-align:center;}

span{background-color:Menu;}
span-2{background-color:#ffddff;}


/*==========================================
 ページトップへボタンのスタイル
===========================================*/

a#pagetop {position: fixed;bottom: 10px;right: 1px;display: block;width: 80px;
  padding: 10px 10px;background: rgba(0,0,0,.7);color: #fff;text-align: center;
  text-decoration: none;font-size:12px;}

a#pagetop:hover{background: rgba(0,0,0,.8);}

/* フッター */

footer {background-color:#222;text-align:center;color:#fff;padding : 24px 0;}	
footer small {font-size:12px;}




/* ■1140px以上 */

@media screen and (min-width:1140px) {

body{background:url(images/common/back.gif);}

p{font-size:15px;}

#gnav ul {width : 1140px;margin : 0 auto;}

#contents {width: 1140px;background-color:#fff;overflow:hidden;}	
	
#contents #main {width : 1140px;float : left;margin:0 10px;}

section.post h2{padding-left:10px;text-align:center;}

section.post p{padding-left:10px;} 

#contents #sub {width : 300px;float : right;margin:0 10px;} 

#contents #sub nav ul li{font-size:14px;} 

.box{width : 960px;hight:auto;}







}