@charset "UTF-8";

body {
	margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	overflow-y: scroll; /* スクロールバーの有無によるがたつきを防ぐ */
}



/* サイト名 */
.site h1 a {
	color: #000000;
	text-decoration: none;
}
.site h1 {
	margin: 0;
	font-size: 25px;
}
.site img { border: none; }


/* トップヴィジュアル */
.topvisual { position: relative; }
.topvisual h2 {
	position: absolute;
	top: -3px;
	left: 15px;
	color: #F99;
	font-size: 12px;
	font-weight: normal;
}

/* ヘッダー画像 */
.topimg {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

/* 概要1 */
.boxback_1, .boxback_2, .boxback_3 {
	background-size: cover;
	background-position: top;
	width: 100%;
	height: 120px;
}
.boxback_1 { background-image: url(../img/boxbackimg_1.jpg); }
.boxback_2 { background-image: url(../img/boxbackimg_2.jpg); }
.boxback_3 { background-image: url(../img/boxbackimg_3.jpg); }

/* 概要2 */
.gaiyou a {
	display: block;
	background-color: #524e3c;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
}
.gaiyou a:hover { opacity: 0.8; }
.gaiyou a:hover .boxback_1 { background-image: url(../img/boxbackimg_1_on.jpg); }
.gaiyou a:hover .boxback_2 { background-image: url(../img/boxbackimg_2_on.jpg); }
.gaiyou a:hover .boxback_3 { background-image: url(../img/boxbackimg_3_on.jpg); }

.gaiyou h3 {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 20px;
	font-weight: normal;
	border-bottom: dotted 1px #d3d3d3;
}
.gaiyou p {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #524e3c;
	font-size: 12px;
}

/* お知らせ */
.news {
	padding: 20px;
	border: solid 5px #dddddd;
}
.news h5 {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 18px;
	color: #666666;
}
.news ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.news li {
	padding: 5px;
	border-bottom: dotted 2px #dddddd;
	color: #888888;
	font-size: 14px;
	text-decoration: none;
}
.news li a {
	text-decoration: none;
	color: #666;
}
.news li a:hover {
	color: #036;
}
.news time {
	color: #888888;
	font-weight: normal;
}
.news li:after {
	content: "";
	display: block;
	clear: both;
}
.news time {
	float: left;
	width: 105px;
}
.news .text {
	float: none;
	width: auto;
	margin-left: 105px;
}

/* インフォ右メニュー ---------------------------- */

/* 今日の名言（大サイズ）ＡＣインフォなし単独バージョン */
.daily {
	background: url(../img/woo01.jpg) top left repeat;
	padding: 15px 10px 15px;
	margin: 0 0 10px;
}
.daily h4 {
	font-size: 15px;
	text-align: center;
	color: #ffffff;
	margin: 0;
	padding: 2px 7px 6px;
}
.daily p {
	font-size: 14px;
	margin: 0;
	padding: 5px 10px;
	line-height: 1.4;
	text-align: justify;
	background-color: #ffffff;
	opacity: 0.75;
	border-radius: 3px;
}

/* 今日の名言（小サイズ）ＡＣミニインフォあるバージョン
.daily {
	background: url(../img/woo01.jpg) top left repeat;
	padding: 5px 8px 8px;
	margin: 0 0 10px;
}
.daily h3 {
	font-size: 14px;
	text-align: center;
	color: #ffffff;
	margin: 0;
	padding: 1px 5px 0;
}
.daily p {
	font-size: 13px;
	margin: 0;
	padding: 3px 10px;
	line-height: 1.4;
	text-align: justify;
	background-color: #ffffff;
	opacity: 0.75;
	border-radius: 3px;
}
*/

/* ＡＣミニインフォ※上部３列にあるので現在使用しない */
p.right-info {
	margin: 0 0 10px;
	padding: 5px 0;
	text-align: center;
	background-color: #fffaf0;
	border-radius: 4px;
	border: 5px solid #FFC7AF;
	color: #2f4f4f;
}
.right-info a { text-decoration: none; color:#033; }
.right-info a:hover { color: #369; }

/* SNSメニュー */
.share ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
.share ul:after {
	content: "";
	display: block;
	clear: both;
}
.share li {
	float: left;
	width:30%;
	margin-right: 5%;
}
.share li:last-child {
	margin-right: 0;
}
.share li a {
	display: block;
	margin-bottom: 10px;
	padding: 7px 10px;
	border-radius: 10px;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
}
.share li a:hover { opacity: 0.8; }
.share-tw { background-color: #63bafb; }
.share-fb { background-color: #5288f7; }
.share-gp { background-color: #f65d4a; }

.share i {
	font-size: 24px;
	vertical-align: middle;
}

/* サイドメニュー（画像なし２列）------------*/
ul.sidemenu {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
	text-align: center;
}
/* sidemenuを横に並べる設定----- */
ul.sidemenu:after {
	content: "";
	display: block;
	clear: both;
}
.sidemenu li {
	margin-bottom: 2px;
	width: 50%;
	font-size: 80%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}
.sidemenu li:nth-child(odd) {
 border-right: 2px solid #ffffff;
}
.sidemenu li a { display: block; text-decoration: none; }
.sidemenu li a:hover { opacity: 0.8; }
.sidemenu p {
	text-align: center;
	padding: 8px 0;
	margin: 0;
	background-color: #333333;
	color: #ffffff;	
}
.sidemenu img { display: none;}

/* メインコンテンツ------------------------------ */

.main-2 { margin-bottom: 10px; }
.main-2 h2 {
	margin: 0 0 30px;
	padding: 5px 12px;
	background-color: #808080;
	color: #ffffff;
	font-size: 17px;
	font-weight: 400;
	text-align: center;
}


/* コピーライト------------ */
.copyright p {
	margin: 0;
	color: #666666;
	font-size: 14px;
}

/* footerをバーの形にする */
footer {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #dcdcdc;
}

/* ■ボックスの左右 ■■■■■■■■■■■■*/
header, .topinfo, footer, .topbox, .mainbox, .sns {
	padding-left: 15px;
	padding-right: 15px;
}

/* ■ボックスの上下 ■■■■■■■■■■■■*/
header {
	padding-top: 10px;
	padding-bottom: 5px;
}
.topinfo {
	padding-top: 20px;
	padding-bottom: 20px;
}
.info-1 { padding-bottom: 20px; }
.topbox { padding-top: 15px; }
.topbox-1, .topbox-2, .topbox-3 {
	padding-bottom: 10px;
}
.mainbox {
	padding-top: 10px;
	padding-bottom: 20px;
}




/* トグルボタン■■■■■■■■■■--------------------------- */
#menubtn {
	padding: 6px 12px;
	border: solid 1px #aaaaaa;
	border-radius: 5px;
	background-color: #ffffff;
	position: absolute;
	top: 20px;
	right: 15px;
	cursor: pointer;
}
#menubtn:hover { background-color: #dddddd; }
#menubtn:focus { outline: none; }
#menubtn i {
	color: #888888;
	font-size: 18px;
}
/* トグルボタンの「メニュー」を消す */
#menubtn span {
	display: inline-block;
	text-indent: -9999px;
}
/* トグル押下ナビゲーションメニュー（縦並び） */
.menu { display: none; }
.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
.menu ul li {
	border-bottom: dotted 1px #cccccc;
}
.menu ul li:first-child {
	border-top: dotted 1px #cccccc;
}
.menu li a {
	display: block;
	padding: 5px;
	color: #000000;
	font-size: 15px;
	text-decoration: none;
}
.menu li a:hover { background-color: #eeeeee; }

/* スクロール------------------------------- */
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 4px 0 4px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


/* 599px以下 ######################################################### */
@media (max-width: 599px) {
.menu li a {
	padding: 8px 6px;
	font-size: 13px;		
}

}


/* 768px以上 ######################################################### */
@media (min-width: 768px) {
/* 大画面ではトグルボタンを消しておく */
#menubtn { display: none; }
/* ナビゲーション */
/* 画面拡大時、非表示のままになるのを防ぐ↓ */
#menu { display: block !important }
/* ナビゲーションメニューの内容 */
.menu ul {
	margin: 0;
	padding: 10px 0 0;
	list-style: none;
}
.menu li a {
	display: block;
	padding: 10px 15px;
	color: #000000;
	font-size: 14px;
	text-decoration: none;
}
.menu li a:hover { background-color: #eeeeee; }
.menu ul:after {
	content: "";
	display: block;
	clear: both;
}
.menu li {
	float: left;
	width: auto;
}
.menu ul li { border-bottom: none; }
.menu ul li:first-child { border-top: none; }


	
/* head-1とhead-2を横に並べる設定 */
header:after	{
	content: "";
	display: block;
	clear: both;
}
.head-1	{
	float: left;
	width: auto;
}
.head-2	{
	float: right;
	width: auto;
}


/* topbox-1、topbox-2、topbox-3 を横に並べる設定 */
.topbox:after {
	content: "";
	display: block;
	clear: both;
}
.topbox-1 {
	float: left;
	width: 32%;
	margin-right: 2%;
}
.topbox-2 {
	float: left;
	width: 32%;
	margin-right: 2%;
}
.topbox-3 {
	float: left;
	width: 32%;
}


/* info-1とinfo-2 を横に並べる設定-------------- */
.topinfo:after {
	content: "";
	display: block;
	clear: both;
}
.info-1 {
	float: left;
	width: 68%;
	padding-right: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.info-2 {
	float: left;
	width: 32%;
}

/* main-1とmain-2 を横に並べる設定--------------  */
.mainbox:after {
	content: "";
	display: block;
	clear: both;
}
.main-1 {
	float: right;
	width: 30%;
}
.main-2 {
	float: right;
	width: 70%;
	padding-right: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* 右サイドメニュー（画像あり）--------*/
.sidemenu li {
	width: 100%;
	float: none;
	margin-bottom: 10px;
	position: relative;
}
.sidemenu li:nth-child(odd) {
 border: none;
}
.sidemenu a img {
	display: block;
	width: 100%;
	height: auto;
	border: none;
	vertical-align: top;
}
.sidemenu a p {
	position: absolute;
	bottom: 0;
	width: 100%;
	opacity: 0.8;
	padding: 5px 0;
}

/* トップビジュアル左上の文字（イラスト・WEBデザイン）画面大用 */
.topvisual h2 {
	top: 0px;
	left: 15px;
	font-size: 14px;
}


}

/* 1190px以上 960 ################################################### */
@media (min-width: 960px){
/* 全体の横幅を固定 */
.topvisual, .topinfo, .head-inner, .foot-inner, .topbox, .mainbox, .sns {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
/* headerの下に罫線を挿入 */
header {
	margin-bottom: 20px;
	border-bottom: solid 1px #dddddd;
}
}