@charset "utf-8";
/* CSS Document */
/*-------------------------------------------------------
	981px以上のとき
-------------------------------------------------------*/

#top_img_area img{
	display:none;
}
/*-------------------------------------------------------
	980px以下のとき
-------------------------------------------------------*/
@media only screen and (max-width: 980px){
#header,#top_img_area,#global_nav,#footer_contact{
	overflow:hidden;	
}
#header, #wrap, #bred {
	width: 100%;
	margin: 0 auto;
}
/*
	#header
					*/
#header h1 img{
	margin-left:2%;
}
/*
	#top_img_area
					*/
#top_img_area {
	clear: both;
	background: none;
	width: 100%;	
}
#top_img_area p {
	line-height:0;
}

#top_img_area img{
	display:block;
	width:100%;
}
/*
	#global_nav
					*/
#global_nav li {
	float: left;
	width:20%;
}
#global_nav li img{
	width:100%;
	height:auto;
}
#global_nav ul {
	max-width: 960px;
	width:100%;
	margin: 0 auto;
	height: auto;
}
#global_nav {
	width: 100%;
	background-image:none;
}
/*
		#bred
					*/
#bred p{
	margin-left:2.5%;	
}
/*
		#main
					*/
#main {
	float: none;
	margin:0 auto;
	max-width:98%;
}
#main_area p a img{
	width:90%;
	margin-top:10px;
	height: auto;
}
#main_area h2,#review_area h2{
	max-width:690px;
	width:100%;
}
#main_area .list_all {
    float: right;
    margin: 15px 10px 0 0;
}
/*
		#side
					*/

#side{
	float: none;
	margin:0 auto;
	max-width:100%;
	margin-top:5px;
	max-width:500px;
	width:98%;
}
#side_menu,#side_contact{
	overflow:hidden;
	width:98%;
}
#side_menu{
	margin-top:15px;	
}
#side_menu li{
	float:left;
	width:48%;
	margin-top:5px;
}
#side_menu ul{
	width:100%;
}
#side_menu img{
	width:100%;
	height:auto;
}
#side_menu li:nth-child(odd){
	margin-right:5px;
	margin-left:2%;
}
/*
	#side_link
					*/

#side_link li{
	float:left;
	width:48%;
}
#side_link li:nth-child(2){
	margin-left:2%;
}
#side_link li img{
	width:100%;
	height:auto;
}

/*
	.main_content
					*/
.main_content dt,.main_content dd{
	float:none; 
}
.main_content dd{
	width:97%;
}
/*-------------------------------------------------------
	footer_contact
-------------------------------------------------------*/

#footer_contact{
	display:none;	
}
/*
#footer_contact {
	clear: both;
	background: #004c98 url(../images/footer_bl_deco.png) top center no-repeat;
	margin-bottom: 40px;
	width: 100%;
	padding-top: 20px;
	height: 120px;
	text-align:center;
}
#footer_contact ul, #footer_contact p {
	max-width: 960px;
	width:100%;
}
#footer_contact ul li {
	float: none;
}
*/
/*-------------------------------------------------------
	footer
-------------------------------------------------------*/

#footer {
	width:98%;
	border-top: 1px solid #898A7A;
	padding-top:10px;
}
address p{
	width:100%;
}
#footer_contact .call_bl img{
	max-width:660px;
	width:100%;
	height:auto;
}
#footer div{
	margin:0 auto ;
}
/*-------------------------------------------------------
	  eventlist
-------------------------------------------------------*/
/*
	index.html
					*/

#page_img_area p{
	width:100%;
	overflow:hidden;
}
#page_img_area img{
	width:100%;
	min-width:700px;
	height:auto;	
}
/*
	thanks.html
					*/

#thanks p {
    max-width: 660px;
    width: 95%;
}
#thanks p img{
	width:100%;
	height:auto;	
}
/*
	application.html
					*/
