@charset "utf-8";
*{margin: 0; padding: 0;}
body {font-size: 0.9375em; font-family:"メイリオ", "游ゴシック", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "sans-serif", "Meiryo UI"; line-height: 1.6em;}
img {width: 100%; height: auto; vertical-align: top;}
a img {border: none;}
a:hover img {opacity: 0.7;}
header {padding: 10px 0;}
a {color: #0033CC; text-decoration: none;}
a:hover {color: #F60;}
ul {list-style-type: none;}
p {margin-bottom: 1em;}
article {margin: 0 auto; padding: 0 3% 0; overflow: hidden;}
#head_right {}
.head_btn {text-align: center; max-width: 350px; margin: 0 auto;}
.head_btn a {border: 2px solid #999; border-radius: 30px; padding: 4px 0 2px; width: 98%; display: block; margin-bottom: 5px; color: #000; background-color: #EEE;}
.head_btn a:hover {color: #F60; border: 2px solid #F60;}
h1 {max-width: 350px; margin: 0 auto 10px;}
a .text_tel {font-weight: bold; font-size: 1.1em; color: #1733CC;}
a:hover .text_tel {color: #F60;}
nav ul {overflow: hidden; text-align: center; border-top: 1px solid #999; font-size: 0.9em;}
nav ul li {width: 50%; float: left;}
nav ul li a {display: block; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; padding: 5px 0; background-color: #666; color: #FFF}
nav ul li a:hover {background-color: #444; color: #FFF;}
nav ul li:nth-child(2n) a {border-right: none;}
#main_img {}
.img01 {width: 70%; margin: 0 auto 10px;}
.img02 {width: 50%; max-width: 150px;}
.bg_lg {background-color: #EEE; padding: 30px 0;}
.text_big1 {font-size: 1.5em; line-height: 1.3em; margin-bottom: 0.2em;}
.text01 {font-size: 1.1em;}
.text_big2 {font-size: 1.8em; font-weight: bold; color: #099; line-height: 1.2em; margin:0;}
.text_big3 {font-size: 1.3em; font-weight: bold; color: #2DA6B7;}
.bg_blue {background-color: #4676b7; color: #FFF; padding: 30px 0;}
.text_big_yellow {font-size: 1.6em; font-weight: bold; color: #ffe400; line-height: 1.2em; margin-bottom: 5px;}
.kuwasiku {width: 50%; margin: -0.5em 0 3em; max-width: 200px;}
.column_r1 {max-width: 450px; margin: 0 auto;}
.column_r1 p {width: 48%; float: left; margin: 3px 1%;}
#catch1 {padding: 1em 0; font-size: 1.1em; background-color:#4676b7; color: #FFF;}
.bg_white {background-color: #FFF; padding: 30px 0;}
h3 {font-weight: bold; font-size: 1.2em; border-bottom: 5px solid #4676B7; width: 60%;}
.h3_line {border-bottom: 1px solid #4676B7; margin-bottom: 10px;}
#osirase {margin-bottom: 2em;}
.kiji {border-bottom: 1px dotted #999; padding: 3px 0;}
.day {color: #008AB4; line-height: 1.4em;}
.comm {line-height: 1.4em;}
.btn1 {text-align: center; margin: 0 auto; width: 50%; max-width: 200px;}
.btn1 a {border: 2px solid #03C; padding: 4px 10px 2px; border-radius: 30px; display: block;}
.btn1 a:hover {border: 2px solid #F60;}
.btn2 {text-align: center; margin: 0 auto 15px; width: 50%; max-width: 300px; clear: both;}
.btn2 a {border: 2px solid #03C; padding: 4px 10px 2px; border-radius: 30px; display: block;}
.btn2 a:hover {border: 2px solid #F60;}
footer {background-color: #666; padding: 30px 0; color: #EEE; text-align: center; line-height: 1.4em;}
#footer_nav ul {margin-bottom: 10px;}
#footer_nav ul li {padding: 5px 1em; display: inline-block;}
#footer_logo {font-size: 1.2em; margin-bottom: 10px;}
#footer_nav a {color: #CCC;}
#footer_nav a:hover {color: #FFF;}
#pagetop {clear: both; text-align: center; position: fixed;	bottom: 5px; right: 5px; width: 60px; height: 60px;}
.text_small1 {font-size: 0.8375em; line-height: 1.4em;}
.sp_tab_none {display: none;}
h2 {background-color: #4676B7; font-size: 1.6em; padding: 1em 3%; color: #FFF; font-weight: normal; text-align: center;}
#pankuzu {padding: 5px 3%; text-align: right; color: #999; background-color: #EEE; font-size: 0.9em}
#situmon dl {overflow: hidden; padding: 5px 0;}
#situmon dt {font-size: 1.6em; float: left; width: 10%;}
#situmon dd {float: right; width: 90%;}
.Q {color: #009AA7; }
.A {color: #FF8600;}
.Q dd {font-size: 1.1em; color: #009AA7;; font-weight: bold;}
.nagare {border: 5px solid #4676B7; border-radius: 10px; max-width: 500px; margin: 0 auto;}
.nagare p {margin-bottom: 0; padding: 1em; text-align: center;}
.koumoku {font-size: 1.2em; font-weight: bold; color: #FFF; background-color: #4676B7; padding: 8px; text-align: center;}
.sita {text-align: center; font-size: 3em; padding: 10px; color:#4676B7;}
.tbl01 {border-top: 1px solid #999; border-left: 1px solid #999;}
.tbl01 th, .tbl01 td {padding: 3px; border-bottom: 1px solid #999; border-right: 1px solid #999;}
.tbl01 td {text-align: center;}
h4 {color: #4676B7;}
.point_ul {padding: 1em; list-style-type: none; border: 2px solid #4676B7; border-radius: 8px;}
.point_ul dl {margin-bottom: 1em; padding: 0.5em 0;}
.point_ul dt {font-weight: bold; color: #4676B7; font-size: 1.3em;}
.point_ul li {margin-bottom: 0.6em;}
.sekourei_kiji { border-bottom: 1px dotted #666; padding: 1em 0;}
.sekourei_sub {font-weight: bold; font-size: 1.2em;}
.sekourei_day {color: #008AB4; line-height: 1.4em;}
.comment {line-height: 1.4em; margin-bottom: 1em;}
.osirase_p {width: 90%; margin-bottom: 1em; margin: 0 auto 1em; text-align: center;}
.osirase_p img {margin-bottom: 10px; max-width: 300px; padding: 0 3px;}
.formwidth {width: 95%; max-width: 600px;}
.formwidth2 {width: 60%; max-width: 300px;}
#kent {padding: 0.5em 0; text-align: center;}
form {margin-bottom: 3em;}
.text_red {color: #C00;}
form dl {overflow: hidden; padding: 5px 0;}
form dt {font-weight: bold;}
.otoiawase_tel {font-size: 1.4em; font-weight: bold;}
.msg {color:#C00;}
.lineup_catch {font-size: 1.2em; margin-bottom: 1em;}
.lineup_item ul {margin-left: 1.5em; list-style-type: disc;}
.lineup_photo {margin-bottom: 1em; text-align: center;}
.lineup_photo img {margin-bottom: 10px;}
.table01 {border-top: 1px solid #999; margin-bottom: 1em;}
.table01 th {padding: 5px; border-right: 1px dotted #999; border-bottom: 1px solid #999;}
.table01 td {padding: 5px; border-bottom: 1px solid #999;}
#sitemap_home {font-size: 1.2em; font-weight: bold;}
#sitemap_itiran {margin-left: 3em;}
#sitemap_li li {margin-left: 3em; list-style-type: disc;}
.address a {color: #DDD;}
.address a:hover {color: #FFF;}

@media print, screen and (min-width: 640px){
body {font-size:1em; line-height: 1.7em;}
header {overflow: hidden;}
h1 {float: left; width: 50%; max-width: 450px;}
#head_right {float: right; width:200px;}
nav ul li {width: 33.33%;}
nav ul li:nth-child(2n) a {border-right: 1px solid #CCC;}
#catch1 {font-size: 1.6em; line-height: 1.3em;}
.kiji {overflow: hidden;}
.comm {float: right; width: 75%;}
.day {float: left; width: 25%;}
#situmon dt {width: 7%;}
#situmon dd {width: 93%;}
h3 {width: 40%;}
.point_ul dl {overflow: hidden;}
.point_ul dt {float: left; width: 20%; text-align: right;}
.point_ul dd {float: right; width: 78%;}
form dt {float: left; width: 12em;}
.pc_tab_none {display: none;}
.img02 {width: 100%;}
.lineup_item {overflow: hidden;}
.lineup_photo {float: left; width: 30%;}
.lineup_text {float: right; width: 68%;}
}

@media print, screen and (min-width: 1080px){
body {font-size:1em; line-height: 1.8em;}
header {width: 1020px; margin: 0 auto;}
article {padding: 0; width: 1020px; overflow: hidden;}
#head_right {}
nav {background: url("../img/nav_gra.jpg") repeat-x center top;}
nav ul { width: 1020px; margin: 0 auto; border-top: none; border-left: 1px solid #CCC;}
nav ul li {width: 170px;}
nav ul li a {background-color: transparent; color: #000; font-size: 1.1em;}
nav ul li a:hover {background-color: #ccc;}
#head_right {width:460px;}
.head_btn {float: left; width: 220px; margin: 0 5px;}
#catch1 {display: none;}
.bg_lg {padding: 40px 0;}
.img01 {float: left; width: 400px;}
.column_r2 {float: right; width: 600px;}
.text_big1 {font-size: 2.4em; padding: 60px 0 0;}
.text01 {font-size: 1.5em;}
.text_big2 {font-size: 2.6em; clear: both; text-align: center; padding-top: 20px;}
.text_big_yellow {font-weight: normal; font-size: 2.4em;}
.column_l1 {float: left; width: 650px;}
.column_r1 {float: right; width: 350px;}
.column_r1 p {width:300px; float: left; margin: 3px 1% 40px;}
.text_white {font-size: 1.2em;}
#main_img {background-color: #174A84; text-align: center;}
#main_img img {max-width: 1280px;}
.sp_tab_none {display: block;}
.pc_none {display: none;}
.comm {width: 840px;}
.day {width: 170px;}
#pankuzu {padding: 5px 0;}
#situmon dt {width: 40px;}
#situmon dd {width: 980px;}
h3 {width: 250px;}
.nagare {max-width: 650px;}
.otoiawase_tel {font-size: 1.6em;}
}