@charset "utf-8";
/* CSS Document */

p {margin:0; padding:0;}
img {vertical-align:top;}

.clearfix {width:100%;}
.clearfix:after {content: ""; display: block; clear: both;}
.block {display:block;}

.pdgtop5 {padding-top:5px;}
.pdgtop10 {padding-top:10px;}
.pdgtop20 {padding-top:20px;}
.pdglft15 {padding-left:15px;}
.pdgrgt15 {padding-right:15px;}
.pdglr10 {padding-left:10px; padding-right:10px;}
.pdglr15 {padding-left:15px; padding-right:15px;}
.pdglr20 {padding-left:20px; padding-right:20px;}
.pdgbtm15 {padding-bottom:15px;}

.border01 {background:url(https://negaibina.jp/images/index/border01.png) repeat-x; width:100%; height:3px;}
.border02 {background:url(https://negaibina.jp/images/index/border02.png) repeat-x; width:100%; height:3px;}

.pc {display:none;}

/* Facebook */
#likebox_conteiner {padding:20px 15px 15px 15px;}
#likebox_conteiner .fbcomments,
#likebox_conteiner .fb_iframe_widget,
#likebox_conteiner .fb_iframe_widget[style],
#likebox_conteiner .fb_iframe_widget iframe[style],
#likebox_conteiner .fbcomments iframe[style],
#likebox_conteiner .fb_iframe_widget span{
width: 100% !important;}

/* body */
body {background: url(https://negaibina.jp/images/index/bg01.png) repeat;font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:13px; line-height:1.6em; min-width:320px;}

/* header */
header {background:url(https://negaibina.jp/images/index/header_bg01.png) repeat; width:100%; position:relative; z-index:1; overflow:hidden;}
#header_main {max-width:950px; margin:0 auto; position:relative;}
#header_main_img01 {display:block; width:100%; max-width:950px;}
#header_cloud01 {display:none;}
#header_cloud02 {display:none;}
#header_cloud03 {display:none;}
#header_cloud04 {display:none;}
#header_line01 {background:url(https://negaibina.jp/images/index/header_bg02.png) repeat-x; width:100%; height:20px; position:absolute; top:0; z-index:100;}
#header_line02 {background:url(https://negaibina.jp/images/index/header_bg03.png) repeat-x; width:100%; height:25px; position:absolute; bottom:0; z-index:100;}

/* header menu */
#header_logo_wrap {width:100%; max-width:950px; margin:0 auto; position:relative;}
#header_logo {position:absolute; z-index:150; left:-25px; top:0;}
#header_logo img {width:120px;}
#header_main2 {max-width:950px; margin:0 auto; position:relative;}
#menu2_wrap { width:100%; max-width:950px; margin:0 auto;}
#menu2_main {padding:25px 10px 5px 100px;}
#menu2_01,#menu2_02,#menu2_03,#menu2_04 { width:50%; float:left; padding:0 0 10px 0; text-align:center;}
#menu2_01 img,#menu2_02 img,#menu2_03 img,#menu2_04 img { width:100%; max-width:164px;}

/* menu */
#menu { background:url(https://negaibina.jp/images/index/menu_bg01.png) repeat-x 0 0; width:100%; text-align:center; padding:0; border-bottom:#c42600 solid 2px;}
#menu_wrap { width:100%; max-width:950px; margin:0 auto; padding:10px 0 3px 0;}
#menu01,#menu02,#menu03,#menu04 { width:50%; float:left; padding:0 0 10px 0;}
#menu01 img,#menu02 img,#menu03 img,#menu04 img { width:100%; max-width:169px;}

#wrapper { width:100%; max-width:950px; margin:0 auto;}
#intro01 { background:url(https://negaibina.jp/images/index/intro01.png) no-repeat; width:100%; color:#c42600; font-weight:600; line-height:1.8em;}
#intro01 p {padding:120px 20px 10px 20px;}
#intro02 {text-align:center; width:100%; max-width:508px; padding-top:5px;}
#intro02 img { width:100%; max-width:508px;}
#intro03 {width:100%; padding:10px 0 0 0;}
#intro03 a {width:46%; display:block; float:left; text-align:center; padding:2%;}
#intro03 a:hover {opacity:0.7;}
#intro03 img.button {width:100%; max-width:280px;}
#intro04 {display:none;}

/* news */
#news {background:#c6000a; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:10px 10px 0 10px;}
.news_info {padding:15px 0;}
.news_info .date {display:block;}
.news_info .title {display:block; padding:5px 0; font-weight:bold;}
.news_photo { text-align:center; padding-bottom:10px;}
/*20150122変更ここから*/
#intro03 .pdglr20 .news_info .clearfix .news_text .title a{ display: block; padding:0; margin: 0;text-align:left; float: none; width: 100%;}
#intro03 .pdglr20 .news_info .clearfix .news_text .title a:after{clear: both;}
/*20150122変更ここまで*/


/* footer_link */
#footer_link {background: url(https://negaibina.jp/images/index/link_bg.png) repeat; padding:20px 0 0 0; margin-top:20px;}
#footer_link_wrap { max-width:950px; margin:0 auto;}
#links {background:url(https://negaibina.jp/images/index/links.png) no-repeat 20px; width:100%; height:16px;} 
.link_button {float:left; text-align:center; width:50%;}
.link_button p { padding:10px 5px 0 5px;}
.link_button a { display:block; width:100%; max-width:222px; margin:0 auto; text-align:left; text-decoration:none; color:#444444; font-size:11px;}
.link_button a:hover {opacity:0.7; color:#444444;}
.link_button a:visited {color:#444444;}
.link_button .i01 {width:100%; max-width:220px; border:#c42600 solid 1px; margin-bottom:5px;}
.link_button .i02 {width:100%; max-width:88px; border:#c42600 solid 1px; margin-bottom:5px;}

#footer_pagetop {padding:20px 10px 0 10px;}
#footer_pagetop a {display:block; float:right;}
#footer_pagetop a:hover {opacity:0.7;}
#objet01 { display:none;}

#footer_menu { background:#c6000a; color:#ffffff; padding:20px 10px; text-align:center;}
#footer_menu a {color:#ffffff; text-decoration:none; font-size:12px; margin:0 10px; display:inline-block;}
#footer_menu a:hover {color:#ffffff;}
#footer_menu a:visited {color:#ffffff;}
#footer_menu span { display:inline-block; margin:0 5px;}
#footer_copyright {padding:15px; text-align:center; color:#c6000a; font-size:9px;}

#sns { text-align:center; margin-top:15px;}
.fb-like { display:inline-block; margin-right:15px;}
.twitter { display:inline-block; }
iframe.twitter-share-button {width: 105px!important;}
.line { padding-top:1px; display:inline-block; margin:0; vertical-align:top;}

/* about */
#about_title_wrap { margin:20px 0 0 0; padding:0 15px; max-width:600px;}
#about_title { padding:15px;}
#about_title img {width:100%; max-width:359px;}
#about_intro01 {padding:30px 40px}
#about_intro01 .para {display:block; margin:0; padding-top:25px;}
#about_photo p {display:block; margin:0 auto 10px auto; text-align:center;}
#about_photo span {display:block; padding:0 10px;}
#about_photo img { width:100%; max-width:410px;}
#about_intro02 {padding:20px 40px 20px 40px;}
#about_intro02 .para {display:block; margin:0; padding-top:25px;}
#about_border01 {margin-top:20px; padding: 0 20px;}
#about_title02 {background:#c6000a; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:10px 10px 0 10px;}
.about_info {padding:15px 0 0 0;}
.about_info .title {display:block; padding:5px 0 15px 0;}
.about_info .intro {display:block; padding:15px 0;}
.about_photo { text-align:center; padding-bottom:15px;}
.about_photo img {width:100%; max-width:330px;}
.about_text img {width:100%;}

/* howto */
#howto_wrap {padding:20px 0 0 0;}
#howto_title01 {background:#c6000a; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:10px 5px 0 5px;}
#howto_title01 img{width: 90%; max-width: 300px;}
#howto_wrap3 { display:none;}
#howto_map {text-align: center; padding:10px 0 15px 0;}
#howto_map .map1 {width:100%; max-width:945px; display:none;}
/*20150123変更ここから*/
/*#howto_map .map2 {width:100%; max-width:690px; display:block;}*/
#howto_map .map2 {width:100%; max-width:461px; display:block;}
/*20150123変更ここまで*/
#howto_map .map3 {width:20.29%; max-width:140px; display:inline-block;}
#howto_map .map4 {width:21.74%; max-width:150px; display:inline-block;}
#howto_map .map5 {width:57.97%; max-width:400px; display:inline-block;}
#howto_map img {display:block;}
/*20150122追加ここから*/
/*#howto_wrap_new {border:#7a6a56 1px solid; padding:10px 25px 20px 25px; margin:10px 15px 0 15px; color:#7a6a56;}*/
#howto_wrap_new {border:#7a6a56 1px solid; margin:10px 15px 15px 15px; padding:10px 7% 25px 7%; color:#7a6a56;}
#howto_wrap_new .headline {text-align:center; padding-bottom:10px; width:100%; min-width:100%;}
#howto_wrap_new .headline img {width:100%; max-width:100%;}
#howto_wrap_new p.howto_1,#howto_wrap_new p.howto_2 {width:100%; float: none; margin: 0 auto; text-align: center;}
#howto_wrap_new p.howto_1 .bold_txt,#howto_wrap_new p.howto_2 .bold_txt{font-weight:bold; font-size: 110%; display: block; text-align: left;}
#howto_wrap_new p.howto_1 .detail_txt,#howto_wrap_new p.howto_2 .detail_txt{display: block; padding:2px 5px 10px 2em; text-indent:-1.5em; text-align: left;}
#howto_wrap_new .gotomap{text-align:right; margin:40px 0 0 0;}
/*20150122追加ここまで*/
/*20150123追加ここから*/
#howto_wrap_new .headline .hd_1 {width:100%; max-width:756px; display:none;}
#howto_wrap_new .headline .hd_2 {width:100%; max-width:385px; display:block; margin: 0 auto;text-align: center;}
/*20150123追加ここまで*/

/* access */
#access_wrap {padding:20px 0 0 0;}
#access_wrap2 {padding:20px 30px;}
#access_title01 {background:#c6000a; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:10px 10px 0 10px; padding-right:10px;}
#access_title01 img {width:100%; max-width:483px;}
#access_map {padding:0 30px 5px 30px;}
#access_map a {display:block; color:#444444; font-size:10px; text-align:right;}
#access_map a:hover {color:#cccccc;}
#access_map .text01 {color:#c6000a; padding:5px 0;}
.access_wrap3 {padding:20px 30px; color:#444444;}
.access_wrap3 .headline01 {padding:0 0 10px 10px;}
.access_wrap3 .headline01 img {width:100%; max-width:645px;}
.access_wrap3 .headline02 {padding:0 0 10px 10px;}
.access_wrap3 .headline02 img {width:100%; max-width:673px;}
.access_wrap3 .text01 {padding:15px 15px 15px 30px; background: url(https://negaibina.jp/images/access/mark01.png) no-repeat 10px 20px;}
#map-canvas {width:100%; height:400px;}

@media screen and (min-width: 340px) {
#objet01 { display:block; float:left; }
}

@media screen and (min-width: 400px) {
/* howto */
#howto_title01 img{width: 100%; max-width: 383px;}
}
@media screen and (min-width: 460px) {
/* header menu */
#header_logo {left:-35px;}
#header_logo img {width:150px;}
#menu2_main {padding:25px 10px 5px 130px;}

/* about */
#about_title_wrap {margin:40px 0 0 0;}
}

@media screen and (min-width: 580px) {
#intro01 { background:url(https://negaibina.jp/images/index/intro01.png) no-repeat; width:46%; max-width:425px; float:right;}
#intro02 {float:right; width:54%; max-width:500px; padding-top:15px;}

/* about */
#about_intro02 {padding:30px 50px 20px 250px; line-height:2em; background:url(https://negaibina.jp/images/about/bg02.png) no-repeat 30px;}

/* howto */
#howto_wrap2 p {width:50%; float:left;}
#howto_map {padding-top:20px;}
#howto_map .map1 {display:block;}
#howto_map .map2 {display:none;}
#howto_map .map3 {display:none;}
#howto_map .map4 {display:none;}
#howto_map .map5 {display:none;}
/*20150122追加ここから*/
/*#howto_wrap_new {border:#7a6a56 1px solid; margin:10px 15px 15px 15px; padding:10px 7% 25px 7%; color:#7a6a56;}*/
#howto_wrap_new p.howto_1,#howto_wrap_new p.howto_2 {width:50%; float:left; text-align: center;}
#howto_wrap_new p.howto_1 span ,#howto_wrap_new p.howto_2 span{text-align: left;}
/*20150122追加ここまで*/
/*20150123追加ここから*/
#howto_wrap_new .headline .hd_1 {display:block;}
#howto_wrap_new .headline .hd_2 {display:none;}
/*20150123追加ここまで*/

}

@media screen and (min-width: 720px) {
.pc {display:block;}
#menu01,#menu02,#menu03,#menu04 { width:25%; float:left;}
#intro01 { margin-top:15px;}
#intro01 p {padding:120px 10px 10px 25px;}
#intro01 span { display:block;}
#intro03 {width:60%; padding:10px 0 0 0; float:left;}
#intro04 {display:block; width:38%; max-width:320px; float:left; margin-left:2%;}
.news_photo { float:left; width:35%; text-align:left;}
.news_photo img {width:100%; max-width:180px;}
.news_text { float:left; width:65%;}
.news_info .date, .news_info .title, .news_info .intro { padding-left:10px; display:block;}
.link_button {width:25%;}
#footer_menu a {margin:0 20px;}
#footer_copyright {display:inline-block;}

#sns {float:right; margin-right:15px;}

/* header menu */
#menu2_01,#menu2_02,#menu2_03,#menu2_04 { width:25%; float:left;}
#menu2_main {padding:40px 10px 25px 130px;}

/* about */
#about_title_wrap {margin:40px 0 0 0;}
#about_intro01 {padding:30px 180px 30px 40px; background:url(https://negaibina.jp/images/about/bg01.png) no-repeat 98% 10px;}
#about_photo p {display:block; float:left; width:50%;}
#about_photo p.photo01 {text-align:right;}
#about_photo p.photo02 {text-align:left;}
#about_photo p.photo01 span {padding:0 5px 0 10px;}
#about_photo p.photo02 span {padding:0 10px 0 5px;}

#about_intro02 {padding:30px 50px 20px 200px; line-height:2em; background:url(https://negaibina.jp/images/about/bg02.png) no-repeat 10px;}
#about_intro02 .para {display:block; margin:0; padding-top:25px;}
#about_intro02 span { display:block;}
#about_intro03 {background:url(https://negaibina.jp/images/about/bg03.png) no-repeat 98% 10px; min-height:300px;}
#about_border01 {margin-top:30px; width:70%; padding: 0 20px;}

.about_info {padding:30px 0px 10px 20px;}
.about_photo { float:left; width:40%; text-align:left;}
.about_photo p, .about_text .intro {padding-right:20px;}
.about_text { float:left; width:60%;}

/* howto */
#howto_wrap_new {margin:10px 15px 15px 15px; padding:10px 7% 25px 7%;}
}

@media screen and (min-width: 950px) {
#header_main_img01 {display:block; width:100%; max-width:950px;}
#header_cloud01 {display:block; background:url(https://negaibina.jp/images/index/cloud01.png) no-repeat; width:360px; height:111px; position:absolute; z-index:50; left:-244px; bottom:0;}
#header_cloud02 {display:block; background:url(https://negaibina.jp/images/index/cloud02.png) no-repeat; width:360px; height:95px; position:absolute; z-index:50; right:-245px; top:0;}
#header_cloud03 {display:block; background:url(https://negaibina.jp/images/index/cloud03.png) no-repeat; width:592px; height:139px; position:absolute; z-index:10; left:-592px; top:25px;}
#header_cloud04 {display:block; background:url(https://negaibina.jp/images/index/cloud04.png) no-repeat; width:676px; height:139px; position:absolute; z-index:10; right:-696px; bottom:10px;}
#menu01,#menu02,#menu03,#menu04 { width:25%; float:left;}

/* header menu */
#header_logo {left:-35px;}
#header_logo img {width:195px;}
#menu2_main {padding:50px 50px 35px 170px;}

/* about */
#about_title_wrap {margin:80px 0 0 0;}
#about_intro01 {padding:30px 50px 30px 80px; line-height:2em; background:url(https://negaibina.jp/images/about/bg01.png) no-repeat 95% 30px;}
#about_intro01 .para {display:block; margin:0; padding-top:25px;}
#about_intro01 span { display:block;}
#about_intro02 {padding:30px 50px 20px 250px; background:url(https://negaibina.jp/images/about/bg02.png) no-repeat 30px;}

/* howto */
#howto_wrap {padding:60px 0 0 0;}
#howto_wrap2 { margin:0 0 15px 0; padding:10px 15px 25px 15px;}
#howto_wrap2 span {padding:5px 5px 5px 4em;}
#howto_wrap3 { display:block; background:url(https://negaibina.jp/images/howto/bg01.png) repeat; padding:15px;}
/*20150127変更ここから*/
/*#howto_pdf_map {float:left; width:365px;}*/
#howto_pdf_map {float:left; width:184px; margin:0 30px 0 150px;}
/*20150127変更ここまで*/
#howto_pdf_map a:hover {opacity:0.7;}
#howto_pdf_text {float:left; width:550px;}
#howto_pdf_text .text01 { padding:50px 0 50px 50px; font-weight:bold; display:block; color:#4a4a4a;}
#howto_pdf_text .text02 {display:block; margin-left:50px; padding:0 50px; background:url(https://negaibina.jp/images/howto/pdf.png) no-repeat 0 4px; font-size:11px; line-height:1.5; text-decoration:none; color:#4a4a4a;}
#howto_pdf_text a:hover {opacity:0.7;}

#howto_title01 img{width: 100%; max-width: 383px;}
#howto_wrap_new p.howto_1{}
#howto_wrap_new p.howto_2{}


/* access */
#access_wrap {padding:60px 0 0 0;}
}


/*
     FILE ARCHIVED ON 19:16:15 Mar 16, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 02:05:21 Aug 23, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.421
  exclusion.robots: 0.014
  exclusion.robots.policy: 0.007
  esindex: 0.009
  cdx.remote: 13.106
  LoadShardBlock: 256.931 (3)
  PetaboxLoader3.datanode: 295.207 (5)
  PetaboxLoader3.resolve: 278.009 (3)
  load_resource: 529.83 (2)
*/