@charset "utf-8";


@media screen and (max-width: 768px) {

.ng_mg80 {
	margin-top: -5.0em;
}
a.icon_arrow {
	position: relative;
	padding: 0 12px 0 0;
}
a.icon_arrow:after {
	content:"";
	display:block;
	width:4px;
	height:4px;
	position:absolute;
	right: 0;
	top:25%;
	border-top: 1px solid #3499b7;
	border-right: 1px solid #3499b7;
	-webkit-transform:rotate(135deg) translateY(100%);
	-moz-transform:rotate(135deg) translateY(100%);
	transform:rotate(45deg) translateY(50%);
}


/*---------------------------------------------------------

    トップ

---------------------------------------------------------*/
#mv {
	position: relative;
    height: 400px;
}
#mv > h2 {
	position: relative;
	z-index: 1;
    width: 80%;
    margin: 0 auto 12px;
    text-align: center;
    font-size: 3.0em;
    color: #FFF;
	text-shadow: 2px 2px 5px #000;
}
#mv > .en_title {
	position: relative;
	z-index: 1;
    width: 70%;
    margin: 0 auto;
    text-align: center;
    color: #FFF;
    font-size: 1.2em;
    padding:11em 0 0;
	text-shadow: 2px 2px 5px #000;
}
#mv #crossfade {
}
#mv #crossfade li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: center center;
}
#mv #crossfade li.vs01 {
	background-image:  url(/img/cafe/index/mv_sp01.jpg);
}
#mv #crossfade li.vs02 {
	background-image:  url(/img/cafe/index/mv_sp02.jpg);
}
#mv #crossfade li.vs03 {
	background-image:  url(/img/cafe/index/mv_sp03.jpg);
}



/*---------------------------------------------------------

  キャッチコピー

---------------------------------------------------------*/
#logo_text {
	padding: 3.0em 0;
	border-bottom: 3px double #ece4dd;
}
#logo_text .container > dl {
	
}
#logo_text .container > dl dt {
	width: 60%;
	margin: 0 auto 2.0em;
}
#logo_text .container > dl dd {
	font-size: 1.2em;
	line-height: 2.0em;
	margin: 0 0;
	text-align: center;
	color: #000;
}
/*---------------------------------------------------------

  今月のギャザリング

---------------------------------------------------------*/
#gathering_news {
	padding: 3.0em 0;
	background: url(/img/cafe/index/bg01.gif) repeat;
}
#gathering_news > h3 {
	font-size: 2.2em; 
	margin: 0 0 0.8em;
	text-align: center;
	color: #FFF;
}
#gathering_news > p.archive_link {
	text-align: center;
	font-size: 13px;
	margin: 0 0 2.0em;
}
#gathering_news > p.archive_link a {
	text-decoration: underline;
	color: #FFF;
}

#gathering_news .container {
	width: 86%;
	margin: 0 auto;
	background: #FFF;
	padding: 2em 4%;
}
#gathering_news .container > .detail_set { 
	margin: 0 0 2.0em;
	padding: 0 0 1.6em;
	border-bottom: 1px dotted #CCC;
}
#gathering_news .container > .detail_set:last-of-type { 
	margin: 0 0 1.0em;
	padding: 0 0 0;
	border-bottom: none;	
}
#gathering_news .container > .detail_set p.date { 
	font-size: 1.1em;
	line-height: 1.8em;
	margin: 0 0 0.4em;
	text-align: center;
}
#gathering_news .container > .detail_set h4{ 
	font-size: 2.0em;
	margin: 0 0 0.8em;
	color: #000;
	text-align: center;
}
#gathering_news .container > .detail_set div.text_only{ 
	font-size: 1.1em;
	margin: 0 0 2.0em;
	color: #000;
}