#form {
    max-width: 960px;
    margin: 10px auto 60px auto;
    width: 95%;
	overflow:hidden;
}
#form h2,#form .appli_content,#form table{
	max-width:960px;
	width:100%;
	
}
#form .length_large, #form_review .length_large {
    max-width: 400px;
	width:90%;
}
}
/*-------------------------------------------------------
	768px以下のとき
-------------------------------------------------------*/
@media only screen and (max-width: 768px){
#main, #main_area .event_title,.main_content dl {
	float: none;
	margin: 10px auto 0 auto;
	width:95%;
}
.centerbottom img{
	max-width:470px;
	width:70%;
	height:auto;
}
/*
	#header
					*/
#header .call_wh,#header .mail_bl {
    margin: 10px 0 10px;
	
}
#header p img{
	width:100%;
	height:auto;
}
#header h1 {
    float: none;
    margin: 25px 0 10px;
}
#header p.mail_bl{
	width:160px;
	margin-left:10px;
	margin-right:10px;
}
#header p.call_wh{
	width:179px;
	margin-right:10px;
}
/*
	#main_content
					*/
div.main_content .event_title, .main_content dl{
	margin-left:10px;
}
/*
	#news_area
					*/

#news_area,#news_area table{
	max-width: 690px;
	width:98%;
	margin-left:auto;
	margin-right:auto;
}
#news_area dl {
	max-width: 430px;
	width:100%;
	overflow:auto;
	margin-left:auto;
	margin-right:auto;
}
#news_area dd {
	max-width: 330px;
	width:100%;
}
#news_area td{
	padding-bottom:15px;
}
#news_area table,#news_area tbody,#news_area tr,#news_area th,#news_area td{
	display:block;
}
#news_area .deco_left {
	width: 100%;
	height:10px;
	padding-top:0;
	padding-bottom:0;
	border-top: 1px solid #898A7A;
	border-left: 1px solid #898A7A;
	border-right: 1px solid #898A7A;
	border-bottom:none;
}
#news_area td.deco_right {
	width: 100%;
	height:10px;
	padding-top:0;
	padding-bottom:0;
	border-bottom: 1px solid #898A7A;
	border-left: 1px solid #898A7A;
	border-right: 1px solid #898A7A;
	border-top:none;
}

/*
	review_area
					*/
#review_area h2{
	height:auto;
}
.review_content table{
	max-width:588px;	
}
.review_content tr{
	width:100%;
}
.review_content table{
	margin-left:10px;
	float:none;
	width:96%;
}
#review_area .campaign img{
	max-width:98%;
	height:auto;
}

/*
	  #footer
					*/
#footer{
	border-top:none;	
}
#footer img {
	float: none;
	margin:0 auto 20px auto;
	text-align:center;
	display:block;
}
#footer ul {
	float: left;
}
#footer ul.left{
	border-left:none;
	margin-left: 9%;
    padding-left: 20px;
}
#f_logo{
	border-bottom: dotted 1px #000;
	margin-bottom:20px;
}
/*-------------------------------------------------------
	event
-------------------------------------------------------*/
/*
	  index.html
					*/
#main_area table.event_name {
    width: 100%;
}
#event_img {
    float: none;
    max-width: 378px;
	width:100%;
    margin: 10px auto 0 auto;
	text-align: center;
}
#application {
    float: none;
    max-width: 620px;
    margin: 0 auto;
    width: 98%;
}
#application p{
    max-width: 47%;
    float: left;
    width: 100%;
}
#application p:nth-child(2n){
	float:left;
	margin-left:5%;
}
#application img {
    margin: 10px 0 0 0;
    width: 100%;
	height:auto;
}
#application .download img {
    margin-right: 5px;
	max-width:39px;
	height:auto;
	
}
#application .download{
	padding-bottom:15px;
	margin-bottom:10px;
}
/*
	  application.html
					*/

