/* IMPORT 16 COLUMN RESPONSIVE GS */
@import url("responsive.gs.16col.css");


/*	全体の設定
------------------------------------*/
body {
	font-family: "Lato", Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	color: black;
	background:#FFF;
}

h1 {
	background-image:url("/theme/ganne/img/hr1.png");
	background-position:bottom;
	color:#660000;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding-bottom:5px;
	text-align:center;
    margin-bottom: 15px;
}

h2 {
	color:#660000;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    padding-bottom: 5px;
    margin-bottom: 15px;
}


img {
	max-width:100%;
}

/*ブログアイキャッチ画像のサイズ調整

.posteye {
	width:138px;
	height:92px;
	object-fit: cover;
}
-----------------------------------*/


/*リンク：テキストの色
-----------------------------------*/
a {
	color: #555;
}
/*リストのマーク：白抜きの円
-----------------------------------*/
ul {
    list-style: none;	
}

/*ヘッダー
-----------------------------------*/
header {
	padding:10px 0 10px 0;
	margin:20px 0 20px 0;
}

/*ヘッダー:メニュー
-----------------------------------------*/
nav {
/*    padding-bottom: 35px;　*/
    right: 0;

}
nav ul li {
    float: left;
    list-style:none;
}
nav ul li a {
    display: block; 
    width: 120px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #660000;
    font-weight: bold;
    text-decoration: none;
}
nav ul li a:hover {
    color: #ffcc99;
}

/*ヘッダーメニュー選択中のグレー色
-----------------------------------*/
.current {
	color:f6f6f6;
	background-color:#ffcc99;
	border-radius: 0.5em; 
}

/*パンくずリスト
-----------------------------------*/
.breadcrumb li {
    display: inline-block;
}
.breadcrumb li a {
    text-decoration: none;
    color: #959fa5;
}

/*メイン画像
-----------------------------------*/
#MainImage {
    margin:0 auto;
    padding:0;
	list-style:none;
}

/*メイン
-----------------------------------*/
article {
	line-height: 2em;
	border-bottom: 1px solid #ddd;
}

/*サイドバー
-----------------------------------*/
aside {
	line-height: 2em;
	padding:10px;
	font-size:.8em;
	border-bottom: 1px solid #ddd;
	background-color:#f6f6f6;
	border-radius: 30px;
}

/*フッター
-----------------------------------*/
footer {
	margin:20px 0 20px 0;
	padding-top:10px;
	text-align: right;
	background: #FFF;
}

/*ボタン
-----------------------------------*/
.ec-btn {
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	line-height:3em;
    background-image:-moz-linear-gradient(top,#ffcc99 0%,#660000);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ffcc99),to(#660000));
	box-shadow:2px 2px #bfbebe;
    border-radius:10px;
	border-radius: 0.5em;
	text-align:center;
	text-decoration: none;
	font-size: 1.2em;
	color:#FFF;
}
 a:hover .ec-btn {
    color: #ffcc99;
}



/*お問い合わせフォームボタン
-----------------------------------*/
.button {
	padding-top:10px;
	padding-bottom:10px;
	background-color:#f6f6f6;
	border-radius: 0.5em; 
}

.TopLink {
position: fixed; /*表示位置固定*/
bottom: 15px; /*下から15pxの位置*/
right: 10px; /*右から10pxの位置*/
z-index:999; /*重なり具合。一番上に表示されるように*/
}
img.totop {
width: 80px; /*大きさの指定*/
height: 60px; /*長方形等の場合は比率に応じて調整する*/
}



/*ヘッダー:メニュー1200px以下768px以上の表示
-----------------------------------------*/
@media only screen and (max-width: 1200px) and (min-width: 768px){
nav {
/*    padding-bottom: 35px;　*/
    right: 0;
}
nav ul {
    float:right;	
}
nav ul li {

    list-style:none;
}
nav ul li a {
    display: inline-block; 
    width: 90px;
    height: 35px;
    line-height: 35px;
    color: #660000;
    font-weight: bold;
    text-decoration: none;
	font-size:90%;
}
nav ul li a:hover {
    color: #ffcc99;
}
}

/*お問い合わせフォーム768px以下の表示
-----------------------------------*/
@media only screen and (max-width:768px){
tr{
    display: block;
}
th, td{
    display: list-item;
    border: none;
	list-style:none;
}
.col-head {
    text-align: left;
}
textarea {
    width:100%;
}
}