#gathering_news .container > .detail_set dl.gatherring_menu { 
	margin: 0 0 2.0em;
}
#gathering_news .container > .detail_set dl.gatherring_menu dt { 
	width: 100%;
	margin: 0 auto 1.0em;
}
#gathering_news .container > .detail_set dl.gatherring_menu dd { 
}
#gathering_news .container > .detail_set dl.gatherring_menu dd p.text {
	font-size: 1.1em;
	line-height: 2.0em;
	margin: 0 0 1.4em;
}
#gathering_news .container > .detail_set dl.gatherring_menu dd p.text.bg01 {
	background: #f9f9ee;
	padding: 1.2em 1.2em;
	margin: 0 0 1.2em;
}
#gathering_news .container > .detail_set dl.gatherring_menu dd > .sub_pic {
	width: 100%;
	margin: 0 0 2.0em;
}
#gathering_news .container > .detail_set dl.gatherring_menu dd p.text b {
	font-size: 105%;
	font-weight: bolder;
	color: #666;
}
#gathering_news .container > .detail_set dl.gatherring_menu dd p.text span.small {
	font-size: 85%;
}
#gathering_news .container > .detail_set div.outline {
	border: 3px double #999;
	font-size: 1.0em;
	padding: 16px;
	line-height: 2.2em;
	margin: 0 0 2.4em;
}
#gathering_news .container > .detail_set div.outline b {
	font-weight: bolder;
	font-size: 120%;
}
#gathering_news .container > .detail_set div.outline .img_intro {
	width: 100%;
	margin: 0 0 1.6em;
}

#gathering_news p.subtext {
	font-size: 10px;
	text-align: right;
	padding: 4px 0 12px;
}

#gathering_news div.btn_link {
	margin: 0 0 2.4em;
}
#gathering_news div.btn_link a {
	width: 100%;
	display: block;
	background: #cc4008;
	color: #FFF;
	padding: 0.8em 0;
	font-size: 1.2em;
	text-align: center;
	position: relative;
}
#gathering_news div.btn_link a:after {
	content:"";
	display:block;
	width:4px;
	height:4px;
	position:absolute;
	right: 3%;
	top:50%;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	-webkit-transform:rotate(45deg) translateY(-60%);
	-moz-transform:rotate(45deg) translateY(-60%);
	transform:rotate(45deg) translateY(-60%);
}


#gathering_news p.link {
	text-align: right;
	font-size: 12px;
	position: relative;
	padding: 0 8px 0 0;
}
#gathering_news p.link a:after {
	content:"";
	display:block;
	width:4px;
	height:4px;
	position:absolute;
	right: 0;
	top:25%;
	border-top: 1px solid #3499b7;
	border-right: 1px solid #3499b7;
	-webkit-transform:rotate(135deg) translateY(-60%);
	-moz-transform:rotate(135deg) translateY(-60%);
	transform:rotate(135deg) translateY(-60%);
}

#gathering_news h5 {
	font-size: 14px;
	background: #4f7664;
	margin: 0 0 1.0em;
	padding: 0.6em 0.8em;
	color: #FFF;
}
#gathering_news dl.monthly_archive {
	margin: 0 auto 1.1em;
	padding: 0 1.0em 1.1em;
	border-bottom: 1px dotted #999;
	font-size: 0.9em;
}
#gathering_news dl.monthly_archive dt {
	float: left;
	width: 20%;
}
#gathering_news dl.monthly_archive dd {
	float: right;
	width: 78%;
}
#gathering_news dl.monthly_archive dd a {
	text-decoration: underline;
	color: #333;
}
#gathering_news dl.monthly_archive dd a:hover {
	text-decoration: none;
}

/*---------------------------------------------------------

  軽食 メニュー枠

---------------------------------------------------------*/
#lite_meal {
	background: #fbf8f5;
	padding: 8.0em 0 3.0em;
	position: relative;
	z-index: 1;
}
#lite_meal h3 {
	position: absolute;
	left: 0;
	top: 0.4em;
	width: 100%;
	font-size: 7.0em;
	margin: 0 auto 0;
	color: #ece4dd;
	text-align: center;
	font-family: 'Cinzel Decorative', cursive;
	z-index: -1;
}
#lite_meal h4 {
	font-size: 1.8em;
	text-align: center;
	margin: 0 0 0.5em;
	color: #222222;
}
#lite_meal h4 span.small{
	font-size: 40%;
}
#lite_meal p.lead_text {
	font-size: 1.0em;
	text-align: center;
	margin: 0 auto 2.0em;
	color: #222222;
	width: 90%;
}
#lite_meal ul.meal_list {
	margin: 0 0 3.0em;
	padding: 0 0 3.0em;
	text-align: center;
	border-bottom: 3px double #ece4dd;
}
#lite_meal ul.meal_list li {
	width: 90%;
	margin: 0 auto 3.0em;
	vertical-align: top;
	padding: 0 0;
}
#lite_meal ul.meal_list li dl.menu_detail {
	
}
#lite_meal ul.meal_list li dl.menu_detail dt {
	margin: 0 auto 1.0em;
	width: 86%;
}
#lite_meal ul.meal_list li dl.menu_detail dd {
	text-align: center;
	color: #222222;
	padding: 0 0;
}
#lite_meal ul.meal_list li dl.menu_detail dd h5 {
	font-size: 1.3em;
	margin: 0 0 3px;
}
#lite_meal ul.meal_list li dl.menu_detail dd p.sub_text {
	font-size: 1.0em;
	margin: 0 0 1.0em;
	color: #666;
}
#lite_meal ul.meal_list li dl.menu_detail dd p.price {
	font-size: 1.2em;
}
#lite_meal ul.meal_list li dl.menu_detail dd p.price span.small {
	font-size: 80%;
}

