@charset "UTF-8";

/* home
================================*/

@media screen and (max-width: 800px) {

	#sub_slide li .inner {
		position: relative;
		overflow: hidden;
	}
}

@media screen and (max-width: 768px) {

	.display_sp {
		display: block;
	}

	#main_area .carou_page {
		margin-bottom: 0;
	}

	#main_area .text {
		top: 50px;
		left: 25px;
	}

	#news .title {
		margin-left: 7px;
	}

	#body_inner article{
		padding: 0 10px;
	}
	.info_area {
		text-align: left;
		padding: 0px 10px;
		/*margin-left: 2%*/
		margin-left:0;
	}
		.news_img {
			display:none;
			float:none;
		}
		.text_area {
			word-break:break-all;
			width: 100%;
			margin-left: 0px;
			float: none;
		}
			.text_area .title_spOnly {
				display:block;
				width: 100%;
				float:left;
				margin: 0 auto 35px;
			}		
			.text_area .title_pctabOnly {
				display: none;
			}
				.text_area p {
					font-size:19px;
					margin-top: 20px;
				}
				.text_area .detail_btn{
					position:relative;
				}
				.text_area .detail_btn a{
					padding-right:40px;
				}
					.text_area .detail_btn .break_line_sp{
						display:block;
					}
					.text_area .detail_btn .arrow_icon{
						display:block;
						position:absolute;
						right:11px;
						width:auto;
					}
						.text_area .detail_btn .arrow_icon img{
							width: 60%;
							height: auto;
						}	


	.menu_area {
		width: auto;
		/*padding:0 10px;*/
	}
		.menu_area ul {
			/*width: 97%;*/
			width:auto;
		}
			.menu_area ul li {
				float: none;
				background-size: 18px auto;
				position: relative;
				box-shadow: none;
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
				-o-box-shadow: none;
				-ms-box-shadow: none;
			}	
				.menu_area ul li.first,
				.menu_area ul li.second,
				.menu_area ul li.third,
				.menu_area ul li.fourth,
				.menu_area ul li.fifth,
				.menu_area ul li.sixth {
					margin-right: 0px;
					width: auto;
					background-size: auto;
				}
				
					.menu_area ul li.third span.adjust_1,
					.menu_area ul li.fifth span.adjust_4,
					.menu_area ul li.third span.adjust_2,
					.menu_area ul li.fifth span.adjust_5,
					.menu_area ul li.third span.adjust_3,
					.menu_area ul li.fifth span.adjust_6 {
						display:inline-block;
					}
															
					.menu_area ul li a {
						display: block;
						width: auto;
						height: 31px;
						text-align: left;
						padding-top: 17px;
						font-size: 11px;
					}
					.menu_area ul li.sixth a span.break_line_pc { display: inline; margin:0 !important; }
						.pt20_pc {
							padding-top: 0px;
						}
						.arrow_icon {
							display: block;
							position: absolute;
							right: 2px;
							bottom: 15px;
						}						
						.note_guide_2 {
							display:inline;
						}
						.note_guide_4 {
							display:inline;
						}
						
							.arrow_icon img {
								width: 60%;
								height: auto;
							}
		  .note {
				width: auto;
				padding: 0 0 50px 0;
		  }
		  .note ul li {
				font-size: 11px;
				font-weight: bold;
				text-indent: -2.5em;
				padding-left: 30px;
			}
	  #sub_slide {
		background: none;  
		border: none;
		box-shadow: none;
		margin: 20px 0 0 0;
		border-bottom: 2px solid #4db2c9;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		-o-border-radius: 0px;
		-ms-border-radius: 0px;
		margin-bottom: 15px; 
	  }
		  .caroufredsel_wrapper {
			height: 260px !important;
			top: 0 !important;
		  }
	  .main_img {
		position: relative;
		padding:0 10px;
	  }
		  .magnifier_spOnly {
			display:block;
			position: absolute;
			bottom: 5px;
			right: 16px;
			width: 17%;
		  }
		  #sub_slide_inner {
		  position: relative;
		  max-width: 960px;
		  margin: 10px auto 0;
		  padding-top: 0;
		  }
			  #sub_slide #sub_slide_inner h3 {
				text-align:left;
				width: 300px;
			  }
			  .h3_pcOnly {
				display: none;
			  }
			.h3_spOnly {
				display: block;
				color: #ffffff;
				background-color: #4db2c9;
				font-size: 14px;
				font-weight: bold;
				text-align: left;
				padding: 5px 0 5px 10px;
				text-indent: -1em;
				padding-left: 20px;
			}
				.h3_spOnly span.blue-square {
						color: #ffffff;
				}
			  #sub_slide .carou_next,
			  #sub_slide .carou_prev {
				top: 100px;
			  }  
		  .blowing {
			display: none;
		  }
		  
	#footer {
		margin-top: 40px;
	}
	
	
	
}