#form td {
    display: block;
}
#form .form_title{
	max-width: 100%;
	width: inherit;
}
}
/*-------------------------------------------------------
	500px以下のとき
-------------------------------------------------------*/
@media only screen and (max-width: 500px){
	#top_img_area img {
	min-width:700px;
    width: 100%;
}
#news_area dt,#news_area dd{
	float:none;
}
#side_link li{
	float:none;
	margin-left: auto;
	margin-right:auto;
    width: 200px;

}
#side_link li:nth-child(2){
	margin-left:auto;
}
#side_menu ul {
    width: 200px;
    margin: 0 auto;
}
#side_menu li {
    float: none;
    width: 100%;
}
#side_menu li:nth-child(odd) {
	margin-left:0;
	margin-right:0;
}
#main_area h2,#review_area h2{
	padding-top:10px;
	padding-bottom:10px;
	line-height:normal;
}
#main_area h2 img{
	margin-top:3px;
}
#review_area .list_all ,#main_area .list_all{
    margin: 10px 10px 0 0;
}
div#footer ul, div#footer ul.left {
    border-left: none;
    margin: 0 auto;
    padding-left: 0;
    text-align: center;
    width: 95%;
}
div#footer ul li {
    margin-bottom: 5px;
}
/*-------------------------------------------------------
	event
-------------------------------------------------------*/
/*
	  index.html
					*/
#application .download img {
    display: block;
    margin: 5px auto 5px;
}
#application .download a {
	display:block;
	text-align:center;
}
#main_area th, #main_area td {
    display: block;
}
#main_area table.event_name th {
    width: auto;
    padding: 0;
}
.event_name th {
	margin-top:10px;
}
#main_area table.event_name td{
	padding-top:15px;
}
#application p ,#application p:nth-child(2n),#application p.entry{
    float: none;
    width: 200px;
	margin-left:auto;
}
#application .download {
	width: 200px;
}
#event_img img {
    max-width: 360px;
    height: auto;
    width: 100%;
}
#event_img p{
	margin-left: 2%;
    margin-right: 2%;
}
#application .download {
    padding-bottom: 10px;
	margin-bottom:5px;
}
.center img{
	width:200px;
	height:auto;
}
/*
	  comfirm.html
					*/
p.comfirm{
	width:210px;
	margin:10px auto 15px;
}
#form .appli_button {
    margin: 0 auto;
}
.comfirm img{
	max-width:inherit;
	width:100%;
	height:auto;
}
}

/*-------------------------------------------------------
	180207追加
-------------------------------------------------------*/
@media only screen and (max-width: 768px){
.main_service {
	max-width: 690px;
	width:98%;
	margin-left:auto;
	margin-right:auto;
}
}
@media only screen and (max-width: 500px){
.sp_only {
	display: block;
}
#main_area h2 {
	line-height: 30px !important;
}
.main_service .tit {
	width: 100%;
}
.main_service .con1 .service_title {
	width: 95%;
}
.main_service .con1 .wrap {
	width: 100%;
	margin: 10px auto;
}
.main_service .con1 .box {
	float: none;
	width: 90%;
	margin: 0 auto 10px;
	height: auto;
}
.main_service .con1 .box2 p {
	margin-bottom: 20px;
}
.main_service .con1 .box:last-child {
	margin: 0 auto;
}
.main_service .con1 .box .tit {
	width: 100%;
}
.main_service .con1 .box .link {
	width: 200px;
}
.main_service .con1 .in_tit {
	margin: 10px;
}
.main_service .con2,
.main_service .con3{
	float: none;
	width: 100%;
	height: auto;
}
.main_service .con2 .service_title,
.main_service .con3 .service_title {
	width: 95%;
}
.place_list ul.left,
.place_list ul.right {
	float: none;
	width: 100%;
}
.detail {
	width: 100%;
    float: none;
}
.entry_mini img {
	margin-right: 10px;
}
.detail_img {
	width: 80%;
	float: none;
    margin: 10px auto;
}
.detail_img img {
	width: 100%;
    margin: 0 auto;
	height: auto;
}
.detail .entry_mini {
	width: 75%;
	margin: 0 auto;
	position: static;
}
.regional_map img {
	width: 100%;
	height: auto;
}
.facility_name {
	width: 90%;
}
.regional_detail .detail {
	width: 100%;
	margin: 0 auto;
	float: none;
}
.regional_detail .detail dl {
	width: 90%;
}
.detail dl {
	width: 93%;
}
}