#lite_meal dl.one_colomn {
	width: 90%;
	margin: 0 auto 3.0em;
	padding: 0 0 3.0em;
	border-bottom: 3px double #ece4dd;
}
#lite_meal dl.one_colomn:last-of-type {
	margin: 0 auto;
	padding: 0;
	border-bottom: none;
}
#lite_meal dl.one_colomn dt {
	width: 86%;
	padding: 0 0 0;
	margin: 0 auto 1.2em;
}
#lite_meal dl.one_colomn dt span {
	font-size: 80%;
}
#lite_meal dl.one_colomn dd {
	text-align: center;
}
#lite_meal dl.one_colomn dd p.detail_text {
	font-size: 1.2em;
	line-height: 1.8em;
	margin: 0 0 0.8em;
	color: #222222;
}
#lite_meal dl.one_colomn dd p.detail_text span.small {
	font-size: 80%;
}
#lite_meal dl.one_colomn dd p.detail_text a.tel {
	color: #000;
	text-decoration: underline;
}

/*---------------------------------------------------------

  メニュー枠

---------------------------------------------------------*/
#top_menu {
	padding: 3.0em 0;
	background: #F9F9F9;
}

#top_menu .box_white {
	padding: 0.8em;
	background: #FFF;
	margin: 0 0 1.0em;
}
#top_menu .box_white:last-child {
	margin: 0 0 0;
}
#top_menu .box_border {
	border: 3px double #CCC;
	padding: 1.6em;
}

#top_menu ul.two_column {
	margin: 0;
}
#top_menu ul.two_column > li {
	margin: 0 0 4.0em;
}
#top_menu ul.two_column > li:last-child {
	margin: 0;
}
#top_menu ul.two_column > li h3 {
	font-size: 1.7em;
	margin: 0 0 1.2em;
	text-align: center;
}
#top_menu ul.two_column > li > ul.menu_list {
	margin: 0 0 18px;
}
#top_menu ul.two_column > li > ul.menu_list > li {
	float: none;
	margin: 0 0 0.8em;
	padding: 0.8em 0 0;
	border-top: 1px dotted #CCC;
}
#top_menu ul.two_column > li > ul.menu_list > li > dl > dt {
	float: left;
	width: 60%;
	text-align: left;
	font-size: 12px;
	color: #333;
}
#top_menu ul.two_column > li > ul.menu_list > li > dl > dd {
	float: right;
	width: 35%;
	text-align: right;
	font-size: 12px;
	color: #666;
}


#top_menu ul.two_column p.off_cost {
	background: #BAAA49;
	color: #FFF;
	font-size: 1.0em;
	padding: 10px;
	line-height: 1.8em;
}
#top_menu ul.two_column > li > ul.menu_list {
	margin: 0 0 2.0em;
}
#top_menu ul.two_column > li > ul.menu_list li {
	font-size: 1.2em;
	margin: 0 0 1.2em;
	padding: 1.2em 0 0;
	border-top: 1px dotted #CCC;
}


#top_menu ul.two_column > li > dl.hour {
	margin: 0 0 12px;
}
#top_menu ul.two_column > li > dl.hour dt {
	float: left;
	width: 25%;
	background: #4f7664;
	color: #FFF;
	text-align: center;
	font-size: 1.2em;
	padding: 4px 0;
}
#top_menu ul.two_column > li > dl.hour dd {
	float: right;
	width: 70%;
	font-size: 1.2em;
	padding: 4px 0;
}
#top_menu ul.two_column > li > dl.hour dd a {
	color: #666;
}
#top_menu ul.two_column > li > dl.hour dd a:hover {
	color: #666;
	text-decoration: underline;
}

