@charset "UTF-8";

@import url("font-awesome.css");

/*=========================================================================
 Reset
========================================================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/*=========================================================================
 Basic structure
========================================================================= */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, Arial;
	font-size: 14px;
	line-height: 1.7;
	color: #333;
	background-color: #000;
	background-image: url(../img/back.gif);
	background-repeat: repeat-x;
	background-position: center top;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#wrap { width:100%; text-align:center; margin:0 auto; padding:0; }
#white_back { width:985px; margin:0 auto; background-color:#fff; padding:0; }
#main { padding: 12px 15px; margin:0 auto; }
#top_main { padding: 12px 0; margin:0 auto; position:relative; z-index:200; }

img{ max-width:100%;height: auto;width /***/:auto;　}
#event_about_white_back { margin:1.5em auto; background-color:#fff; padding:1.5em; width:985px; }

/*=========================================================================
 Alart
========================================================================= */

#special_alart { text-align:center; margin:0 auto; width:97%;}
.red_line { border: solid 3px #da3103; padding:8px; text-align:left; }
#special_alart .red_line h2 { background-color:#da3103; font-weight:600; font-size:18px; padding:8px; text-align:center; color:#fff;}


/*=========================================================================
 Grid
========================================================================= */
.g1 { width:48px; }
.g2 { width:96px; }
.g3 { width:144px; margin:auto 2%; }
.g4, .g4_img  { width:192px; margin:auto 2%; }
.g5, .g5_names { width:270px; margin:auto 0 auto 2%; }
.g5_zaidan, .g5_hureai { width:250px; margin:auto 0 auto 5%; }
#top_main .g6 { width:288px; margin:15px 10px 0 40px; *margin:15px 10px 0 0;} /* IE7 and below */
.g6_osirase, .g6_event { width:288px; margin-top:15px; margin-right:10px; margin-bottom:0; margin-right:20px; }
.g6 { width:288px; }
.g7, .g7_access, .g7_special { width:336px; }
.g8 { width:384px; }
.g9 { width:432px; }
.g9_gallery { width:455px; }
.g10 { width:480px; }
.g11 { width:528px; }
.g12, .g12_access { width:576px; }
#top_main .g13 { width:624px; margin-left:15px; margin-top:15px; *padding-left:15px; *margin-right:20px;} /* IE7 and below */
.g13, .g13_zaidan, .g13_hureai, .g13_osirase, .g13_event { width:624px; }
.g14 { width:672px; }
.g15 { width:720px; }
.g16 { width:768px; }
.g17 { width:816px; }
.g18 { width:864px; }
.g19 { width:912px; }
.g20 { width:960px; margin-left:auto; margin-right:auto;}

.g4_img > img, .g6 > img {padding-bottom:10px;}
#mag_backnumber .g3 { display:inline-block !important;}

/* SPECIAL CONTENTS */
.g5_zaidan_riji { width:240px; margin-right:10px;}
.g8_zaidan_riji { width:374px;}
.g5_interview_pic { width:260px; margin-right:10px;}
.g8_interview_name { width:354px; font-weight:700; font-family: TimesNewRoman,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; font-size:20px; margin-top:10px; line-height:1.4;}
.g8_interview_name span { font-size:28px;}
.g3_ailine_pic { width:164px; margin-right:10px;}
.g16_ailine_name { width:786px; font-weight:700; font-family: TimesNewRoman,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; font-size:20px; margin-top:10px; line-height:1.4;}
.g16_ailine_name span { font-size:28px;}
.g3_sports_pic { width:140px; margin-right:10px;}
.g16_sports_name { width:810px; font-weight:700; font-family: TimesNewRoman,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; font-size:20px; margin-top:10px; line-height:1.4;}
.g16_sports_name span { font-size:28px;}



/*=========================================================================
 Indent
========================================================================= */
.ident-bot-0 { margin-bottom: 0; }
.ident-bot-1 { margin-bottom: 10px; }
.ident-bot-2 { margin-bottom: 20px; }
.ident-bot-3 { margin-bottom: 25px; }
.ident-bot-4 { margin-bottom: 30px; }
.ident-bot-5 { margin-bottom: 40px; }
.ident-top-0 { margin-top: 0; }
.ident-top-1 { margin-top: 10px; }
.ident-top-2 { margin-top: 20px; }
.ident-top-3 { margin-top: 25px; }
.ident-top-4 { margin-top: 30px; }
.ident-top-5 { margin-top: 40px; }
.ident-right-0 { margin-right: 8px; }
.ident-right-1 { margin-right: 24px; }
.ident-right-2 { margin-right: 48px; }
.ident-left-1 { margin-left: 24px; }
.ident-left-p, .ident-left-p2 { margin-left: 40px; }
.ident-left-2 { margin-left:48px; }


/*=========================================================================
 Header
========================================================================= */
#header { width:985px; margin:0 auto; padding:0; position:relativel; }
#header .logo { float:left; margin-right:55px; width:254px; }

/* Header Font Size */
#head_middle { float:left; width:87px; margin-top:18px; margin-right:10px; }
#fontSize { height:25px; border-bottom:dotted 1px #a8a8a8; padding-bottom:8px; }
#fontSize ul{ list-style-type: none; padding:0; margin:0; }
#fontSize li{ float:left; margin:0; padding:0 2px; line-height:0; font-size:1px; }
#facebook { padding-left:2px; margin-top:8px; }

/* Header Navigation*/
#globalNav { float:left; width:576px; background-image:url(../img/nav_back.gif); background-repeat:no-repeat; position:relative; z-index:999; }
#globalNav li { list-style-type: none; position: relative; display:inline;}
#globalNav ul li { margin:0 auto; float: left; position:relative; padding:0; z-index:990; width:96px;}
#globalNav ul li ul { display: none; position:absolute; top: 104px; left: -37px;  padding:5px; width:163px; z-index:999; -webkit-box-shadow: 1px 1px 2px #898989; -moz-box-shadow: 1px 1px 2px #898989; box-shadow:1px 1px 2px #898989; }
.event { background-color: #ff5f45 !important; position:relative; z-index:999; }
.special { background-color: #18ce6a !important; position:relative; z-index:999; }
.zaidan { background-color: #11a6cd !important; position:relative; z-index:999; }
.access { background-color: #ff6b16 !important; position:relative; z-index:999; }

#globalNav ul li ul li { float: none; font-size: 12px; line-height:1; padding:0; position:relative; z-index:999; }
#globalNav ul li ul li a { display: block; width: 153px; color: #000000; padding:5px; background: #ffffff; line-height: normal; border-bottom:solid 1px #d8d8d8; text-decoration: none; text-align:left; position:relative; z-index:999; }
#globalNav ul li ul li a:hover { color: #333333; background: #dcdcdc; }
.gnav {display:none;}

#crumb, .crumbs { background-color:#e9e9e9; padding:0.5em; color:#666; font-size:10px; line-height:1.1; background-image:url(../img/home_icon.png); background-repeat:no-repeat; padding-left:22px; background-position:3px 1px; margin-top:0; }
#crumb a, #crumb a:visited, .crumbs a, .crumbs a:visited { color: #666; text-decoration: none; }
#crumb a:hover, #crumb a:focus, .crumbs a:hover, .crumbs a:focus { color: #ff6600; }


/*=========================================================================
 Header Search
========================================================================= */
#search_bg { width:100%; margin:0 auto; background-color:#e7e7e7; clear:both; height:32px; border-bottom:solid 1px #000;}
#search_bg .search { width:985px; background-image:url(../img/header_search_grad.png); background-repeat:no-repeat; margin:0 auto; text-align:right; height:32px;}
#search_bg .search .site_srch {display:inline-block; vertical-align:middle;}
#search_bg .search .site_srch form { float:right; margin:0; padding:4px 15px; }
#search_bg .search .site_srch .keys { width:164px; height:16px; background-color:#eeeeee; border:solid 1px #c0c0c0; color:#999999; margin-right: 4px; float:left; padding:3px; line-height:16px;}
#searchSubmit {
	float:left;
	border:solid 1px #7e7e7e;
	color:#fff;
	cursor:pointer;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a7a7a7), to(#7e7e7e));
	background-image: -webkit-linear-gradient(top, #a7a7a7, #7e7e7e);
	background-image: -moz-linear-gradient(top, #a7a7a7, #7e7e7e);
	background-image: -ms-linear-gradient(top, #a7a7a7, #7e7e7e);
	background-image: -o-linear-gradient(top, #a7a7a7, #7e7e7e);
	background-image: linear-gradient(top, #a7a7a7, #7e7e7e);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7a7a7', endColorstr='#7e7e7e',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
	height: 22px;
	padding:auto 3px;
	font-size:12px;
}
#search_bg .search .translate {float:right; display:inline-block; height:32px; padding-right:4px;}
#search_bg .search .translate select {font-size:1em; margin-top:0; padding:3px 4px; border-radius:1px; margin-top:4px;}

a.lang_button {
	border:solid 1px #7e7e7e;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a7a7a7), to(#7e7e7e));
	background-image: -webkit-linear-gradient(top, #a7a7a7, #7e7e7e);
	background-image: -moz-linear-gradient(top, #a7a7a7, #7e7e7e);
	background-image: -ms-linear-gradient(top, #a7a7a7, #7e7e7e);
	background-image: -o-linear-gradient(top, #a7a7a7, #7e7e7e);
	background-image: linear-gradient(top, #a7a7a7, #7e7e7e);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7a7a7', endColorstr='#7e7e7e',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color:#7e7e7e;
	color:#fff;
	padding:4px 10px;
	font-size:11px;
	text-decoration:none;
}
a.lang_button:visited { color:#fff;}
.lang_button:hover {color:#fff;}

/*=========================================================================
 Basic Elements
========================================================================= */
p { margin: 5px auto 13px auto; }
b, strong, .bold_text { font-weight:600;}
.off { position: absolute; top: 0px; left: -1800px; width: 100px; margin: 0px; padding: 0px; }
.icon {margin:4px auto;}
#pagetop { text-align:right; margin:20px 10px 5px auto; clear:both; }
.cover {border:solid 1px #ccc; margin-bottom:8px;}
.aligncenter { text-align:center; }
.alignright { text-align:right;}


/*Text color and Size*/
.rt { color:#da3103; }
.st {font-size:85%;}
.bt {font-size:14px; font-weight:600; }
.gt {color:#666;}
.ort {color:#f06b00;}
.blut {color:#0073a3;}
.rt_bld { color:#da3103; font-weight:600;}
.textbrownb { color:#996633; font-weight:600;}

/*List*/
#main ol, #main ul {margin-left:28px; position:relative; margin-top:10px;}
#main ol li, #main ul li {margin-bottom:12px;}

/*Icon, list with icon*/
.arrow { background-image:url(../img/arrow_right.gif); background-repeat:no-repeat; padding-left:15px; }
.arrow_gray_down { background-image:url(../img/arrow_down_gray.gif); background-repeat:no-repeat; padding-left:15px; }
.document { background-image:url(../img/document.gif); background-repeat:no-repeat; padding-left:15px; }
.arrow_list_gray ul { list-style-type:none; margin-left:10px !important; position:relative;}
.arrow_list_gray ul li { background-image:url(../img/arrow_right_gray.gif); background-repeat:no-repeat; padding-left:15px; }
.arrow_list_gray ul li.img_link { background-image:url(../img/arrow_right_gray.gif); background-repeat:no-repeat; padding-left:15px; background-position:0 6px; }
.arrow_list_gray_down ul { list-style-type:none; margin-left:10px !important; position:relative;}
.arrow_list_gray_down ul li { background-image:url(../img/arrow_down_gray.gif); background-repeat:no-repeat; padding-left:15px; }
/*財団について右リンクリスト*/
.arrow_list_dotline ul { list-style-type:none; margin-left:10px !important; position:relative;}
.arrow_list_dotline ul li { background-image:url(../img/arrow_right_gray.gif); background-repeat:no-repeat; padding-left:15px; border-bottom:dotted 1px #bababa; padding-bottom:5px;}
.arrow_list_dotline ul li ul li.arrow_s { list-style:none;  background-image:url(../img/grey_arrow_s.gif); background-repeat:no-repeat; padding-left:10px; border-bottom:none; }
.arrow_list_dotline a, a:hover {text-decoration:none;}

a.pdf_dl:after { content:url(../img/pdficon_small.png); padding-left:0.5em; }

/*Float*/
.fleft { float:left; }
.fright { float:right; }

/*Clear*/
.clear { clear:both; height:0; line-height:0; display:block; }
#header .clear {height:8px;}
.clearfix:after {display: block; clear: both; height: 0; visibility: hidden; content: "."; }
.clearfix { zoom: 1;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*Line*/
.dotline { border-bottom:dotted 1px #666; padding-bottom:5px;}
.greyline { border-top:solid 3px #CCC; padding-top:10px; margin-bottom:10px; clear:both; margin-top:20px;}
.greyborder { border:solid 1px #CCC; padding:5px;}
.blue_dotline { border-bottom:dotted 2px #7fccdf; padding-bottom:5px; clear:both; padding-top:10px;}

/*Back Ground Color*/
.gray_back {background-color:#efefef; padding:8px; margin:25px auto;}
.redline_back {padding:8px; margin:15px auto; border:solid 1px #F30;}
.blue_back { background-color:#c5ecf5; padding:8px;}

/*DL, DT, DD Indent*/
dl.IndentText { margin:0px;}
.IndentText dd { padding-left:2em;}
.burasage {padding-left:1em; text-indent:-1em;}
.burasage-small { font-size:85%; line-height:150%; padding-left:1em; text-indent:-1em;}


/*MOVIE LIST 2017*/
.movie_list dl { border-bottom: dotted 1px #ccc; padding-bottom:10px; padding-top:13px; clear:both; width:100%;}
.movie_list dt { float: left; width:180px; margin-right:2em; }
.movie_list dd { line-height:1.5; font-size:14px; text-indent:-1em; padding-left:1em;}
.movie_list a, a:visited { background-image:url(../img/arrow_right_gray.gif); background-repeat:no-repeat; padding-left:14px;}
.movie_list dl { content: " "; display: table; clear: both;}

/*=========================================================================
 a, a:hover...
========================================================================= */
a, a:visited { color: #0066cc; outline: 0; -webkit-transition: color 0.07s ease-in-out; -moz-transition: color 0.07s ease-in-out; -o-transition: color 0.07s ease-in-out; -transition: color 0.07s ease-in-out; }

a:hover, a:focus { color: #ff6600; }

/*=========================================================================
 H1, H2, H3, H4....
========================================================================= */
h1, h2, h3, h4, h5, h6 { line-height:1.2;}
h1.red, h1.red2, h1.blue_h1, h1.orange, h1.clay, h1.green_h1, h1.pink, h1.purple2 {background-repeat:no-repeat; font-size:24px; color:#fff; font-weight:600; height:auto; width:930px; line-height:1.2; padding:15px 10px 12px 20px; margin:0 auto 20px auto;}

h1.red { background-color:#da3103; background-image:url(../img/h1_red.gif); }
h1.red2 { background-color:#da3103; background-image:url(../img/h1_red.gif); margin:0 auto 5px auto; }
h1.blue_h1 { background-color:#00acd0; background-image:url(../img/h1_blue.gif); }
h1.orange { background-color:#fd903a; background-image:url(../img/h1_orange.gif);}
h1.clay { background-color:#d09b23; background-image:url(../img/h1_clay.gif);}
h1.green_h1 { background-color:#05b85f; background-image:url(../img/h1_green.gif);}
h1.pink { background-color:#ea586d; background-image:url(../img/h1_pink.gif);}
h1.purple2 { background-color:#ad557a; background-image:url(../img/h1_purple2.gif);} /*2017*/

h2.red, h2.gray, h2.yellow, h2.clay, h2.h_green, h2.blue, h2.blue2, h2.dark_blue, h2.purple, h2.pink, h2.pink2, h2.purple2 { background-repeat:no-repeat; font-size:21px; color:#fff; font-weight:600; height:auto; width:930px; line-height:1.2; padding:6px 10px 10px 20px; margin:20px auto; overflow:visible; }
h2.red { background-color:#da3103; background-image:url(../img/h2_red.gif); margin:40px auto 20px auto;}
h2.gray { background-color:#8b8b8b; background-image:url(../img/h2_gray.gif); }
h2.yellow { background-color:#f0aa00; background-image:url(../img/h2_yellow.gif); }
h2.clay { background-color:#bc9f19; background-image:url(../img/h2_clay.gif); }
h2.h_green { background-color:#05bc57; background-image:url(../img/h2_green.gif);}
h2.blue { background-color:#0073a3; background-image:url(../img/h2_blue.gif); }
h2.blue2 { background-color:#15a4c7; background-image:url(../img/h2_blue2.gif); }
h2.dark_blue { background-color:#004db5; background-image:url(../img/h2_dark_blue.gif);}
h2.purple { background-color:#7553d6; background-image:url(../img/h2_purple.gif);}
h2.purple2 { background-color:#b7698b; background-image:url(../img/h2_purple2.gif);} /*2017*/
h2.pink { background-color:#a52da9; background-image:url(../img/h2_pink.gif);}
h2.pink2 { background-color:#ee5b7b; background-image:url(../img/h2_pink2.gif);}

h2.orange { background-color:#ff933b; background-image:url(../img/h2_orange.gif); background-repeat:no-repeat; font-size:18px; color:#fff; font-weight:600; height:29px; line-height:1.2; padding:8px 10px 3px 15px; margin:40px auto 0 auto;}
h3.gray { font-weight:600; color:#000; margin:0 auto; padding:0; } /* トップページ イチおしイベント*/
h3.orange { border-left:solid 7px #ff933b; padding-left:9px; font-weight:600; color:#000; font-size:18px; margin-top:25px; margin-bottom:10px; }
h4.orange { border-top:solid 2px #ff933b; padding-top:2px; font-weight:600; color:#000; font-size:16px; margin-top:25px; margin-bottom:10px;}
h3.pink2 { border-left:solid 7px #ee5b78; padding-left:9px; font-weight:600; color:#000; font-size:16px; margin-top:25px; margin-bottom:10px; }
h3.blue2 { border-top:solid 2px #15a5c8; padding-top:2px; font-weight:600; color:#000; font-size:16px; margin-top:25px; margin-bottom:10px;}


/*========EVENT========*/
h2.event_name { font-weight:600; font-size:18px; color:#000; margin-left:85px; padding:0; margin-top:10px;}
h3.event_detail { border-top:solid 3px #da3103; padding-top:2px; font-weight:600; color:#000; font-size:16px; margin-top:25px;}
h2.recom { background-color:#efefef; font-size:#333; border-top:solid 1px #da3103; padding:8px; font-size:14px; font-weight:600; margin-top:20px; margin-bottom:15px;}

/*========SPECIAL========*/
span.special_h1, span.special_h1s { display:none; }
h1.special_h1_img img { margin-bottom:5px;}
h3.black { font-weight:600; color:#000; margin:0 auto; padding-left:8px; font-size:18px; border-left:solid 5px #333; }


h2.special_left_gray, h2.special_left_yellow, h2.special_left_clay, h2.special_left_green, h2.special_left_blue, h2.special_left_dark_blue, h2.special_left_purple, h2.special_left_pink { padding-left:9px; font-weight:600; color:#000; font-size:21px; margin-top:25px; margin-bottom:10px; }
h3.special_top_gray, h3.special_top_yellow, h3.special_top_clay, h3.special_top_green, h3.special_top_blue, h3.special_top_dark_blue, h3.special_top_purple, h3.special_top_pink { padding-top:2px; font-weight:600; color:#000; font-size:16px; margin-top:25px; margin-bottom:10px; }

h2.special_left_gray { border-left:solid 7px #4a4a4a;}
h3.special_top_gray { border-top:solid 3px #4a4a4a;}
h4.special_top_gray_s { border-top:solid 2px #4a4a4a; padding-top:2px; font-weight:600; color:#000; font-size:14px; margin-top:25px; margin-bottom:10px;}

h2.special_left_yellow { border-left:solid 7px #f09300}
h3.special_top_yellow { border-top:solid 2px #f09300;}

h2.special_left_clay { border-left:solid 7px #bc9f19;}
h3.special_top_clay { border-top:solid 2px #bc9f19;}

h2.special_left_green { border-left:solid 7px #05bc57;}
h3.special_top_green { border-top:solid 2px #05bc57;}

h2.special_left_blue { border-left:solid 7px #0073a3;}
h3.special_top_blue { border-top:solid 2px #0073a3;}

h2.special_left_dark_blue { border-left:solid 7px #004db5;}
h3.special_top_dark_blue { border-top:solid 2px #004db5;}

h2.special_left_purple { border-left:solid 7px #6c54d1;}
h3.special_top_purple { border-top:solid 2px #6c54d1;}

h2.special_left_pink { border-left:solid 7px #a52da9;}
h3.special_top_pink { border-top:solid 2px #a52da9; }

h2.special_h2_img img {margin:0 auto 5px auto;}
span.special_h2 { display:none; }
h4.large { font-size:16px; font-weight:600; margin-bottom:12px;}
h4.large14 { font-size:14px; font-weight:600; margin-bottom:12px;}

/* TITLE WITH IMAGE 2017.10*/
h1.club_ttl span, h1.backnumbers_ttl span, h1.hyosi_gallery_ttl span, h1.taiekn_ttl span, h1.hureai_ttl span, h1.ailine_ttl span, h1.sports_ttl span, h1.whatsnew_ttl span,
h1.hyosi_gallery_ttl span.subtx, h1.taiekn_ttl span.subtx, h1.hureai_ttl span.subtx, h1.ailine_ttl span.subtx, h1.whatsnew_ttl span.subtx
{font-weight:700; font-family: TimesNewRoman,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}

h1.club_ttl { background-image:url(../../club/img2014/club_ttl.gif); background-repeat:no-repeat; background-position:center top; background-color:#ff933b; width:960px; min-height:73px; overflow:visible; text-align:center; padding-top:10px; margin-bottom:15px;}
h1.club_ttl span { font-size:40px; color:#fff; }

h1.backnumbers_ttl { background-image:url(../../backnumbers/img2014/backnumber_ttl.gif); background-repeat:no-repeat; background-color:#1cc367; width:960px; min-height:67px; overflow:visible; text-align:left; padding-top:16px; margin-bottom:15px;}
h1.backnumbers_ttl span { font-size:40px; color:#fff; font-weight:700; display:block; padding-left:0.5em;}

h1.hyosi_gallery_ttl { background-image:url(../../gallery/hyousi/img2014/gallery_ttl.gif); background-repeat:no-repeat; background-color:#fff; width:960px; min-height:67px; overflow:visible; text-align:left; padding-top:13px; margin-bottom:6px;}
h1.hyosi_gallery_ttl span { font-size:40px; color:#534e42; font-weight:700; display:block; margin-left:4px; }
h1.hyosi_gallery_ttl span.subtx { color:#534e42;  display:block; font-size:16px; margin-left:8px; margin-top:8px; }

h1.taiekn_ttl { background-image:url(../../taiken-report/img2014/taiken_ttl.gif); background-repeat:no-repeat; background-color:#fff; width:960px; min-height:69px; overflow:visible; text-align:left; padding-top:15px; margin-bottom:6px;}
h1.taiekn_ttl span { font-size:40px; color:#d00256; font-weight:700; display:block; margin-left:86px; }
h1.taiekn_ttl span.subtx { color:#d00256; display:block; font-size:16px; margin-left:86px; margin-top:2px; }

h1.hureai_ttl { background-image:url(../../hureai/img1403/hureai_ttl.gif); background-repeat:no-repeat; background-color:#fff; width:960px; min-height:76px; overflow:visible; text-align:left; padding-top:8px; margin-bottom:6px;}
h1.hureai_ttl span { font-size:40px; color:#aa6605; font-weight:700; display:block; margin-left:77px; }
h1.hureai_ttl span.subtx { color:#aa6605;  display:block; font-size:16px; margin-left:81px; margin-top:2px; }

h1.ailine_ttl { background-image:url(../../ai_line/img2014/ai_line_ttl.gif); background-repeat:no-repeat; background-color:#fff; width:960px; min-height:74px; overflow:visible; text-align:left; padding-top:10px; margin-bottom:6px;}
h1.ailine_ttl span { font-size:40px; color:#00843b; font-weight:700; display:block; margin-left:10px; }
h1.ailine_ttl span.subtx { color:#00843b; display:block; font-size:16px; margin-left:12px; margin-top:2px; }

h1.sports_ttl { background-image:url(../../sports/img1403/sport_ttl.gif); background-repeat:no-repeat; background-color:#fff; width:960px; min-height:74px; overflow:visible; text-align:left; padding-top:20px; margin-bottom:6px;}
h1.sports_ttl span { font-size:40px; color:#fff; display:block; padding-left:8px; letter-spacing:-0.03em;}

h1.whatsnew_ttl { background-image:url(../../whatsnew/img2014/whatsnew_ttl.gif); background-repeat:no-repeat; background-color:#fff; width:960px; min-height:77px; overflow:visible; text-align:left; padding-top:7px; margin-bottom:6px;}
h1.whatsnew_ttl span { font-size:40px; color:#fff; font-weight:700; display:block; margin-left:18px; }
h1.whatsnew_ttl span.subtx { color:#fff; display:block; font-size:16px; margin-left:22px; margin-top:2px; }


/* COLUMN, TANBOU TITLE 2017.10*/
.column_ttl { background-color:#0271c8; text-align:center; position: relative; border-radius:4px; padding:8px; color:#fff; font-size:18px; margin-bottom:12px; font-weight:700;}
.column_ttl:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(2, 113, 200, 0); border-top-color: #0271c8; border-width:8px; margin-left:-8px;}
.spot_ttl { background-color:#0498be; text-align:center; position: relative; border-radius:4px; padding:8px; color:#fff; font-size:18px; margin-bottom:12px; font-weight:700;}
.spot_ttl:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(4, 152, 190, 0); border-top-color: #0498be; border-width:8px; margin-left:-8px;}



/*========SPECIAL BACK NUMBERS========*/
h3.backnum_gray, h3.backnum_yellow, h3.backnum_clay, h3.backnum_green, h3.backnum_blue, h3.backnum_dark_blue, h3.backnum_purple, h3.backnum__pink { padding-left:8px; font-weight:600; color:#000; font-size:18px; margin-top:25px; margin-bottom:10px; }
h3.backnum_gray { border-left:solid 5px #4a4a4a;}
h3.backnum_yellow { border-left:solid 5px #f09300}
h3.backnum_clay { border-left:solid 5px #bc9f19;}
h3.backnum_green { border-left:solid 5px #05bc57;}
h3.backnum_blue { border-left:solid 5px #0073a3;}
h3.backnum_dark_blue { border-left:solid 5px #004db5;}
h3.backnum_purple { border-left:solid 5px #6c54d1;}
h3.backnum_pink { border-left:solid 5px #a52da9;}


/*=========================================================================
 Event Detail Pages
========================================================================= */
.category_icon {float:left; width:75px; padding-top:2px; margin-top:10px;}
p.event_detail {clear:both; margin-top:15px; margin-bottom:15px;}

.event_img {margin:15px auto;}
.event_voice {float:left; width:65px; margin-top:5px;}
.event_voice_p {margin-left:75px;}

.recom_col { margin:10px 2%; }
.recom_img {border:solid 4px #efefef; height:144px; vertical-align:middle; text-align:center; background-color:#fff; display:table-cell; padding:7px;}
.recom_img img { width: 100%; max-width: 122px; height: auto;}

table td input {display:inline; vertical-align:middle; height:14px;}
h2.special_left_red { border-left:solid 7px #da3103; font-size:16px; color:#333; padding-left:9px; font-weight:600; margin-top:15px; margin-bottom:10px;}

/*=========================================================================
 SPECIAL Pages
========================================================================= */
.gallery_desc {float:left; width:100px; margin-top:8px;}
.gallery_desc_p {margin-left:110px; margin-top:8px;}

.q_border { border-top:solid 1px #4a4a4a; border-bottom:solid 1px #4a4a4a; padding:8px 0; margin:25px auto 10px auto; font-weight:600; }
.q_border:before {clear:both;}
.q_mark {float:left; width:1.8em; }
.q_tex {margin-left:2.2em;}

.haiku dl { font-size:14px; margin-bottom:20px;}
.haiku dl dt {margin-left:30px; font-weight:600;}
.haiku dl dd {margin-left:30px; font-size:smaller;}

/*=========================================================================
 Modal
========================================================================= */
#lean_overlay{
  position: absolute; z-index:100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
#about_modal{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 20px;
  width: 640px;
 }
#about_modal h2.red { background-color:#da3103; background-image:url(../img/h2_red.gif); background-repeat:no-repeat; font-size:16px; color:#fff; font-weight:600; height:24px; width:95%; line-height:1.2; padding:6px 10px 0 20px; margin:0px auto 20px auto;}
#about_modal img {width:100%;height:auto;}

/*=========================================================================
 Footer
========================================================================= */
#footer { font-size:85%; color:#666666; border-top:solid 3px #dfdfdf; padding-top:5px; padding-bottom:15px; }
.footer_l { float:left; padding:8px 15px; }
.footer_r { float:right; padding:8px 15px; width:400px; text-align: right;}
.footer_r form {display: inline-block;}
.footer_r form input {padding-bottom: 22px;}
.f_link { text-align:center; margin-top:0px; margin:0.8em; }
.copyright { font-size:10px; text-align:center; color:#666666; margin:0.8em; clear:both; }

/*=========================================================================
 Buttons
========================================================================= */
.kpbutton, .kpbutton:visited {
	background: #222 url(/common2014/img/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 7px 15px 6px 10px;
	margin-bottom:5px;
	color: #fff;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	border-style: none !important;
}

.kpbutton:hover { background-color: #111; color: #fff; }
.kpbutton:active { top: 1px; }
.small.kpbutton, .small.kpbutton:visited  { font-size: 11px; }
.kpbutton, .kpbutton:visited,
.medium.kpbutton, .medium.kpbutton:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.kpbutton, .large.kpbutton:visited { font-size: 18px; padding: 8px 18px 6px 10px; margin:auto 8px; }

.green_b.kpbutton, .green_b.kpbutton:visited { background-color: #91bd09; }
.green_b.kpbutton:hover { background-color: #749a02; }
.blue.kpbutton, .blue.kpbutton:visited { background-color: #2daebf; }
.blue.kpbutton:hover { background-color: #007d9a; }
.red.kpbutton, .red.kpbutton:visited { background-color: #e33100; }
.red.kpbutton:hover { background-color: #872300; }
.magenta.kpbutton, .magenta.kpbutton:visited { background-color: #a9014b; }
.magenta.kpbutton:hover { background-color: #630030; }
.orange.kpbutton, .orange.kpbutton:visited { background-color: #ff5c00; }
.orange.kpbutton:hover { background-color: #d45500; }
.yellow.kpbutton, .yellow.kpbutton:visited { background-color: #ffb515; }
.yellow.kpbutton:hover { background-color: #fc9200; }

.blue_large_btn { background-color:#00acd0; padding:8px 18px 8px 16px; border-radius:5px; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; cursor:pointer;}
.blue_large_btn:hover { background-color:#74ccde; -webkit-opacity: 0.5; -moz-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5;}
.blue_large_btn > a {font-size:18px; font-weight:700; line-height:1.2; font-family: TimesNewRoman,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; color:#fff !important; text-decoration:none;}
.blue_large_btn > a:hover { color:#fff !important;}

/*=========================================================================
 Tables
========================================================================= */
.tbl1 table { margin:15px auto 15px 0; border-right:solid 1px #b7b7b7; border-top:solid 1px #b7b7b7; }
.tbl1 th { border-left:solid 1px #b7b7b7; border-bottom:solid 1px #b7b7b7; background-color:#d3cbb3; text-align:center; vertical-align:top; padding:6px; width:8em; }
.tbl1 td { border-left:solid 1px #b7b7b7; border-bottom:solid 1px #b7b7b7; text-align:left; vertical-align:top; padding:6px; }

.tbl2 table { margin:15px auto 15px 0; border-right:solid 1px #b7b7b7; border-top:solid 1px #b7b7b7; width:auto; }
.tbl2 th { border-left:solid 1px #b7b7b7; border-bottom:solid 1px #b7b7b7; background-color:#efefef; text-align:center; vertical-align:top; padding:3px; }
.tbl2 td { border-left:solid 1px #b7b7b7; border-bottom:solid 1px #b7b7b7; text-align:left; vertical-align:top; padding:3px; }

.event_form_tbl table { margin:15px auto 25px auto; border-right:solid 1px #b7b7b7; border-top:solid 1px #b7b7b7; width:95%; }
.event_form_tbl th { border-left:solid 1px #b7b7b7; border-bottom:solid 1px #b7b7b7; background-color:#efefef; text-align:left; vertical-align:top; padding:6px; width:18%; font-weight:600; }
.event_form_tbl td { border-left:solid 1px #b7b7b7; border-bottom:solid 1px #b7b7b7; text-align:left; vertical-align:top; padding:6px; }

.voice_form_tbl table { margin:15px auto 25px auto; border-right:none; border-top:none; width:95%; }
.voice_form_tbl th { border-left:solid 5px #fff; border-bottom:dotted 1px #b7b7b7; border-top:solid 5px #fff; background-color:#fff1c2; text-align:center; vertical-align:top; padding:10px; width:18%; font-weight:600; }
.voice_form_tbl td { border-left:none; border-top:solid 5px #fff; border-bottom:dotted 1px #b7b7b7; text-align:left; vertical-align:top; padding:10px; }

.info table { margin:15px auto 25px 0; border-right:none; border-top:none; width:100%; }
.info th { border-left:solid 5px #fff; border-bottom:dotted 1px #b7b7b7; border-top:solid 5px #fff; background-color:#fff1c2; text-align:center; vertical-align:top; padding:8px; font-weight:600; width:8em; }
.info td { border-left:none; border-top:solid 5px #fff; border-bottom:dotted 1px #b7b7b7; text-align:left; vertical-align:top; padding:8px; }

.no_border table { border:none; margin:10px auto 10px 0; }
.no_border th { border:none; padding:3px 8px 3px 3px; vertical-align:top; text-align:right; font-weight:600; white-space:nowrap;}
.no_border td { border:none; padding:3px 0; vertical-align:top; text-align:left; }

.osirase_tbl table { margin:15px auto 25px 0; border-right:solid 1px #83755c; border-top:solid 1px #83755c; width:98%; }
.osirase_tbl th { border-left:solid 1px #83755c; border-bottom:solid 1px #83755c; background-color:#f1dfbf; text-align:center; vertical-align:top; padding:6px; font-weight:600; }
.osirase_tbl td { border-left:solid 1px #83755c; border-bottom:solid 1px #83755c; text-align:left; vertical-align:top; padding:6px; }

/*Minato Matsuri Sponsor Table*/
.sponsor_table {border-top:1px solid #ff8f52;
    border-left:1px solid #ff8f52;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    margin: 8px 0px 16px 0px;
}
.sponsor_td {border-right:1px solid #ff8f52;
    border-bottom:1px solid #ff8f52;
    padding:2px;
	text-align:center;
}
.sponsor_td_n {border-right:none;
    border-bottom:none;
    padding:2px;
	text-align:center;
}
th.fix_th {width:8em;}
/*for Zaidan Info*/
.td_nowrap {white-space:nowrap;}

/*=========================================================================
 Banners
========================================================================= */
.top_right_bnr { text-align:center; margin:5px auto; }
.top_right_bnr h5 {font-size:15px; font-weight:700; font-weight:700; font-family: TimesNewRoman,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; text-decoration:none; position:relative; top:6px; left:8px; padding-bottom:12px;}
.top_right_bnr span { width:175px; font-size:12px; color:#333; line-height:1.3; display:block; margin-left:8px;}

.top_right_bnr > a.bnr_circle { background-image:url(../img/banner_circle_288.gif); background-repeat:no-repeat; width:288px; min-height:72px; display:block; text-align:left; text-decoration:none; margin-bottom:5px;}
.top_right_bnr > a.bnr_circle > h5 { width:175px; color:#ff6c00;}

.top_right_bnr > a.bnr_govern { background-image:url(../img/banner_govern_288.gif); background-repeat:no-repeat; width:288px; min-height:72px; display:block; text-align:left; text-decoration:none; margin-bottom:5px;}
.top_right_bnr > a.bnr_govern > h5 { width:175px; color:#367e9c;}

.top_right_bnr > a.bnr_fureai { background-image:url(../img/banner_fureai_288.gif); background-repeat:no-repeat; width:288px; min-height:72px; display:block; text-align:left; text-decoration:none;}
.top_right_bnr > a.bnr_fureai > h5 { width:175px; color:#dd21aa; display:inline-block !important;}
.top_right_bnr > a.bnr_fureai > h5 > span.bnr_h5 {font-size:12px; color:#dd21aa !important; display:inline !important; margin-left:0;}

.top_right_bnr > a {-webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}
.top_right_bnr > a:hover {-webkit-opacity: 0.5; -moz-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5;}

/* 開催日から探すのカレンダー用 */
.eventdate-exists .ui-state-default { font-weight: 900 !important; border: 2px #ec5004 solid !important; }
.now_date .ui-state-default { font-weight: 900 !important; border: 2px red solid !important; }

/*===============================================
画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
.resp_block1 {float:left;}
.special_h1 {display:none;}

/*Added Sep 10 2014*/
.mob_tx { display:none;}
}
/*===============================================
画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
img{max-width: 100%; height: auto; width /***/:auto;}
#header { width:100%; padding:0 0.5em; }
#header .logo { float:left; margin-right:15px; width:235px; }
#header .logo img {max-width:230px; height:auto; }
#head_middle { float:right; width:87px; margin-top:18px; margin-right:1em; }
#fontSize {display:none;}
.gnav_img {display:none;}
.gnav {display:block;}
#globalNav { background-image:none; }
#globalNav ul li ul { background-color: #0c1923; }
.green { background-color: #0c1923 !important; z-index:999; }
#white_back { width:100%; margin:0 auto; background-color:#fff; clear:both; border-top:none;}
#event_about_white_back { margin:0 auto; background-color:#fff; padding:2%; width:96%; }
#search_bg .search { width:100%; }

h1.red, h1.red2, h1.blue_h1, h1.orange, h1.clay, h1.green_h1, h1.pink, h1.purple2 {background-repeat:no-repeat; font-size:21px; color:#fff; font-weight:600; height:auto; width:98%; line-height:1.2; padding:16px 5px 14px 18px; margin:15px auto 5px auto;}

h1.red { background-color:#da3103; background-image:url(../img/h1_red.gif); }
h1.red2 { background-color:#da3103; background-image:url(../img/h1_red.gif); margin:0 auto 5px auto; }
h1.blue_h1 { background-color:#00acd0; background-image:url(../img/h1_blue.gif); }
h1.orange { background-color:#fd903a; background-image:url(../img/h1_orange.gif);}
h1.clay { background-color:#d09b23; background-image:url(../img/h1_clay.gif);}
h1.green_h1 { background-color:#05b85f; background-image:url(../img/h1_green.gif);}
h1.pink { background-color:#ea586d; background-image:url(../img/h1_pink.gif);}
h1.purple2 { background-color:#ad557a; background-image:url(../img/h1_purple2.gif);} /*2017*/

h2.red, h2.orange { background-repeat:no-repeat; font-size:18px; color:#fff; font-weight:600; width:98%; line-height:1.2; padding:8px 5px 3px 15px;}
h2.red { background-color:#da3103; background-image:url(../img/h2_red.gif); margin:40px auto 20px auto;}
h2.orange { background-color:#ff933b; background-image:url(../img/h2_orange.gif); margin:40px auto 0 auto;}

h2.gray, h2.yellow, h2.clay, h2.h_green, h2.blue, h2.blue2, h2.dark_blue, h2.purple, h2.pink, h2.pink2, h2.purple2 { background-repeat:no-repeat; font-size:18px; color:#fff; font-weight:600; height:auto; width:98%; line-height:1.2; padding:11px 5px 11px 18px; margin:20px auto 20px auto; }
h2.gray { background-color:#8b8b8b; background-image:url(../img/h2_gray.gif); }
h2.yellow { background-color:#f0aa00; background-image:url(../img/h2_yellow.gif); }
h2.clay { background-color:#bc9f19; background-image:url(../img/h2_clay.gif); }
h2.h_green { background-color:#05bc57; background-image:url(../img/h2_green.gif);}
h2.blue { background-color:#0073a3; background-image:url(../img/h2_blue.gif); }
h2.blue2 { background-color:#15a4c7; background-image:url(../img/h2_blue2.gif); }
h2.dark_blue { background-color:#004db5; background-image:url(../img/h2_dark_blue.gif);}
h2.purple { background-color:#7553d6; background-image:url(../img/h2_purple.gif);}
h2.purple2 { background-color:#b7698b; background-image:url(../img/h2_purple2.gif);} /*2017*/
h2.pink { background-color:#a52da9; background-image:url(../img/h2_pink.gif);}
h2.pink2 { background-color:#ee5b7b; background-image:url(../img/h2_pink2.gif);}

/* TITLE WITH IMAGE 2017.10*/
h1.club_ttl,h1.backnumbers_ttl, h1.hyosi_gallery_ttl, h1.taiekn_ttl, h1.hureai_ttl, h1.ailine_ttl, h1.sports_ttl, h1.whatsnew_ttl { width:100%; margin-top:10px;}
h1.club_ttl span, h1.backnumbers_ttl span, h1.sports_ttl span, h1.whatsnew_ttl span { font-size:40px; color:#fff;}
h1.taiekn_ttl span { font-size:40px; color:#d00256;}
h1.hyosi_gallery_ttl span { font-size:40px; color:#534e42;}
h1.hureai_ttl span { font-size:40px; color:#aa6605;}
h1.ailine_ttl span { font-size:40px; color:#00843b;}


.g1 { width:7%; }
.g2 { width:14%; }
.g3 { width:19%; }
.g4, .g4_img { width:22%; margin:auto 0 auto 2%; }
.g5, .g5_names { width:30%; margin:auto 0 auto 2%; }
.g5_zaidan, .g5_hureai { width:30%; margin:auto 0 auto 3%; }
.g6, .g7 { width:30%;}
.g7_access { width:80%; }
.g7_special { width:35%;}
#top_main .g6, #main .g6 { float:none; width:95%; margin:2%; }
.g6_osirase, .g6_event {width:28%; margin-left:2%;}
.g8, .g9 { width:47%; }
.g9_gallery { width:49%; }
.g10, .g11 { width:60%; }
.g12 { width:65%; }
.g12_access  { width:95%; }
#top_main .g13, .resp_block2, #main .g13 { width:96%; margin:2%; }
.g13_zaidan, .g13_hureai, .g13_osirase, .g13_event { width:67%; }
.g14 { width:70%; }
.g15 { width:75%; }
.g16, .g16_ailine_name, .g16_sports_name { width:80%; }
.g17 { width:85%; }
.g18 { width:90%; }
.g19 { width:95%; }
.g20 { width:98%; }
.g16_ailine_name p {margin-bottom:8px;}

.ident-left-p { margin-left:2%; }

.resp_clear {clear:both; margin-bottom:10px;}
.resp_block1 {float:left; vertical-align:top; width:45%; margin:0 2%;}
.bot_bnr_cent { width:95%; margin:0 auto; text-align:center; }
.recom_col { margin:10px 1%; }

.mob_tx { display:block;}

.no_border th {white-space:normal;}

}
/*===============================================
画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
#header .logo { float:left; margin-right:15px; width:200px; padding-bottom:2px; }
#header .logo img {max-width:200px; height:auto; }
#head_middle { float:right; width:87px; margin-top:18px; margin-right:1em; }
#main { padding: 0 8px; margin:0 auto; }
.footer_r, .footer_l { float: none; width: 100%; padding: 8px 15px; text-align: left;}

h1.red, h1.red2, h1.blue_h1, h1.clay, h1.orange, h1.green_h1, h1.pink, h1.purple2 { background-repeat:no-repeat; color:#fff; font-weight:600; font-size:21px; height:auto; width:96%; line-height:1.2; padding:10px 5px 6px 8px; margin:15px auto 15px auto; }
h1.red { background-color:#da3103; background-image:url(../img/h1_red.gif); }
h1.red2 { background-color:#da3103; background-image:url(../img/h1_red.gif); margin:15px auto 5px auto; }
h1.blue_h1 { background-color:#00acd0; background-image:url(../img/h1_blue.gif); }
h1.clay { background-color:#d09b23; background-image:url(../img/h1_clay.gif); }
h1.orange { background-color:#ff933b; background-image:url(../img/h1_orange.gif); }
h1.green_h1 { background-color:#05bb62; background-image:url(../img/h1_green.gif); }
h1.pink { background-color:#f05e75; background-image:url(../img/h1_pink.gif);}
h1.purple2 { background-color:#ad547a; background-image:url(../img/h1_purple2.gif);} /*2017*/

h2.red, h2.orange { background-repeat:no-repeat; font-size:16px; color:#fff; font-weight:600; height:auto; width:98%; line-height:1.2; padding:8px 5px 6px 8px;}
h2.red { background-color:#da3103; background-image:url(../img/h2_red.gif); margin:40px auto 15px auto;}
h2.orange { background-color:#ff933b; background-image:url(../img/h2_orange.gif); margin:40px auto 5px auto;}

h2.gray, h2.yellow, h2.clay, h2.h_green, h2.blue, h2.blue2, h2.dark_blue, h2.purple, h2.pink, h2.pink2, h2.purple2 { background-repeat:no-repeat; font-size:18px; color:#fff; font-weight:600; height:auto; width:96%; line-height:1.2; padding:10px 5px 10px 10px; margin:20px auto 15px auto; }
h2.gray { background-color:#8b8b8b; background-image:url(../img/h2_gray.gif); }
h2.yellow { background-color:#f0aa00; background-image:url(../img/h2_yellow.gif); }
h2.clay { background-color:#bc9f19; background-image:url(../img/h2_clay.gif); }
h2.h_green { background-color:#05bc57; background-image:url(../img/h2_green.gif);}
h2.blue { background-color:#0073a3; background-image:url(../img/h2_blue.gif); }
h2.blue2 { background-color:#15a4c7; background-image:url(../img/h2_blue2.gif); }
h2.dark_blue { background-color:#004db5; background-image:url(../img/h2_dark_blue.gif);}
h2.purple { background-color:#7553d6; background-image:url(../img/h2_purple.gif);}
h2.purple2 { background-color:#b7698b; background-image:url(../img/h2_purple2.gif);} /*2017*/
h2.pink { background-color:#a52da9; background-image:url(../img/h2_pink.gif);}
h2.pink2 { background-color:#ee5b7b; background-image:url(../img/h2_pink2.gif);}

.bot_bnr_cent a img { width:21%; height: auto; width /***/:auto;}
.resp_clear2 {clear:both; margin-bottom:5px;}
.event_img { margin:5px auto;}

.resp_block2 {float:left; vertical-align:top; width:45%; margin:0 2%;}
.g9, .g10, .g11 { width:98%;}
.g4 { width:45%; margin:auto 0 auto 2%; }
.g4_img {width:95%; }
.g5, .g5_names{ width:30%; margin:auto 0 auto 2%; }
.g5_zaidan { width:25%; margin:auto 0 auto 5%; }
.g5_hureai { width:98%; margin:auto; }
.g6, .g7, .g15, .g6_osirase, .g6_event, .g7_special{ width:98%; }
.g9_gallery { width:98%; }
.ident-left-p { margin-left:0%;}
.ident-left-p2 { margin-left:1em;}
.g12 { width:95%; }
.g13_zaidan { width:70%; }
.g13_hureai, .g13_osirase, .g13_event { width:98%; }

.event_block1 .g3 { width:31%; }
#about_modal{padding:3%; width:90%;}
#about_modal .g4 { width:50%; }
#about_modal h2.red{ background-color:#da3103; background-image:none; font-size:14px; color:#fff; font-weight:600; height:auto; width:95%; line-height:1.2; padding:8px; margin:10px auto 15px auto; }

h1.special_h1_img span.special_h1 { border-bottom:solid 1px #8b8b8b; font-size:24px; font-weight:600; display:block; margin-top:8px; margin-bottom:8px; }
h1.special_h1_img span.special_h1s { border-bottom:solid 1px #8b8b8b; font-size:18px; font-weight:600; display:block; margin-top:8px; margin-bottom:8px; }
.special_h1_img img {display:none;}
.movie_list dt { float: left; width:120px; margin-right:2em; } /*2017*/


/*Form table*/
.event_form_tbl table { margin:25px auto; border-right:solid 1px #b7b7b7; border-top:solid 1px #b7b7b7; width:100%; }
.event_form_tbl th { border-left:solid 1px #b7b7b7; border-bottom:solid 1px #b7b7b7; background-color:#efefef; text-align:left; vertical-align:top; padding:2px; font-weight:600; }
.event_form_tbl td { border-left:solid 1px #b7b7b7; border-bottom:solid 1px #b7b7b7; text-align:left; vertical-align:top; padding:2px; }

.voice_form_tbl table { margin:15px auto 25px auto; border-right:none; border-top:none; width:100%; }
.voice_form_tbl th { border-left:solid 5px #fff; border-bottom:dotted 1px #b7b7b7; border-top:solid 5px #fff; background-color:#fff1c2; text-align:center; vertical-align:top; padding:5px; font-weight:600; }
.voice_form_tbl td { border-left:none; border-top:solid 5px #fff; border-bottom:dotted 1px #b7b7b7; text-align:left; vertical-align:top; padding:5px; }

/*Info table*/
.info table { margin:15px auto 25px 0; border-right:none; border-top:none; width:99%; }
.info th { border-left:solid 5px #fff; border-bottom:dotted 1px #b7b7b7; border-top:solid 5px #fff; background-color:#fff1c2; text-align:center; vertical-align:top; padding:4px; font-weight:600; width:6em; }
.info td { border-left:none; border-top:solid 5px #fff; border-bottom:dotted 1px #b7b7b7; text-align:left; vertical-align:top; padding:4px; }

.event_form_tbl td input.cell_input, .event_form_tbl td textarea.cell_input, .voice_form_tbl td input.cell_input, .voice_form_tbl td textarea.cell_input { width:200px;}

}
/*===============================================
画面の横幅が480pxまで
===============================================*/
@media screen and (max-width:480px){
.resp_block1 {float:none; vertical-align:top; width:95%; margin:0 2%; padding-top:10px;}
#search_bg { width:100%; margin:0 auto; background-color:#e7e7e7; clear:both; height:64px;}
#search_bg .search { width:100%; background-image:url(../img/header_search_grad.png); background-repeat:no-repeat; margin:0 auto; text-align:right; height:64px;}
#search_bg .search .site_srch {display:block; vertical-align:middle; padding-top:2px !important;}
#search_bg .search .site_srch form { float:right; margin:0; padding:4px 8px 4px 15px; }
#search_bg .search .site_srch .keys { width:164px; height:16px; background-color:#eeeeee; border:solid 1px #c0c0c0; color:#999999; margin-right:4px; float:left; padding:3px; line-height:16px;}
#search_bg .search .translate {float:right; display:block; padding-right:8px;}
#search_bg .search .translate select {font-size:1em; margin-top:2px; padding:2px; border-radius:1px; margin-top:2px;}
.lang_button { margin-right:8px; margin-top:4px; margin-bottom:0;}
.event_block1 > .g3 { width:48%;}
.bot_bnr_cent{ width:100%;}
.bot_bnr_cent a img { width:21%; height:auto;}

/* TITLE WITH IMAGE 2017.10*/
h1.club_ttl { overflow:visible; text-align:center; padding-top:13px; margin-bottom:10px; min-height:57px;}
h1.club_ttl span { font-size:30px; color:#fff;}
h1.backnumbers_ttl { overflow:visible; text-align:left; padding-top:10px; margin-bottom:10px; min-height:57px;}
h1.backnumbers_ttl span { font-size:30px; color:#fff; padding-bottom:10px;}
h1.hyosi_gallery_ttl span { font-size:30px; color:#534e42;}
h1.hyosi_gallery_ttl span.subtx { font-size:15px;}
h1.taiekn_ttl span { font-size:30px; color:#d00256;}
h1.taiekn_ttl span.subtx { font-size:15px;}
h1.hureai_ttl span { font-size:30px; color:#aa6605;}
h1.hureai_ttl span.subtx { font-size:15px;}
h1.ailine_ttl { overflow:visible; padding-top:5px; margin-bottom:10px; min-height:64px;}
h1.ailine_ttl span { font-size:30px; color:#00843b;}
h1.ailine_ttl span.subtx { font-size:15px;}
h1.sports_ttl { overflow:visible; padding-top:20px; margin-bottom:10px; min-height:58px;}
h1.sports_ttl span { font-size:30px; color:#fff; margin-bottom:8px;}
h1.whatsnew_ttl{ overflow:visible; padding-top:5px; margin-bottom:10px; min-height:64px;}
h1.whatsnew_ttl span { font-size:30px; color:#fff; margin-left:10px;}
h1.whatsnew_ttl span.subtx { font-size:14px; margin-left:12px;}


/* COLUMN, TANBOU TITLE 2017.10*/
.column_ttl, .spot_ttl {margin-top:8px; font-size:15px; padding:6px;}

.no_border th { width:25%;}
#mag_backnumber .g3 { width:28%;}
.no_border th { white-space:normal;}
.g13_zaidan, .g5_zaidan { width:100%;}
div.ident-left-p2.g5_zaidan { margin-left:0;}

}

/*===============================================
画面の横幅が360pxまで
===============================================*/
@media screen and (max-width:360px){
#header .logo { float:left; margin-right:15px; width:180px;}
#header .logo img {max-width:180px; height:auto; }
#head_middle { float:right; width:60px; margin-top:18px; margin-right:1em; }
.facebook img { max-width:80px; height:auto; }
#main { padding: 0 4px; margin:0 auto; }

.bt {font-size:12px; font-weight:600; }

h1.red, h1.red2, h1.blue_h1, h1.clay, h1.orange, h1.green_h1, h1.pink, h1.purple2 { background-repeat:no-repeat; font-size:18px; color:#fff; font-weight:600; height:auto; width:95%; line-height:1.2; padding:8px; margin:10px auto; }
h1.red { background-color:#da3103;  background-image:url(../img/h2_red.gif); }
h1.red2 { background-color:#da3103;  background-image:url(../img/h2_red.gif); margin:10px auto 5px auto; }
h1.blue_h1 { background-color:#00acd0; background-image:url(../img/h1_blue.gif); }
h1.clay { background-color:#d09b23; background-image:url(../img/h1_clay.gif);}
h1.orange { background-color:#ff933b; background-image:url(../img/h1_orange.gif); }
h1.green_h1 { background-color:#05bb62; background-image:url(../img/h1_green.gif); }
h1.pink { background-color:#f05e75; background-image:url(../img/h1_pink.gif);}
h1.purple2 { background-color:#ad547a; background-image:url(../img/h1_purple2.gif);} /*2017*/

h2.red, h2.orange { background-repeat:no-repeat; font-size:14px; color:#fff; font-weight:600; height:auto; width:95%; line-height:1.2; padding:8px; margin:10px auto;}
h2.red { background-color:#da3103;  background-image:url(../img/h2_red.gif); }
h2.orange { background-color:#ff933b; background-image:url(../img/h2_orange.gif);}

h2.gray, h2.yellow, h2.clay, h2.h_green, h2.blue, h2.blue2, h2.dark_blue, h2.purple, h2.pink, h2.pink2, h2.purple2 { background-repeat:no-repeat; font-size:16px; color:#fff; font-weight:600; height:auto; width:95%; line-height:1.2; padding:10px 5px 10px 10px; margin:10px auto 10px auto; }
h2.gray { background-color:#8b8b8b; background-image:url(../img/h2_gray.gif);}
h2.yellow { background-color:#f0aa00; background-image:url(../img/h2_yellow.gif);}
h2.clay { background-color:#bc9f19; background-image:url(../img/h2_clay.gif); }
h2.h_green { background-color:#05bc57; background-image:url(../img/h2_green.gif);}
h2.blue { background-color:#0073a3; background-image:url(../img/h2_blue.gif);}
h2.blue2 { background-color:#15a5c8; background-image:url(../img/h2_blue2.gif); }
h2.dark_blue { background-color:#004db5; background-image:url(../img/h2_dark_blue.gif);}
h2.purple { background-color:#6c54d1; background-image:url(../img/h2_purple.gif);}
h2.purple2 { background-color:#b7698b; background-image:url(../img/h2_purple2.gif);} /*2017*/
h2.pink { background-color:#a52da9; background-image:url(../img/h2_pink.gif);}
h2.pink2 { background-color:#ee5b78; background-image:url(../img/h2_pink2.gif);}

h3.black { font-weight:600; color:#000; margin:0 auto; padding-left:6px; font-size:14px; border-left:solid 4px #333; }
h4.large { font-size:14px; font-weight:600; margin-bottom:12px;}

h2.special_h2_img img {display:none;}
h2.special_h2_img span.special_h2 { display:block; font-size:24px; color:#000; line-height:1.3; font-weight:600; }
h2.special_h2_img {margin-bottom:8px;}

h2.special_left_gray, h2.special_left_yellow, h2.special_left_clay, h2.special_left_green, h2.special_left_blue, h2.special_left_dark_blue, h2.special_left_purple, h2.special_left_pink { padding-left:9px; font-weight:600; color:#000; font-size:16px; margin-top:25px; margin-bottom:10px; }
h3.special_top_gray, h3.special_top_yellow, h3.special_top_clay, h3.special_top_green, h3.special_top_blue, h3.special_top_dark_blue, h3.special_top_purple, h3.special_top_pink { padding-top:2px; font-weight:600; color:#000; font-size:14px; margin-top:25px; margin-bottom:10px; }
h3.orange { border-left:solid 7px #ff933b; padding-left:9px; font-weight:600; color:#000; font-size:16px; margin-top:25px; margin-bottom:10px; }
h4.orange { border-top:solid 2px #ff933b; padding-top:2px; font-weight:600; color:#000; font-size:14px; margin-top:25px; margin-bottom:10px;}
h3.pink2 { border-left:solid 7px #ee5b78; padding-left:9px; font-weight:600; color:#000; font-size:14px; margin-top:25px; margin-bottom:10px; }
h3.blue2 { border-top:solid 2px #15a5c8; padding-top:2px; font-weight:600; color:#000; font-size:14px; margin-top:25px; margin-bottom:10px;}

.g5 { width:45%; margin:auto 2%; }
.g5_names, .g5_zaidan { width:95%; }
.g12, .g13_zaidan { width:99% }

.ident-left-1, .ident-left-p, .ident-left-2 { margin-left:5px; }

.bot_bnr_cent a img{max-width: 45%; height: auto; width /***/:auto;}
.resp_block1 {float:left; vertical-align:top; width:95%; margin:0 2%;}
.resp_block2 {width:95%; margin:0 2%;}
.event_block1 .g3 { width:48%;}
.resp_clear3 {clear:both; margin-bottom:10px;}

}