@charset "UTF-8";

/*
=======================================
	Reset CSS
=======================================
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, main, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
}

article,aside,details,figcaption,figure,
footer,header,main,menu,nav,section{
	display:block;
}


html{
	-webkit-text-size-adjust: 100%;
}

body	{
    margin: 0;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/* ボックスの左右に確保する余白 */
.box1, .boxA, .box2-inner, .box5-inner
	{padding-left: 10px;
	padding-right: 10px}

.box1 {
	background-color: #1B1B1B;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #C9BFDC;
}

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

.site h1 {margin: 0px;
	/*font-size: 30px;
	font-family: 'Paytone One', sans-serif;
	font-weight: normal*/
	}
	
.site h1 img{
	vertical-align: bottom;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}

/* ビジュアル */
.visual {
	/*border: 1px solid #00FF00;*/
	}

.visual h1	{
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: bottom;
	line-height: 1em;
	}

.visual p	{
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 14px;
}

.visual ul	{margin: 0px;
	padding: 0px;
	list-style: none}

.visual ul:after	{content: "";
	display: block;
	clear: both}

.visual li	{
	display: block;
	float: left;
	width: 50%;
}

.visual img	{max-width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom;
}


/* コンテンツ */
.contents {
	margin-top: event0px;
	margin-bottom: 20px;
}

.contents .lead_1 h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 10px;
	font-size: 20px;
	font-weight: normal;
	color: #26000E;
	line-height: 2.0em;
}

.contents .lead_1 img {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 3px;
	padding-bottom: 0px;
}

.contents .lead_2 h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 36px;
	font-size: 18px;
	font-weight: normal;
	color: #26000E;
	line-height: 1.5em;
}

.contents h2 {
	margin-top: 10px;
	margin-bottom: 0px;
	height: auto;
	line-height: 1.8em;
	color: #333;
	font-size: 18px;
	font-weight: normal;
}

.contents h3 {
	font-size: 14px;
	line-height: 2.0em;
	font-weight: normal;
	color: #333;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: right;
}

.contents h4 {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: right;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #26000e;
}

.contents .title_sub	{
	max-width: 100%;
	font-size: 16px;
	color: #555;
	padding-left: 0px;
}

.contents p	{margin-top: 20;
	margin-bottom: 20px}

.contents img	{
	max-width: 100%;
	height: auto;
	margin-top: 20px;
}


/* コンテンツの小見出し */
.contents .lead_1	{
	font-size: 18px;
	color: #26000e;
	text-align: left;
	line-height: 2.0em;
	display: block;
	background-color: #EBE8F4;
	width: 98.5%;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 1.5%;
}

.contents .lead_1:before {
	border-left: 5px solid #26000e;
	content: "";
	margin-top: 0;
	margin-right: 0.5em;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
}

.contents .lead_1_sub	{
	font-size: 14px;
	color: #333;
	font-weight: normal;
}

.contents .lead_2	{
	display: block;
	width: 100%;
	margin-bottom: 0px;
	margin-top: 20px;
	padding-left: 2px;
	padding-top: 3px;
	height: auto;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #E9E1C1;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #26000e;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f4e4), to(#fff)); /* Chrome,Safari */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#f8f4e4,EndColorStr=#fff); /* IE */
    background: -moz-linear-gradient(top, #f8f4e4, #fff); /* Firefox */
    background: -o-linear-gradient(top, #f8f4e4, #fff);   /* Opera */
    background: linear-gradient(top, #f8f4e4, #fff);      /* CSS3 */
}

.contents .lead_2 img	{
	padding-top: 3px;
}


.contents .lead_2_sub	{
	font-size: 14px;
	color: #333;
	font-weight: normal;
}

/* コピーライト */
.box5 h1 {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	margin-top: 0px;
	margin-bottom: 10px;
}
.copyright p	{margin: 0;
	color: #fff;
	font-size: 14px}


/* BOX2をバーの形にする */
.box2	{background-color: #7cbac1}


/* BOX5の上に区切り線を入れる */
.box5	{
	/*padding-top: 10px;
	padding-bottom: 15px;*/
	background-color: #26000E;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	margin-top: 30px;
/*border-top: solid 1px #dddddd*/}


/* ボックスの上下の間隔 */
.box1	{padding-top: 0px;
	padding-bottom: 0px}

.box3	{padding-top: 40px;
	padding-bottom: 0px}

.box4	{padding-top: 30px;
	padding-bottom: 30px}

.box5	{padding-top: 15px;
	padding-bottom: 15px}



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

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

/* サイト名と記事のタイトル */
.site h1	{font-size: 20px}

.contents h1	{font-size: 26px}

.site h1 img{
	vertical-align: bottom;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	height: 80px;
    width: 266px	
	}

/* ボックスの上下の間隔 */
.box1	{padding-top: 4px;
	padding-bottom: 4px}

.box3	{padding-top: 25px}

.contents {
	margin-top: 20px;
	margin-bottom: 10px;}

.visual li	{width: 100%}

.cuisine_img li	{width: 100%}

}



/* ########### 600px以上～767px以下 ########### */
@media (min-width: 600px) and (max-width: 767px) {

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

.box4-1	{float: left;
	width: 50%}

.box4-2	{float: left;
	width: 50%}

/* BOX4-1とBOX4-2の左右の間隔 */
.box4-1	{padding-left: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.box4-2	{padding-right: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

}




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

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

.box3	{float: left;
	width: 70%}

.box4	{float: left;
	width: 29%}

/* BOX3とBOX4の左右の間隔 */
.box3	{padding-right: 50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

}



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

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

}


/*------------------------------------------------*/
.event {
    width: 100%;
	margin-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #26000E;
}

.event .firstpane   {
	width: 100%;
	color: #333;
	font-size: 16px;
	line-height: 2.0em;
	font-weight: normal;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 20px;
	}
	
.event .firstpane h1 {
	}

.event .secondpane  {
	width: 100%;
	text-align: left;
	padding-left: 20px;
	padding-bottom: 0px;
}

.event .secondpane h1 {
	}

.event .secondpane:last-child {
}

.event p img  {
	width: 50%;
	text-align: left;
	padding-left: 20px;
}