/*---------------------------------------------------------

  ギャザリングについて

---------------------------------------------------------*/

#about_gathering {
	padding: 3.0em 0;
	background: #4f7664;
}
#about_gathering .container {
	background: #FFF;
	width: 90%;
	padding: 20px 0;
}
#about_gathering .container > h3 {
	font-size: 2.0em;
	text-align: center;
	color: #000;
	margin: 0 0 1.0em;
}
#about_gathering .container > p.text_lead {
	font-size: 1.4em;
	text-align: center;
	color: #000;
	margin: 0 0 1.2em;
	line-height: 1.8em;
}
#about_gathering .container > dl.pic_text {
	
}
#about_gathering .container > dl.pic_text dt {
	width: 90%;
	margin: 0 auto 2.0em;
}
#about_gathering .container > dl.pic_text dt p.subtext {
	font-size: 10px;
	text-align: right;
	padding: 4px 0;
}
#about_gathering .container > dl.pic_text dd {
	width: 90%;
	font-size: 0.9em;
	line-height: 2.2em;
	margin: 0 auto
}
#about_gathering .container > dl.pic_text dd span.small {
	color: #999;
	font-size: 90%;
}

}

@media screen and (min-width: 769px) {

.ng_mg80 {
	margin-top: -80px;
}
a.icon_arrow {
	position: relative;
	padding: 0 12px 0 0;
}
a.icon_arrow:after {
	content:"";
	display:block;
	width:4px;
	height:4px;
	position:absolute;
	right: 0;
	top:25%;
	border-top: 1px solid #3499b7;
	border-right: 1px solid #3499b7;
	-webkit-transform:rotate(135deg) translateY(100%);
	-moz-transform:rotate(135deg) translateY(100%);
	transform:rotate(45deg) translateY(50%);
}

/*---------------------------------------------------------

    トップ

---------------------------------------------------------*/

#mv {
	position: relative;
	width: 100%;
    height: 600px;
    max-height: 100vh;
    margin: auto;
    overflow: hidden;
}
#mv > h2 {
	position: relative;
	z-index: 999;
    width: 70%;
    max-width: 960px;
    margin: 0 auto 12px;
    text-align: center;
    font-size: 40px;
    color: #FFF;
	text-shadow: 2px 2px 5px #000;
}
#mv > .en_title {
	position: relative;
	z-index: 999;
    width: 70%;
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
    color: #FFF;
    padding: 240px 0 0;
	text-shadow: 2px 2px 5px #000;
}
#mv #crossfade {
}
#mv #crossfade li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 600px;
	background-size: cover;
}
#mv #crossfade li.vs01 {
	background-image:  url(/img/cafe/index/mv_pc01.jpg);
}
#mv #crossfade li.vs02 {
	background-image:  url(/img/cafe/index/mv_pc02.jpg);
}
#mv #crossfade li.vs03 {
	background-image:  url(/img/cafe/index/mv_pc03.jpg);
}


/*---------------------------------------------------------

  キャッチコピー

---------------------------------------------------------*/
#logo_text {
	padding: 20px 0;
	border-bottom: 3px double #ece4dd;
}
#logo_text .container > dl {
	width: 720px;
	margin: 0 auto;
}
#logo_text .container > dl dt {
	float: right;
	width: 25%;
}
#logo_text .container > dl dd {
	float: left;
	width: 70%;
	font-size: 19px;
	line-height: 2.0em;
	margin: 0 0;
	text-align: center;
	padding: 40px 0 0;
	color: #000;
}
/*---------------------------------------------------------

  今月のギャザリング

---------------------------------------------------------*/
#gathering_news {
	padding: 30px 0;
	background: url(/img/cafe/index/bg01.gif) repeat;
}
#gathering_news > h3 { 
	text-align: center;
	color: #FFF;
	font-size: 28px;
	margin: 0 0 20px;
}
#gathering_news > p.archive_link {
	text-align: center;
	font-size: 13px;
	margin: 0 0 20px;
}
#gathering_news > p.archive_link a {
	text-decoration: underline;
	color: #FFF;
}
#gathering_news .container {
	background: #FFF;
	padding: 30px 40px;
}
#gathering_news .container > .detail_set { 
	margin: 0 0 2.0em;
	padding: 0 0 1.6em;
	border-bottom: 1px dotted #CCC;	
}
#gathering_news .container > .detail_set:last-of-type { 
	margin: 0 0 1.0em;
	padding: 0 0 0;
	border-bottom: none;	
}
#gathering_news .container > .detail_set p.date { 
	color: #000;
	font-size: 13px;
	margin: 0 0 3px;
}
#gathering_news .container > .detail_set h4{ 
	font-size: 20px;
	margin: 0 0 12px;
	color: #000;
}
#gathering_news .container > .detail_set div.text_only{ 
	font-size: 13px;
	margin: 0 0 24px;
	color: #000;
}

