@charset "utf-8";
/* ■■■■■Browser Default Initialization ■■■■■ */
html {overflow-y: scroll;font-size:16px;height: 100%;}
body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, section, nav, article, aside, hgroup, header, address, figure, figcaption {
	margin: 0; padding: 0;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;/* border-box */}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
img, abbr, acronym, fieldset {border: 0;margin: 0; padding: 0;}
img {vertical-align: top; -ms-interpolation-mode: bicubic;}
ul li {list-style-type: none;}
/* ------ Body ------ */
body{
	font-family: "游明朝", YuMincho, "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", Meiryo, serif;
	font-weight: 100; 
	line-height: 1.75;
	color: rgb(80,80,80);
	font-size: 100%;
	text-align: left;
	height: 100%;
	background-color:rgb(255,255,255);
	-webkit-text-size-adjust: 100%;}/* 文字サイズの自動調整機能のキャンセル */
/* ------ ゴシック体 ------ */
.gothic{font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;}
/* ------ Anchor 通常------ */
a {outline: none;text-decoration: none;}
a:link, a:visited {text-decoration: none;color: rgb(80,80,150);}
a:hover,a:active {text-decoration: none;color: rgb(0,0,200);}
/* ------ Anchor hover_it------ */
.hover_it a {outline: none;text-decoration: none;}
.hover_it a:link, .hover_it a:visited, .hover_it a:hover, .hover_it a:active {text-decoration: none;color: rgb(80,80,80);}

/* ------ clearfix------ */
ul:after   {  content: ".";  display: block;  visibility: hidden;  height: 0.1px;  font-size: 0.1em;  line-height: 0;  clear: both;  } 

/* フルードイメージ対応 */
img {max-width: 100%;height: auto;}
.ie8 img {width: auto;}

/* ■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■メインページで使用 ■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■ */
/* メインの画像とメインページのロゴ */
#main_logo{position:relative;z-index:-10;}
.main_catch{text-align: center; font-size:1.5rem;line-height:2rem;color:rgb(140,120,100); padding:1em 1em 0.5em 1em;}
.subCatch_pc{text-align: center;font-size:100%;padding:0em 1em 2em 1em;}
.subCatch_mobile{display: none;}
@media screen and (max-width: 720px) {
.main_catch{text-align: center; font-size:1.2rem;line-height:1.75rem;color:rgb(140,120,100); padding:1em 1em 0em 1em;}
.subCatch_pc{display: none;}
.subCatch_mobile{display:block;text-align:left;padding:0.5em 1em 2em 1em;}
}




/* facebookシェアボタン */
.fb_share_box{position:relative;max-width: 980px; width:94%;overflow:visible;}
.fb_share{position:absolute;left:20px; top:20px; z-index:10000;}
@media screen and (max-width: 720px) {.fb_share_box{display: none;}}



/* ■■■■■indexページ詳細指定 ■■■■■ */
#news dt {color: rgb(105,78,46);margin-top:5px;}
#news dd {margin-top:0px;margin-left:1em; margin-bottom:0.5em;}
#news dl{height:500px;overflow:auto;font-size:0.9em;padding:1em;}
#news .FB_frame{height:500px;overflow:hidden; padding-right:0em;}
.mobile_only{display:none;}
@media screen and (max-width: 760px) {
	#news dl{height:auto;}
	#news .FB_frame{display: none;}
	.mobile_only{display:block;}}

/* ■■■■■aboutで使用 ■■■■■ */

dt.timetable {width: 50%;float:left;text-align: right;padding-right:1em;margin:0.2em 0;}
dd.timetable {width: 50%;float: left;padding-left:0.7em;margin:0.2em 0;}
@media screen and (max-width: 680px) {
	dt.timetable {width:100%;float:none;text-align:center;padding-right:0em;margin:0;}
	dd.timetable {width:100%;float:none;text-align:center;padding-left:0em;margin:0.2em 0;}
	}


/* ■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■イベントページで使用 ■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■ */
/* ページ内移動リスト */
#page_link {margin-top:1.5%;}
#page_link a{display:block;}
#page_link .two_col{width:49.2%; float:left;margin-right:1.5%;margin-bottom:1.5%;padding-top:5px;padding-bottom:5px; padding-right:3px;}
#page_link .two_col:nth-child(even) {margin-right:0%;}
@media screen and (max-width: 620px) {#page_link .two_col{width:100%; float:none;}}
#page_link ul li{padding-left:1.5em;text-indent:-1.2em;}
/* 各イベントタイトル */

.event_title{font-size:2.2em; letter-spacing: -0.1em;line-height:110%; }
.event_title_s{font-size:1.3em; letter-spacing: -0.1em;line-height:120%; }
.event_title_eng{font-size:1em; line-height:150%; color:rgb(150,150,150);}
.event_date{width:23%; float:left;margin-right:2%;text-align:right;font-size:2em;line-height:110%; font-feature-settings: "palt" 1;}
.event_content{width:75%; float:left;}
@media screen and (max-width: 760px) {.event_date{width:100%; float:none;text-align: left;}.event_content{width:100%; float:none;}.event_title{font-size:2em;text-align: left;}.event_title_s{text-align: center;}.event_title_eng{text-align: left;}}

/* イベント日付（座布団付き） */

.event_date_jp{font-size:0.5em;}

/* イベント日付（座布団付き） */
.event_date_zabuton{padding:0.1em 0.5em;color:rgb(255,255,255);margin-bottom:0.5em;font-feature-settings: "palt" 1;display:inline-block;}

/* イベントの花 */
.flower{width:13%;}
@media screen and (max-width: 760px) {.flower{width:20%;}}

/* コンペのカテゴリー */
.compe_cat{border-bottom: 1px dotted rgb(228,108,130); padding-left:1em;text-indent:-1em;}


/* ■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■全ページ・全体で使用 ■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■ */
/* 枠組み */
#wrapper {max-width: 980px; width:94%; margin:0 auto;}
section{margin:0 auto;clear:both;}
.shadow{box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5); overflow:hidden; }


/* ■■■■■■■■その他■■■■■■■■*/
/* ページトップへ*/
#pageTop{background:rgba(0,0,0,0.3); border-radius:5px; color:#FFF; padding:10px; position:fixed; bottom:50px; right:30px; font-size:2em;line-height:1;}
#pageTop:hover{ background:rgba(0,0,0,0.7); }
/* IE8以下で表示 */
#IEalert{margin:10px 50px;padding:10px 20px;border:1px solid #aaa;background:#fff;}


/* ■■■■■footer指定 ■■■■■ */
/* フッダ*/
#footer{clear:both;background-color:rgb(0,0,0);margin:0;color: rgb(200,200,200);font-size:76%;line-height: 200%;padding-top:10px;}
.footer-center{max-width:1280px;margin:0 5%;text-align: center;}
.footer-center img{padding:20px 0px 0px 0px;}
#footer a {outline: none;text-decoration: none;}
#footer a{text-decoration: none;color: rgb(220,220,255);}
#footer a:hover {text-decoration: none;color: rgb(120,120,255);background-color:transparent;}
#footer a:active {text-decoration: none;color: rgb(200,200,255);}


/*-----------------------------------------------------	*/
/*	for - 400px		800			*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 680px) {
/* フォントやや小さく */
body{	font-size: 90%;}
}