@charset "UTF-8";

/* --------------------------
 * layout
-------------------------- */
body,html { height: 100%; width: 100%; background-color: #000000; background-size:cover; background-attachment: fixed; background-position: center center; }
.wrapper { height: 100%; width: 100%; }
#header { z-index: 999; position: fixed; top: 0; left:0;height: 100px; width: 100%;}
/*home*/
.home #mainVisual {position: relative; height: 100%; width: 100%;display: block;background-image: url(../images/mainimg.jpg); background-size:cover; width: 100%;background-position: center bottom; background-repeat: no-repeat;}
.home #mainVisual .logo { position: absolute; left: 0;width:100%;display: block; height: auto;}
.home #mainVisual .lead { position: absolute; left: 0;width:100%;display: block; height: auto;}
.home #mainVisual .scroll { z-index: 99;position: absolute; bottom: 25px; display: block; text-align: center; width: 100%; height: 78px;}
.home #mainVisual .scroll img {  cursor: pointer; height: 78px; width: 25px;}
.home #mainVisual .scroll img:hover {filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}

.home #contents { }
.home .boxMenu { display: inherit;}
.home .boxMenu .row {border:10px solid #000;}
.home .boxMenu .row > div {border:10px solid #000;}
.home .boxMenu .row > div a {display: block; position: relative; width: 100%; height: auto;overflow: hidden;}
.home .boxMenu .row > div a figure { z-index: 1; overflow: hidden;}
.home .boxMenu .row > div a figure img {filter:alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25;-moz-transition: -moz-transform 0.3s linear;-webkit-transition: -webkit-transform 0.3s linear;-o-transition: -o-transform 0.3s linear;-ms-transition: -ms-transform 0.3s linear;transition: transform 0.3s linear;}
.home .boxMenu .row > div a:hover figure img {filter:alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65;-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.home .boxMenu .row > div a h2 {line-height: 1.8em;letter-spacing: 2px;font-weight: bold; z-index: 9;font-size: 24px;color:#FFF;position: absolute;top: 40%;margin-top: -0.5em;display: block; width: 100%; height: 100%; position: absolute;left: 0px; text-align: center;}
.home .boxMenu .row > div a h2 span { line-height: 1.6em;display: block; font-size: 16px;margin-top: 5px;color:#ffff00;letter-spacing: 2px;font-family: 'Lato',sans-serif; font-weight: 400;}
.home .boxMenu .row > div a.nv01 h2,
.home .boxMenu .row > div a.nv02 h2 {margin-top: -30px;}
.home .omimai {letter-spacing:2px; height: 35px; line-height: 35px;text-align: center;font-size: 12px; margin: 20px; margin-top: 0; color: #fff;}

.home .sponsor { margin-bottom:10px; padding:15px 20px;}
.home .sponsor .listWrap { display:block;}
.home .sponsor h2 {margin-bottom: 2px;cursor: pointer;color: #fff; font-weight: bold; font-size: 16px;display: block; border: 2px solid #fff; line-height: 50px; text-align: center; position: relative;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
.home .sponsor h2 .fa { font-size: 36px;position: absolute; right: 25px; top: 8px;}
.home .sponsor h2:hover { background-color: #fff; color:#000;}
.home .sponsor h2 span { margin-left:10px;font-size:12px;}
.home .sponsor .sponsorList { display: none;padding-top: 8px;}
.home .sponsor .block h3 { border: 1px solid #000;font-size:11px; background-color:#313131;height:30px; line-height:30px; text-align:center; color:#fff;}
.home .sponsor .close { cursor: pointer;border: 1px solid #000;margin-top: 10px;font-size: 14px;text-align: center;background-color: #fff; color: #000;height: 30px;line-height: 30px;}

/*misc*/
.misc #mainVisual {position: relative; height: 280px;; width: 100%;display: block;}
.misc #mainVisual .logo { position: absolute; left: 0;width:100%;display: block; height: auto;}
.misc #mainVisual .lead { position: absolute; left: 0;width:100%;display: block; height: auto;}
.misc #contents {min-height: 500px;color: #fff;padding-top: 50px;padding-bottom: 100px;}
.misc #contents h1.title {font-size: 21px; text-align: right; line-height: 1.6em;margin-top: 0px; text-shadow: 2px  2px 3px #000, -2px  2px 3px #000, 2px -2px 3px #000, -2px -2px 3px #000; }
.misc #contents h1.title span {font-size: 11px; display: block;margin-top: 5px;color:#ffff00;letter-spacing: 2px;font-family: 'Lato',sans-serif; font-weight: 400;}
.misc #contents .block .container > .row { border-bottom: 1px solid #444;padding-bottom: 50px;margin-bottom: 50px;}

.misc #contents .pickup {}
.misc #contents .pickup figure {text-align: center;margin: 25px; margin-top:0px;}
.misc #contents .pickup img { max-width: 240px;border-radius:10em;-moz-border-radius: 10em;-webkit-border-radius: 10em;-o-border-radius: 10em;-ms-border-radius: 10em;}
.misc #contents .pickup p {margin-bottom: 5px; font-size: 11px; text-align: center}
.misc #contents .pickup h2 {margin-bottom: 20px;font-size: 16px; text-align: center; text-shadow: 2px  2px 3px #000, -2px  2px 3px #000, 2px -2px 3px #000, -2px -2px 3px #000;}
.misc #contents .pickup h3 { font-size: 11px;margin-bottom: 15px; background-color: #313131;display: block; line-height: 24px; text-align: center;}
.misc #contents .pickup .text { font-size: 14px;line-height: 1.8em; position: relative; text-shadow: 2px  2px 3px #000, -2px  2px 3px #000, 2px -2px 3px #000, -2px -2px 3px #000;}
.misc #contents .pickup .text .btn { position: absolute; bottom:0; left: 0;}
.misc #contents .pickup .text .btn a { max-width: 200px; margin: 0 auto;}

.misc .about h2 {font-size: 21px;margin-bottom: 25px; line-height: 1.8em;}
.misc .about .text {font-size: 12px; line-height: 2em;margin-bottom: 25px;}
.misc .about .profile {border: 2px solid #fff; padding: 25px; font-size: 12px; line-height: 1.6em;}
.misc .about .profile figure {margin-right: 25px;}
.misc .about .profile h3 {font-size: 18px;margin-bottom: 15px;}

.misc .table-responsive { border: none; border: 1px solid #333;}

.misc .footNav { position: relative;}
.misc .footNav .pagetop {z-index: 9;position: absolute;top: -40px; left: 0;text-align: center;display: block; height: 40px; width: 100%; }
.misc .footNav .pagetop span {margin: 0 auto; height: 40px; width: 80px; line-height: 50px; font-size: 30px; text-align: center; color: #FFF; background-color: #000;cursor: pointer;display: block;border-top-right-radius : 5em;-moz-border-top-right-radius : 5em;-webkit-border-top-right-radius : 5em;-o-border-top-right-radius : 5em;-ms-border-top-right-radius : 5em;border-top-left-radius : 5em;-moz-border-top-left-radius : 5em;-webkit-border-top-left-radius : 5em;-o-border-top-left-radius : 5em;-ms-border-top-left-radius : 5em;}
.misc .footNav .row { border: 1px solid #000;}
.misc .footNav .row > div {height: 70px;}
.misc .footNav .row > div a {border: 1px solid #000;height: 70px;background-color: #222; display: block;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.misc .footNav .row > div a h2 {line-height: 1.8em;letter-spacing: 1px;font-size:14px;color:#FFF;display: block; width: 100%; height: 100%; position: absolute;top: 43%;left: 0px;margin-top: -0.5em; text-align: center;}
.misc .footNav .row > div a h2 span { font-size: 11px;margin-left: 15px;color:#ffff00;letter-spacing: 1px;font-family: 'Lato',sans-serif; font-weight: 400;}
.misc .footNav .row > div a .fa { display: none;}
.misc .footNav .row > div a:hover {background-color: #333;}

.misc .note {}
.misc .note ul {padding-left: 15px;}
.misc .note ul li {list-style-type: circle;font-size: 14px;margin-top: 5px; text-shadow: 2px  2px 3px #000, -2px  2px 3px #000, 2px -2px 3px #000, -2px -2px 3px #000;}
.misc .note ul li:first-child {margin-top: 0;}

.misc .access {}
.misc .access h2 {font-size: 16px;margin-bottom: 15px;color:#ffff00; text-shadow: 2px  2px 3px #000, -2px  2px 3px #000, 2px -2px 3px #000, -2px -2px 3px #000;}
.misc .access .text {font-size: 13px;margin-bottom: 30px; text-shadow: 2px  2px 3px #000, -2px  2px 3px #000, 2px -2px 3px #000, -2px -2px 3px #000;}

.misc .omimai {display:none;}

.donwload .table > tbody > tr > td {padding:0px;line-height: 50px;}
.donwload .table.table-bordered > tbody > tr > td.dl {padding: 0;}
.donwload .table.table-bordered > tbody > tr > td.dl a {font-family: 'Lato',sans-serif; font-weight: 400; letter-spacing: 2px;display: block;background-color: #ffff00;line-height: 50px; color: #fff;width: 100%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.donwload .table.table-bordered > tbody > tr > td.dl a:hover { background-color: #9B8A4C;}
.donwload .table.table-bordered > tbody > tr > td.dl .fa {margin-left: 10px;}

.accessTable { font-size: 13px;}
.accessTable td {line-height: 1.6em;}
.accessTable .btn.minwh {padding: 0;width:200px;margin: 0;margin-top: 15px;}

.crumbs {font-size: 12px;margin-top: 50px;}
.crumbs ul { text-align:center;}
.crumbs ul li {display: inline-block;margin:0px;margin-right: 10px;color:#fff;}
.crumbs ul li a {color: #fff;}
.crumbs ul li a:hover { text-decoration: underline;}
.crumbs ul li .fa { color:#9B8A4C;}

#map { height: 400px; width: 100%;margin-bottom: 2px;}
#footer .copyright {letter-spacing: 2px;line-height: 50px; color: #fff;text-align: center; font-size: 10px;height: 50px; width: 100%; background-image: url(../images/header_bg_img.png); background-size: cover; background-position: center; background-repeat: no-repeat;}
.spNav {z-index: 9999;text-align: center;position: fixed;background-color: rgba(0, 0, 0, 0.9); width: 100%; height: 100%;display: block; top: 0; left:0;display: none;}
.spNav ul {margin-top: 100px;}
.spNav ul li {height: 60px; line-height: 60px; border-top: 1px solid #313131;}
.spNav ul li a {font-size: 24px; color: #fff; font-weight: 100;}
.spNav ul li a:hover { text-decoration: underline;}
.spNav ul li.close { cursor: pointer;font-size: 24px; color: #ffff00;font-family: 'Lato',sans-serif; font-weight: 400;}

/* --------------------------
 * media query
-------------------------- */

/*layout*/
@media(max-width:767px) {

	body:before{
	  content:"";
	  display:block;
	  position:fixed;
	  top:0;
	  left:0;
	  z-index:-1;
	  width:100%;
	  height:100vh;
	  background-color: #000000;	  background-size:cover;
	  background-position:center center;
}

	body,html { height: 100%; width: 100%; background-image: none; background-size:cover; background-attachment: fixed; background-position: center center; }

    .pc_dsp { display:none;}
    .sp_dsp { display:inline;}
	.wrapper { overflow-x: hidden; height: auto; width: 100%; }
    #header { z-index: 999; position: fixed; top: 0; left:0;height: 50px; width: 100%; background-image: url(../images/header_bg_img.png); background-size: cover; background-position: center; background-repeat: no-repeat;}
    #header .humberger { z-index: 999;position: fixed; top: 12px; right: 20px;display: block;height: 30px; width: 30px;}
    #header .logo {width: 135px; height: auto;position: absolute; top: 10px;left: 15px;}

    .home #mainVisual {height: 480px;}
    .home #mainVisual .logo { top:120px;}
    .home #mainVisual .logo figure {padding:0 25px; text-align: center;}
    .home #mainVisual .logo figure img {max-width: 450px;}
    .home #mainVisual .lead { bottom:60px;}
    .home #mainVisual .lead figure {padding: 0 25px; text-align: center;}
    .home #mainVisual .lead figure img {max-width: 450px;}
	.home #mainVisual .scroll { display:none;}
    .home .boxMenu .row > div a h2 { font-size: 16px;letter-spacing: 0px;}
    .home .boxMenu .row > div a h2 span { font-size: 10px;}
    .home .boxMenu .row > div a.nv01 h2,
    .home .boxMenu .row > div a.nv02 h2 {margin-top: -20px; line-height: 1.8em}
    .home .boxMenu .row {border:4px solid #000;}
    .home .boxMenu .row > div {border:4px solid #000;}
    .home .boxMenu .row > div a figure img {filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4;}
    .home .omimai { height: auto; letter-spacing:1px; padding: 10px 15px;line-height:1.8em;text-align: left;font-size: 10px; margin: 8px; margin-top: 0; color: #fff;}

    .home .sponsor { margin-bottom:10px; padding:15px 20px 0px;}

    .misc #mainVisual {height: 220px;}
    .misc #mainVisual .logo {top:80px;}
    .misc #mainVisual .logo figure {padding:0 50px;text-align: center;}
    .misc #mainVisual .logo figure img {max-width: 320px;}
    .misc #mainVisual .lead { top:155px; }
    .misc #mainVisual .lead figure {padding: 0 40px;text-align: center;}
    .misc #mainVisual .lead figure img {max-width: 320px;padding-left: 10px;}
    .misc #contents h1.title {font-size: 24px; text-align: center; line-height: 1.6em;margin-top: 0px;margin-bottom: 50px;}
    .misc #contents .pickup { margin-bottom:25px;}
    .misc #contents .pickup .text { min-height:inherit; max-width: 360px; margin:0 auto;}
    .misc .about .profile img {max-width: 240px;border-radius:10em;-moz-border-radius: 10em;-webkit-border-radius: 10em;-o-border-radius: 10em;-ms-border-radius: 10em;}
    .misc .about .profile figure {margin-bottom: 25px; width: 100%;display: block; text-align: center;}

    .gnav {display: none;}
    .spNav ul {margin-top: 50px;}
    .spNav ul li {height: 50px; line-height: 50px;}
    .spNav ul li a {font-size: 18px;}

    .misc .footNav .row > div a h2 {left: 25px;text-align: left;}
    .misc .footNav .row > div a h2 span {font-size: 10px;}
    .misc .footNav .row > div a .fa { display: inline; color: #fff; position: absolute; top: 22px; right: 25px; font-size: 24px;}
    h1.desc {overflow: hidden; position: fixed; height: 0px; display: block;z-index: -9; top: 0; left: 0; width: 100%;}
    .livechat {display:none;}

    .misc #contents .pickup {height:auto;}
    .misc #contents .pickup .text { font-size: 12px;line-height: 1.8em; position:inherit;}
    .misc #contents .pickup .text .btn { position: inherit;}
    .misc #contents .pickup .text .btn a { max-width: 200px; margin: 0 auto;}
}
@media(min-width:767px) {
    .pc_dsp { display:inline;}
    .sp_dsp { display:none;}

    #header .logo {display: none;}
    #header .humberger { z-index: 999; position: fixed; top: 25px; right:25px;height: 40px; width: 40px;}

    .home #mainVisual .logo {top:120px;}
    .home #mainVisual .logo figure {padding:0 120px;}
    .home #mainVisual .lead { bottom:100px;}
    .home #mainVisual .lead figure {padding: 0 25px;}

    .misc #mainVisual .logo {top:80px;}
    .misc #mainVisual .logo figure {padding:0 100px;text-align: center;}
    .misc #mainVisual .logo figure img {max-width: 380px;}
    .misc #mainVisual .lead { bottom:25px;}
    .misc #mainVisual .lead figure {padding: 0 100px;text-align: center;}
    .misc #mainVisual .lead figure img {max-width: 510px;padding-left: 20px;}
    .misc .table-responsive { padding: 0;border: none;}

	.home .boxMenu .row > div a h2 {font-size: 18px;}

    .gnav {display: none;}
    h1.desc {overflow: hidden; position: fixed; height: 0px; display: block;z-index: -9; top: 0; left: 0; width: 100%;}
    .livechat {display:none;}
	.misc #contents .pickup .text { min-height:330px;}
	.misc #contents .section.live h1.title {font-size: 21px; text-align: center; line-height: 1.6em;margin-top: 0px; margin-bottom:50px; }
    .misc #contents .section.live h1.title span {font-size: 11px; display: block;margin-top: 5px;color:#ffff00;letter-spacing: 2px;font-family: 'Lato',sans-serif; font-weight: 400;}
	.home .omimai {letter-spacing:1px; font-size: 11px;}
}
@media(min-width:992px) {
    .pc_dsp { display:inline;}
    .sp_dsp { display:none;}

    #header .logo {display: none;}
    #header .humberger { cursor: pointer; z-index: 999; position: fixed; top: 30px; right:30px;height: 50px; width: 50px;}

    .home #mainVisual .logo {top:120px;}
    .home #mainVisual .logo figure {padding:0 200px;text-align: center;}
    .home #mainVisual .logo figure img {max-width: 800px;}
    .home #mainVisual .lead { bottom:100px;}
    .home #mainVisual .lead figure {padding: 0 100px;text-align: center;}
    .home #mainVisual .lead figure img {max-width: 960px;}

    .misc #mainVisual .logo {top:70px;}
    .misc #mainVisual .logo figure {padding:0 100px;text-align: center;}
    .misc #mainVisual .logo figure img {max-width: 380px;}
    .misc #mainVisual .lead { bottom:0px;}
    .misc #mainVisual .lead figure {padding: 0 100px;text-align: center;}
    .misc #mainVisual .lead figure img {max-width: 510px;padding-left: 20px;}
    .misc .table-responsive { padding: 0;border: none;}

	.home .boxMenu .row > div a h2 {font-size: 24px;}

    .gnav {margin: 0px; padding:0px; display: block;}
    .gnav ul {margin: 35px 0px 2px; display: block;padding: 0px; text-align: center;background-color: #222;}
    .gnav ul li {display: inline-block;border-left: 2px solid #000;}
    .gnav ul li:last-child {border-right:2px solid #000;}
    .gnav ul li a {line-height: 50px;font-size: 14px; display: block;padding: 0 24px; color: #fff;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .gnav ul li a:hover {background-color: #FFF; color: #000;}
    h1.desc { position: fixed; height: 0px; display: block;z-index: -9; top: 0; left: 0; width: 100%;}

    .livechat { height:397px; width:100%; display:block; overflow:hidden;}
    .livechat iframe {border:none;height:397px;width:100%}
	.home .omimai {letter-spacing:2px; font-size: 12px;}
    .misc #contents .pickup {height:500px;}

    .misc #contents .section.live h1.title {font-size: 21px; text-align: center; line-height: 1.6em;margin-top: 0px; margin-bottom:50px; }
    .misc #contents .section.live h1.title span {font-size: 11px; display: block;margin-top: 5px;color:#ffff00;letter-spacing: 2px;font-family: 'Lato',sans-serif; font-weight: 400;}
}
@media(min-width:1200px) {
    .livechat { height:479px; width:100%; display:block; overflow:hidden;}
    .livechat iframe {border:none;height:479px;width:100%}
}

.slider {
  position:relative;
	z-index: 1;
	/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
	height: 100vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}
/*　背景画像設定　*/

.slider-item01 {
    background:url(../images/boxNav_01.jpg);
}

.slider-item02 {
    background:url(../images/boxNav_02.jpg);
}

.slider-item03 {
    background:url(../images/boxNav_03.jpg);
}

.slider-item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height:100vh;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}

/*矢印の設定*/

.slick-prev, 
.slick-next {
    position: absolute;
	z-index: 3;
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #fff;/*矢印の色*/
    border-right: 2px solid #fff;/*矢印の色*/
    height: 25px;
    width: 25px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:2.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:2.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
	position: relative;
	z-index: 3;
    text-align:center;
	margin:-50px 0 0 0;/*ドットの位置*/
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#fff;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}

.wakasagi_title {
	margin-top: 30px;
	margin-bottom: 30px;
	text-shadow: 2px  2px 3px #000, -2px  2px 3px #000, 2px -2px 3px #000, -2px -2px 3px #000;
}

@media(max-width:767px) {
.wakasagi_title {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 16px;
}
}
	.wakasagi_details {border: 2px solid #fff; padding: 25px; font-size: 12px; line-height: 1.6em;}
	.wakasagi_details figure {margin-right: 25px;}
	.wakasagi_details h3 {font-size: 24px;margin-bottom: 15px;}

	.wakasagi_text {font-size: 18px;}

@media(max-width:767px) {
	.wakasagi_details img {max-width: 240px;border-radius:10em;-moz-border-radius: 10em;-webkit-border-radius: 10em;-o-border-radius: 10em;-ms-border-radius: 10em;}
	.wakasagi_details figure {margin-bottom: 25px; width: 100%;display: block; text-align: center;}
	.wakasagi_details h3 {font-size: ; text-align: center;}
	.wakasagi_text {font-size: 16px; margin-left: 5%; margin-right: 5%;}

}

li::marker {
	color: #000;
}

.infoBox {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 50px;
    margin-left: 0px;
}

.infoBox h3 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 3px;
	position: relative;
	padding-left: 15px;
	padding-top: 2px;
	background-image: url(../images/anchor.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 90%;
	text-shadow: 2px  2px 3px #000, -2px  2px 3px #000, 2px -2px 3px #000, -2px -2px 3px #000;
}

.infoBox h3 #weather {
	position: absolute;
	margin: 0px;
	height: 25px;
	width: 40px;
	right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 50px;
	background-image: url(../images/detail_weather.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #000000;
	bottom: 0px;
}

@media(max-width:767px) {
.infoBox h3 #weather {
	position: absolute;
	margin: 0px;
	height: 25px;
	right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 50px;
	background-image: url(../images/detail_weather.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #000000;
	bottom: 0px;
	top: -0.5px;
}
}

.infoBox #detail {
	margin-top: 20px;
	margin-bottom: 10px;
	border: 1px solid #FFFFFF;
	padding: 20px;
	text-shadow: 2px  2px 3px #000, -2px  2px 3px #000, 2px -2px 3px #000, -2px -2px 3px #000;
	font-size:16px;
}

.infoBox #detail a {
	color: #FFFFFF;
	text-shadow: 2px  2px 3px #000, -2px  2px 3px #000, 2px -2px 3px #000, -2px -2px 3px #000;
}

.infoBox #condition {
	margin-bottom: 10px;
}

table#border {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #DED8D6;
	border-left-color: #DED8D6;
}

td#border {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #DED8D6;
	border-bottom-color: #DED8D6;
	border-right-color: #DED8D6;
	border-left-color: #DED8D6;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.result-condition {
	text-shadow: 2px  2px 3px #000, -2px  2px 3px #000, 2px -2px 3px #000, -2px -2px 3px #000;
}

.condition-img {
	margin-right: 10px;
	margin-top: -4px;
}

@media(max-width:767px) {
.accesslogo {
	margin-top:-40px;
}
}