#gathering_news .container > .detail_set dl.gatherring_menu { 
	margin: 0 0 2.0em;
}
#gathering_news .container > .detail_set dl.gatherring_menu dt { 
	float: right;
	width: 40%;
}
#gathering_news .container > .detail_set dl.gatherring_menu dd { 
	float: left;
	width: 55%;
}
#gathering_news .container > .detail_set dl.gatherring_menu dd > p.text {
	font-size: 12px;
	line-height: 1.8em;
	margin: 0 0 1.0em;
}
#gathering_news .container > .detail_set dl.gatherring_menu dd p.text.bg01 {
	background: #f9f9ee;
	padding: 1.2em 1.2em;
	margin: 0 0 24px;
}
#gathering_news .container > .detail_set dl.gatherring_menu dd > .sub_pic {
	width: 70%;
	margin: 0 0 1.0em;
}
#gathering_news .container > .detail_set dl.gatherring_menu dd p.text b {
	font-size: 105%;
	font-weight: bolder;
	color: #666;
}
#gathering_news .container > .detail_set dl.gatherring_menu dd p.text span.small {
	font-size: 85%;
}

#gathering_news .container > .detail_set div.outline {
	border: 3px double #999;
	font-size: 12px;
	padding: 16px;
	line-height: 2.2em;
	margin: 0 0 36px;
}
#gathering_news .container > .detail_set div.outline b {
	font-weight: bolder;
	font-size: 120%;
}

#gathering_news .container > .detail_set div.outline .img_intro {
	float: right;
	width: 25%;
	margin: 0 0 20px 20px;
}


#gathering_news p.subtext {
	font-size: 10px;
	text-align: right;
	padding: 4px 0 20px;
}
#gathering_news div.btn_link {
	margin: 0 0 24px;
}
#gathering_news div.btn_link a {
	width: 60%;
	display: block;
	background: #cc4008;
	color: #FFF;
	padding: 8px 20px;
	font-size: 12px;
	position: relative;
}
#gathering_news div.btn_link.smallsize {
	width: 60%;
}
#gathering_news div.btn_link a:after {
	content:"";
	display:block;
	width:4px;
	height:4px;
	position:absolute;
	right: 3%;
	top:50%;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	-webkit-transform:rotate(45deg) translateY(-60%);
	-moz-transform:rotate(45deg) translateY(-60%);
	transform:rotate(45deg) translateY(-60%);
}

#gathering_news p.link {
	text-align: right;
	font-size: 12px;
	position: relative;
	padding: 0 8px 0 0;
}
#gathering_news p.link a:after {
	content:"";
	display:block;
	width:4px;
	height:4px;
	position:absolute;
	right: 0;
	top:25%;
	border-top: 1px solid #3499b7;
	border-right: 1px solid #3499b7;
	-webkit-transform:rotate(135deg) translateY(-60%);
	-moz-transform:rotate(135deg) translateY(-60%);
	transform:rotate(135deg) translateY(-60%);
}

#gathering_news h5 {
	font-size: 14px;
	background: #4f7664;
	margin: 0 0 15px;
	padding: 4px 12px;
	color: #FFF;
}
#gathering_news dl.monthly_archive {
	margin: 0 auto 15px;
	padding: 0 20px 15px;
	border-bottom: 1px dotted #999;
	font-size: 13px;
}
#gathering_news dl.monthly_archive dt {
	float: left;
	width: 10%;
}
#gathering_news dl.monthly_archive dd {
	float: left;
	width: 85%;
}
#gathering_news dl.monthly_archive dd a {
	text-decoration: underline;
	color: #333;
}
#gathering_news dl.monthly_archive dd a:hover {
	text-decoration: none;
}

