@charset "UTF-8";


body	{margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif}


/* サイト名 */
.site h1 a	{color: #000000;
	text-decoration: none}

.site h1	{margin: 0;
	font-size: 30px}

.site {border: none}


/* パンクズリスト */
.bread {margin-bottom: 5px}

.bread ol {margin: 0;
    padding: 0;
    list-style: none}

.bread li a {display: inline-block;
    padding: 5px;
    color: #000000;
    font-size: 14px;
    text-decoration: none}

.bread li a:hover {background-color: #eeeeee}

.bread ol:after {content: "";
    display: block;
    clear: both}

.bread li {float: left;
    width: auto}

.bread li:after {content: '\003e';
    margin-left: 10px;
    margin-right: 10px;
    color: #888888}

/* ページタイトル */
.title h1 {margin-top: 0;
    margin-bottom: 10px;
    border-left: solid 20px #c50018;
    font-size: 25px}

/* 写真 */
.photo img {margin: 1%;
     width: 98%;
     height: auto}

.photo {background-color: #859f46}

.photo p {color: #7A60B9;
     margin: 0;
     font-size: 13px}

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


/* BOX5をバーの形にする */
.box5	{padding-top: 15px;
	padding-bottom: 15px;
	background-color: #dddddd}


/* ボックスの左右 */
.boxA,.box5 {padding-left: 15px;
	padding-right: 15px}

/* ボックスの上下 */
.boxA	{padding-top: 20px;
	padding-bottom: 10px}

.box6 {margin: 0}

.box6-1, .box6-2, .box6-3 {margin-bottom: 10px}

.boxB {border: solid 1px #333333}

/* ボックスの背景色 */
.boxA {background-color: #333333}

.boxB{background-color: #c58839;}

/* ########### 599px以下 ########### */
@media (max-width: 599px) {

/* ナビゲーション */
.menu li a	{padding: 10px 7px;
	font-size: 11px}


}


/* ########### 767px以下 ########### */
@media (max-width: 767px) {
 
/* ナビゲーションメニュー縦並び */
.menu ul	{margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{display: block;
	padding: 5px;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none}

.menu li a:hover	{background-color: #eeeeee}

}


/* ########### 768px以上 ########### */
@media (min-width: 768px) {

/* PCでの電話無効化 */
a[href^="tel:"] {pointer-events: none}

/* BOX1とBOX2を横に並べる設定 */
.boxA:after	{content: "";
	display: block;
	clear: both}

.box1	{float: left;
	width: auto}

.box2	{float: right;
	width: auto}

/* BOXB-1とBOXB-2を横に並べる設定 */
.boxB:after	{content: "";
	display: block;
	clear: both}

.boxB-1	{float: left;
	width: 30%}

.boxB-2	{float: left;
	width: 70%}

/* ナビゲーション横並び */
.menu ul	{margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{display: block;
	padding: 10px 15px;
	color: #ffffff;
	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} 

/* BOX6-1、BOX6-2を、box6-3を横に並べる設定 */
.box6:after	{content: "";
	display: block;
	clear: both}

.box6-1	{float: left;
	width: 32%;
    margin-right: 2%}

.box6-2	{float: left;
	width: 32%;
    margin-right: 2%}
  
.box6-3	{float: left;
	width: 32%}
 
}


/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {

/* 全体の横幅を固定 */
.boxA-inner, .box5-inner, .bread, .title, .boxB, .box6 {width: 1140px;
	margin-left: auto;
	margin-right: auto}

}