@charset "UTF-8";

/*++++++++++++++++++++++++++++ 全体CSS +++++++++++++++++++++++++*/

body{ 
	width: 100%;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

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

a > img:hover{opacity: 0.7;}


/*アイコン系*/
i{margin: 0 5px;}

/*++++++++++++++++++++++++++++ レイアウトCSS +++++++++++++++++++++++++*/

.s_box{padding: 0 10px 0 10px;}

/*ヘッダー*/
header{text-align: center;}
header > div, header h1{margin: 10px 0; font-size: 12px; font-weight: normal;}

/*グローバルナビ*/
nav{text-align: center; padding-bottom: 20px; color: #FFF;}
nav div{width: 100%;}
nav div:last-child{
	background-image: url(../images/common/sankaku.png);
	background-repeat: repeat-x;
	height: 6px;
}

/* ------ アコーディオンメニューCSS ------ */

label {
	position: relative;
    color: #FFF;
    padding: 10px;
    display: block;
    margin: 0;
    border-bottom: 1px dashed #fff;
}

label:before{
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 24px;
	height: 24px;
	margin-top: -12px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: #fff;
	opacity: 0.7;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius:30px;
}

label:after{
	position: absolute;
	top: 50%;
	right: 17px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -7px;
	border-top: 2px solid #888;
	border-right: 2px solid #888;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

label:hover{background-color: #FEBE61;}
input[type="checkbox"].on-off{display: none;}

.acmenu{display: block; background-color: #FEAC36; padding: 10px 0;}
.acmenu ul { margin: 0; padding: 0; list-style: none; width: 100%; text-indent: -100%;}
.acmenu li:hover {background-color: #FEBE61;}
.acmenu li a{display: block; width: 100%; padding: 8px 0px; color: #fff; margin-left:50%;}
.acmenu > ul > li a > img{margin-right: 5px; vertical-align:middle;}
input[type="checkbox"].on-off + ul{height: 0; overflow: hidden;}
input[type="checkbox"].on-off:checked + ul{ height: 100%;}


/*ファーストリンク*/
.house{background-image: url(../images/common/backimg.png); padding:10px; margin-bottom: 10px;}

.house > article{width: 100%; margin-bottom: 20px;}
.house > article > a{display: table; text-align: center;}
.house > article:hover{opacity: 0.7;}
.house > article > a > div{display: table-cell; vertical-align: middle;  }
.house > article > a > div:first-child{width: 20%; border-right: 20px solid transparent;}
.house > article > a > div:last-child{width: 80%;}
.house > article > a > div > h2, .house > article > a > div > p{text-align: left;}
.house > article > a > div > h2{color: #AED28B; font-size: 18px; margin-bottom: 0.5em; font-weight: bold;}
.house > article:nth-of-type(2) > a > div > h2{color: #79C1E5;}
.house > article > a > div > p{font-size: 14px; line-height: 1.5em;}

/*メニュー*/

.menu > article{
	border: 3px solid #FEAB35;
	margin-bottom: 20px;
	padding: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.menu > article > a{display: table; text-align: center;}
.menu > article:hover{opacity: 0.7;}
.menu > article > a > div{display: table-cell; vertical-align: middle; }
.menu > article > a > div:first-child{border-right: 10px solid transparent;}
.menu > article > a > div:last-child{}
.menu > article > a > div > h2, .menu > article > a > div > p{text-align: left;}
.menu > article > a > div > h2{color: #FEAB35; font-size: 16px; font-weight: bold;}
.menu > article > a > div > p{font-size: 14px; line-height: 1.5em;}

/*バナーリンク*/
.banner{background-image: url(../images/common/backimg.png); padding:20px; margin-bottom: 20px;}
.banner div{margin-bottom: 10px;}
.banner img{width: 100%;}

/*お問い合わせ*/
.contact{padding: 10px;}
.contact img{width: 100%;}

/*フッター*/
footer{text-align: center; font-size: 10px; color: #fff;} 
footer a{color: #fff;}
footer li{padding-bottom: 5px;}
footer ul, footer div:last-child{background-color: #FEAB35; padding-top:10px;}
footer div:last-child{border-top: 1px dashed #FFF; padding-top: 10px; padding-bottom: 20px;}