/*---------------------------------------------------------

  軽食 メニュー枠

---------------------------------------------------------*/
#lite_meal {
	background: #fbf8f5;
	padding: 130px 0 30px;
	position: relative;
	z-index: 1;
}
#lite_meal h3 {
	position: absolute;
	left: 0;
	top: 20px;
	width: 100%;
	font-size: 120px;
	margin: 0 auto 0;
	color: #ece4dd;
	text-align: center;
	font-family: 'Cinzel Decorative', cursive;
	z-index: -1;
}
#lite_meal h4 {
	font-size: 30px;
	text-align: center;
	margin: 0 0 20px;
	color: #222222;
}
#lite_meal h4 span.small{
	font-size: 40%;
}
#lite_meal p.lead_text {
	font-size: 14px;
	text-align: center;
	margin: 0 0 30px;
	color: #222222;
}
#lite_meal ul.meal_list {
	margin: 0 0 40px;
	padding: 0 0 40px;
	text-align: center;
	border-bottom: 3px double #ece4dd;
}
#lite_meal ul.meal_list li {
	display: inline-table;
	width: 22%;
	vertical-align: top;
	padding: 0 1%;
}
#lite_meal ul.meal_list li dl.menu_detail {
	
}
#lite_meal ul.meal_list li dl.menu_detail dt {
	margin: 0 0 10px;
}
#lite_meal ul.meal_list li dl.menu_detail dd {
	text-align: left;
	color: #222222;
	padding: 0 8px;
}
#lite_meal ul.meal_list li dl.menu_detail dd h5 {
	font-size: 14px;
	margin: 0 0 3px;
}
#lite_meal ul.meal_list li dl.menu_detail dd p.sub_text {
	font-size: 11px;
	margin: 0 0 12px;
	color: #666;
}
#lite_meal ul.meal_list li dl.menu_detail dd p.price {
	font-size: 12px;
}
#lite_meal ul.meal_list li dl.menu_detail dd p.price span.small {
	font-size: 80%;
}

#lite_meal dl.one_colomn {
	width: 92%;
	margin: 0 auto 40px;
	padding: 0 0 40px;
	border-bottom: 3px double #ece4dd;
}
#lite_meal dl.one_colomn:last-of-type {
	margin: 0 auto;
	padding: 0 0 40px;
	border-bottom: none;
}
#lite_meal dl.one_colomn dt {
	float: right;
	width: 48%;
	padding: 20px 0 0;
}
#lite_meal dl.one_colomn dt span {
	font-size: 80%;
}
#lite_meal dl.one_colomn dd {
	float: left;
	width: 50%;
}
#lite_meal dl.one_colomn dd p.detail_text {
	font-size: 13px;
	line-height: 1.6em;
	margin: 0 0 10px;
	color: #222222;
}
#lite_meal dl.one_colomn dd p.detail_text span.small {
	font-size: 80%;
}
#lite_meal dl.one_colomn dd p.detail_text a.tel {
	color: #000;
	text-decoration: underline;
}
/*---------------------------------------------------------

  メニュー枠

---------------------------------------------------------*/
#top_menu {
	padding: 40px 0;
	background: #F9F9F9;
}

#top_menu .box_white {
	padding: 10px;
	background: #FFF;
	margin: 0 0 30px;
}
#top_menu .box_white:last-child {
	margin: 0 0 0;
}
#top_menu .box_border {
	border: 3px double #CCC;
	padding: 25px 20px;
}
#top_menu ul.two_column {
	width: 90%;
	margin: 0 auto;
}
#top_menu ul.two_column > li {
	float: left;
	width: 45%;
}
#top_menu ul.two_column > li:last-child {
	float: right;
}
#top_menu ul.two_column > li h3 {
	font-size: 20px;
	margin: 0 0 12px;
}
#top_menu ul.two_column > li > ul.menu_list {
	margin: 0 0 18px;
}
#top_menu ul.two_column > li > ul.menu_list > li {
	float: none;
	margin: 0 0 12px;
	padding: 12px 0 0;
	border-top: 1px dotted #CCC;
}
#top_menu ul.two_column > li > ul.menu_list > li > dl > dt {
	float: left;
	width: 60%;
	text-align: left;
	font-size: 12px;
	color: #333;
}
#top_menu ul.two_column > li > ul.menu_list > li > dl > dd {
	float: right;
	width: 35%;
	text-align: right;
	font-size: 12px;
	color: #666;
}

