@charset "UTF-8"; @import "reset.css"; @import "fonts.css"; body,html { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;} body{-webkit-text-size-adjust: 100%;} #container a:link,#container a:visited{ color:#0090B7;} #container a:hover{ color:#06C;} /*body { font-family:"Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",sans-serif;}*/ img{ vertical-align:bottom;} /*ヘッダ*/ #head{ height:575px; width:100%; text-align:center; padding:9px 0 0 0; background:url(../images/top_bg.jpg) no-repeat 50% 0;} #logo{ width:100%; margin-top:10px;} #logo a:hover img{ opacity: 0.7; filter: alpha(opacity=70);} #head_socials{ width:100%; vertical-align:top; margin:0 auto; margin-top:25px;} #head_socials{ vertical-align:top;} #head_socials p{ vertical-align:top;} #head_socials p span{ display:inline-block; vertical-align:top;} #twitter-widget-0{ width:105px !important;} #twitter-widget-1{ width:105px !important;} /*sectoion001*/ #sec001{ width:100%; background:url(../images/imakane_bg.jpg) no-repeat 100% 0; padding:0 0 0 0;} #sec001_inner{ width:1000px; margin:0 auto; text-align:center;} h2 { font-size:42px; font-family:"リュウミン R-KL","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin-bottom:20px;} #sec001_inner .lead{ font-size:27px !important; color:#525252 !important; font-family:"リュウミン R-KL","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; line-height:1.2em; margin-bottom:25px;} #sec001_inner p{ font-size:17px; color:#4C3F2C; line-height:1.5em; padding:0 0 12px 0;} #sec001_inner p strong{ font-weight:bold;} #sec001_inner h3{ color:#111; font-family:"リュウミン R-KL","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:44px; text-align:center;} #more_btn a:hover img{ opacity:0.8; filter: alpha(opacity=80);} #head_ad{ width:1000px; height:299px; overflow:hidden; margin-bottom:15px;} #map_canvas{ width:100%; height:418px; margin-top:30px; margin-bottom:25px} #sec002{ width:1000px; margin:0 auto; padding:0 0 15px 0; position:relative;} #sec002 h4{ font-size:30px; font-family:"リュウミン R-KL","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin-bottom:20px;} #sec002 p{ font-size:16px; color:#4C3F2C; line-height:1.5em; padding-bottom:15px;} #sec002 #content{ width:565px; float:right;} #sec002 #events{ float:left; width:405px; position:absolute; top:-110px;} #sec002 #events ul { width:405px; height:405px; overflow:hidden;} #sec003{ width:1000px; margin:0 auto 0 auto; clear:both;} #sec003 h3{ color:#111; font-size:45px; font-family:"リュウミン R-KL","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin-bottom:20px;} #sec003 p{ font-size:16px; color:#111; line-height:1.5em;} #sec003 p strong{ font-weight:bold;} #comesoon{ text-align:right;} span.c_i{ color:#EA136A;} span.c_ma{ color:#FFBF00;} span.c_c{ color:#00B259;} span.c_h{ color:#138AFF;} #staff_box{ padding-top:25px;} #sec003 .staff{ width:317px; float:left; margin-right:22px; padding-bottom:25px;} #sec003 .staff dl{} #sec003 .staff dt{ font-size:25px; color:#111; padding-top:3px; padding-bottom:1px;} #sec003 .staff dd{ font-size:16px; color:#525252; font-weight:bold; padding-bottom:12px;} #sec003 .staff p{ font-size:12px; color:#333;} #sec003 .ancBox .staff_img{ width:318px; height:198px; overflow:hidden;} #sec003 .ancBox .staff_img img { -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -webkit-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; } #sec003 .ancBox:hover .staff_img img { -webkit-filter: grayscale(0%); filter: none; } /*footer*/ #footer{ width:100%; background:#3B5998 url(../images/f_icon.gif) no-repeat 0 100%;} #foot_box{ width:1000px; margin:0 auto;} #foot_content{ float:left; width:672px;} #fb_box{ float:right; width:300px; background:#FFF;} #fb_box p{ padding-bottom:0 !important;} #foot_box h3{ color:#C6CFE1; font-size:34px; position:relative; top:-7px; overflow:hidden; font-family:"リュウミン R-KL","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; padding-bottom:20px;} #foot_box p{ color:#F0F0DF; font-size:16px; padding-bottom:15px; line-height:1.3em;} #foot_box p a:link,#foot_box p a:visited{ color:#F0F0DF;} #foot_box p a:hover{ color:#CCC;} #expect{ padding-top:20px; padding-bottom:60px !important;} #social_btns{ background:#FFF; position:relative; height:70px; padding:0 0 0 170px;} #social_btns img{ width:170px; height:100px; position:absolute; top:-15px; left:-10px;} #social_btns ul li{ float:left;} #social_btns ul li.li_facebook{ width:375px; padding-right:10px;} #foot_sub{ width:1000px; margin:0 auto; clear:both; padding:10px 0;} #copyright{ float:left; font-size:12px; color:#111; width:300px;} #foot_menu{ float:right; font-size:12px; color:#111; width:700px; text-align:right;} #foot_menu a:link,#foot_menu a:visited{ color:#111; text-decoration:none;} #foot_menu a:hover{ text-decoration:underline;} /*contactform*/ #contact-form th{ text-align:left;} .borderunit{ padding:20px 0;} /*privacy*/ #pryvacy { color: #333333; font-size: 12px; margin: 0 20px 0 30px; padding-bottom: 25px; } #pryvacy h5 { font-size: 12px; font-weight: bold; margin-top: 15px; padding: 0 !important; } #pryvacy li { list-style: decimal outside none; } #pryvacy li li { margin: 5px 0 0 60px; } /*common*/ .content{ width:1000px; margin:0 auto 25px auto;} .well{ padding:10px; margin-top:25px; text-align:center; background:#EFEFEF; border:1px solid #D8D8D8;} #map_canvas{ width:100%; height:400px; margin-bottom:10px;} hr.end{ clear:both; visibility:hidden; height:1px;} .to_top{ text-align:right; font-size:10px; margin-bottom:15px; padding:0 34px 0 0;} /*.to_top a{ padding:2px 3px; border:1px solid #CCC; text-decoration:none; color:#333 !important;} */.to_top a img{ vertical-align:middle; padding-left:3px;} .to_top a:link,.to_top a:visited{} .to_top a:hover{ background:#EFEFEF;} .img_r{ float:right; padding:0 0 15px 15px;} .img_l{ float:left; padding:0 15px 15px 0;} .more{ text-align:right !important; } .center{ text-align:center;} .bold{ font-weight:bold;} .f90 { font-size:0.9em !important;} .f80 { font-size:0.8em !important;} .f120 { font-size:1.2em !important;} .bold { font-weight:bold !important;} .red { color:red !important;} .blue { color:#0066CC;} .orange { color:#F60;} .blink { text-decoration:blink;} .cb { clear:both;} /*.ancBox{ cursor:pointer;} .ancBox:hover img{ opacity:0.8; filter: alpha(opacity=80);} a:hover .ancImg{ opacity:0.8; filter: alpha(opacity=80);}*/ /*新着情報*/ #diaryPro .text img{ padding:4px; border:1px solid #CCC; background:#FFF;} #diaryPro {} #diaryPro form#diary_form select{ width:auto !important;} textarea.ckeditor{ width:100% !important;} #diaryPro label{ display:inline !important;} #diaryPro input{ width:auto !important;} .diary img { border: medium none !important; } .diary .info{ margin-top:20px; padding-top:20px; border-top:1px solid #CCC;} /* clearfix */ .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/* html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ @media (max-width: 979px) { html,body{ width:1000px;} #head{ width:1000px;} #sec001{ background:none;} #sec001_inner{ width:1000px;} } @media (max-width: 767px) { html,body{ width:100%;} img, canvas, iframe, video, svg { max-width: 100%; height:auto; } .overflow-container { overflow-y: scroll; -webkit-overflow-scrolling: touch; } #head{ height:auto; width:90%; padding:10px 5%; background:url(../images/top_bg_sp.jpg) no-repeat 50% 0; background-size:cover;} #head_socials span{ display:block; padding:3px 0; text-align:center;} #logo img{ max-width:75%;} #head_facebook{ width:300px !important;} #sec001{ background:none;} #sec001_inner{ width:90%; padding:15px 5%; margin:0 auto; text-align:center; text-align:left;} h2 { font-size:30px;} #sec001_inner .lead{ font-size:16px !important; margin-bottom:10px;} #sec001_inner p{ font-size:14px;} #sec001_inner h3{ font-size:24px; text-align:left;} #head_ad{ width:100%; height:100px;} #head_ad li{ width:100%;} #map_canvas { height: 250px; width: 90%; margin:0 auto 15px auto; } #sec002{ width:90%; margin:0 5%;} #sec002 h4{ font-size:24px;} #sec002 #content{ width:100%; float:none;} #sec002 #events{ float:none; width:100%; position:relative; top:0;} #sec002 #events ul { width:100%; height:300px; overflow:hidden;} #sec002 #events li{ width:100%;} #sec003{ width:90%; margin:0 5%;} #sec003 h3{ font-size:25px;} #sec003 p{ font-size:14px;} #comcoon{ text-align:center; padding-top:20px;} #sec003 .ancBox .staff_img{ width:100%; height:auto; overflow:hidden;} #sec003 .staff{ width:100%; float:none; padding-right:0; padding-bottom:25px;} #sec003 .ancBox .staff_img img { max-width:100% !important; height:auto !important;} /*footer*/ #footer{ width:90%; padding:10px 5%; background-image:none;} #foot_box{ width:100%;} #foot_content{ float:none; width:100%;} #fb_box{ float:none; width:100%; background:#FFF;} #foot_box h3{ font-size:24px; position:relative; top:0; overflow:hidden; padding-bottom:20px;} #foot_box h3 img{ padding-top:5px;} #foot_box p{ font-size:14px; } #expect{ padding-top:15px; padding-bottom:20px !important;} #social_btns{ width:90%; padding:10px 5%; margin-bottom:5px; background:#FFF; position:relative; height:auto;} #social_btns p{ text-align:center;} #social_btns img{ width:170px; height:100px; position:relative; top:0; left:0;} #social_btns ul li{ float:left;} #social_btns ul li.li_facebook{ height:30px; width:100%; overflow:hidden;} #fb_box{ max-width:100%;} #fb_box iframe{ width:100%; overflow:hidden;} li.li_facebook iframe{ width:100% !important; overflow:hidden;} #foot_sub{ width:90%; margin:0 auto; clear:both; padding:10px 0;} #copyright{ float:none; font-size:12px; color:#111; width:100%; padding:15px 0 10px 0;} #foot_menu{ float:none; font-size:14px; color:#111; width:100%; text-align:left; line-height:1.8em;} #foot_menu a:link,#foot_menu a:visited{ color:#111; text-decoration:none;} #foot_menu a:hover{ text-decoration:underline;} /*contact*/ #contact-form{} #contact-form textarea,#contact-form input{ width:95% !important;} /*common*/ .content{ width:90%; margin:15px 5% 25px 5%;} }