#top_menu ul.two_column p.off_cost {
	background: #BAAA49;
	color: #FFF;
	font-size: 13px;
	padding: 10px;
	line-height: 1.8em;
}

#top_menu ul.two_column > li > dl.hour {
	margin: 0 0 12px;
}
#top_menu ul.two_column > li > dl.hour dt {
	float: left;
	width: 20%;
	background: #4f7664;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	padding: 4px 0;
}
#top_menu ul.two_column > li > dl.hour dd {
	float: right;
	width: 76%;
}
#top_menu ul.two_column > li > dl.hour dd a {
	color: #666;
}
#top_menu ul.two_column > li > dl.hour dd a:hover {
	color: #666;
	text-decoration: underline;
}

/*---------------------------------------------------------

  ギャザリングについて

---------------------------------------------------------*/
#about_gathering {
	padding: 40px 0;
	background: #4f7664;
}
#about_gathering .container {
	background: #FFF;
	padding: 20px 30px;
	border: 3px double #4f7664;
}
#about_gathering .container > h3 {
	font-size: 24px;
	text-align: center;
	color: #000;
	margin: 0 0 20px;
}
#about_gathering .container > p.text_lead {
	font-size: 20px;
	text-align: center;
	color: #000;
	margin: 0 0 20px;
}
#about_gathering .container > dl.pic_text {
}
#about_gathering .container > dl.pic_text dt {
	float: right;
	width: 25%;
}
#about_gathering .container > dl.pic_text dt p.subtext {
	font-size: 10px;
	text-align: right;
	padding: 4px 0;
}
#about_gathering .container > dl.pic_text dd {
	float: left;
	width: 70%;
	font-size: 13px;
	line-height: 2.2em;
}
#about_gathering .container > dl.pic_text dd span.small {
	color: #999;
	font-size: 90%;
}

}

/*=============================================
	
	 レポート掲載枠
	
==============================================*/
@media screen and (max-width: 768px) {
	div.report_wrap {
		padding: 1.8em 1.2em;
		background: #F9F9F9;
	}
	div.report_wrap h6 {
		margin: 0 0 0.4em;
		background: none;
		color: #333;
		font-size: 1.6em;
		line-height: 1.0em;
	}
	div.report_wrap h6 span {
		color: #666;
		font-size: 12px;
	}
	div.report_wrap .setsumei_photo {
		text-align: left;
		font-size: 11px;
		color: #666;
		margin: 0 0 0.8em;
	}
	/** 動画　レイアウト **/
	div.report_wrap .video_wrap {
		margin: 0 auto;
	}
	div.report_wrap .video{
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
		overflow: hidden;
	}
	div.report_wrap .video iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	/** PHOTO GALLERY　レイアウト **/
	div.report_wrap ul.photo {
		text-align: left;
	}
	div.report_wrap ul.photo li {
		display: inline-block;
		width: 31%;
		height: 60px;
		margin: 3px 0.5% 3px;
		overflow: hidden;
	}
}

@media screen and (min-width: 769px) {
	div.report_wrap {
		padding: 30px 30px 40px;
		margin: 0 auto;
		background: #F9F9F9;
	}
	div.report_wrap h6 {
		margin: 0 0 16px;
		background: none;
		color: #333;
		font-size: 24px;
		line-height: 1.0em;
	}
	div.report_wrap h6 span {
		color: #666;
		font-size: 12px;
	}
	div.report_wrap .setsumei_photo {
		text-align: center;
		font-size: 11px;
		color: #666;
		margin: 0 0 10px;
	}
	/** 動画　レイアウト **/
	div.report_wrap .video_wrap {
		width: 80%;
		margin: 0 auto;
	}
	div.report_wrap .video{
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
		overflow: hidden;
	}
	div.report_wrap .video iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	/** PHOTO GALLERY　レイアウト **/
	div.report_wrap ul.photo {
		text-align: center;
	}
	div.report_wrap ul.photo li {
		display: inline-block;
		width: 22%;
		height: 120px;
		margin: 5px 0.75% 5px;
		overflow: hidden;
	}
	
}


/*=============================================
	
	 誘導バナー掲載枠
	
==============================================*/
@media screen and (max-width: 768px) {
	.banner_area {
		width: 100%;
		margin: 0 auto 2.0em;
	}
}

@media screen and (min-width: 769px) {
	.banner_area {
		width: 640px;
		margin: 0 auto 40px;
	}
}