@charset "utf-8";

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

/* reset
--------------------------------------------------------------------------- */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	a,
	li,
	th,
	td,
	dt,
	dd
	{
		font-size:90%;
	}

/* 部品設定 START */
	.float_l_bl,.float_r_bl{
		float:none;
		display:block;
		margin:0px auto 15px;
	}

	.res_img01 img{width:100%;}
	
	.res_contain{
		background-size:contain;
	}

	.res_none,
	.res_br_none{display:none;}

	.res_block,
	.res_br_block{display:block;}


/* body
--------------------------------------------------------------------------- */
	body{
		min-width:auto;
	}

/* header
--------------------------------------------------------------------------- */
	#header_in{
		width:100%;
		height:50px;
		padding:10px 12px;
		display:block;
		position:relative;
	}

	#header h1 {width:140px;}
	#bs_header_cart{width:100px;}
	#bs_header_cart img{width:100%;}

	.j_ac_trigger_open{
		font-size:22px;
		width:32px;
		height:30px;
		padding:0;
	}

	#j_ac_trigger_open span{
		display:none;
	}

	.bs_trigger{
		display:block;
	}

	#j_ac_trigger_open{
		position:absolute;
		top:10px;
		right:12px;
	}

	#j_ac_trigger_open a:after{
		content:"\f0c9";
		font-family:FontAwesome;
	}

	#j_ac_trigger_open a.active:after{
		content:"\f00d";
		font-family:FontAwesome;
	}

	.j_acordion_tree {
		display:none;
		width:100%;
		padding:10px 10px 0px;
		box-sizing:border-box;
		position:absolute;
		top:52px;
		left:0px;
		z-index:100;
		background-color:rgba(69,156,191,0.6);
	}

	#bs_gnav{
		width:100%;
		float:none;
		margin:0 auto 5px;
	}

	#bs_gnav ul li{
		width:48%;
		background-color:#FFFFFF;
		border-radius:6px;
		-webkit-border-radius:6px;
		margin:0 1% 10px;
	}

	#bs_gnav ul li a{
		color:#333333;
		padding:10px 0px;
		font-size:92%;
	}

	a#j_ac_trigger_close{
		display:block;
		width:100%;
		text-align:center;
	}
	a#j_ac_trigger_close i{
		color:#FFFFFF;
		border-radius:100%;
		-webkit-border-radius:100%;
		width:33px;
		height:33px;
		line-height:33px;
	}



/* -------------------------------------------------------
  common.style
------------------------------------------------------- */
	#contents{
		padding:50px 0 0;
	}

	.bs_full_wrap{padding:30px 0;}

	.bs_inner_wrap01{
		padding:0px 12px;
	}

	/* 2カラム メイン
	--------------------------- */
	.bs_2col_main01{
		width:100%;
	}

	/* 2カラム サイド
	--------------------------- */
	.bs_side_col01{
		clear:both;
		width:auto;
		max-width:auto;
		padding:0 12px;
	}

	/* ブロック
	--------------------------- */
	.bs_2col .bs_box.float_l_bl,
	.bs_2col .bs_box.float_r_bl,
	ul.bs_2col > li.float_l_bl,
	ul.bs_2col > li.float_r_bl{
		width:auto;
	}

	.bs_3col.bs_sp_1col > li:nth-child(3n){margin:0 auto 10px;}

	.bs_4col > li{
		width:48%;
		margin:0 4% 15px 0;
	}
	.bs_4col > li:nth-child(2n){margin-right:0;}

	.bs_5col > li{width:48%;}

	.bs_5col > li,
	.bs_5col > li:nth-child(5n){margin:0 4% 15px 0;}

	.bs_5col > li:nth-child(2n){margin-right:0;}

	.bs_sp_1col > li{
		width:auto;
		float:none;
		display:block;
		margin:0 auto 15px;
	}
	.bs_5col.bs_sp_1col > li:nth-child(5n){margin:0 auto 15px;}

	.bs_sp_2col > li{
		width:49%;
		margin:0 2% 10px 0;
	}
	.bs_sp_2col > li:nth-child(2n){margin:0 0 10px 0;}

	.bs_w50_res100{width:100%;}
	.bs_w33_res100{width:100%;}

	/* display:table; */
	.res_block .bs_disp_tbl_cell{display:block; margin:0 auto 10px;}

	.res_block .bs_disp_tbl_cell.bs_disp_tbl_r{padding:0;}

	.me_disp_tbl01{height:auto;}

	.me_disp_tbl01 .bs_disp_tbl_r{padding:20px 0;}

	.bs_3col .bs_disp_tbl_cell{width:100%;}

	/* flexbox; */
	.bs_flex.bs_2col.res_block > div,
	.bs_flex.bs_2col.bs_flex_res_column_reverse > div{width:100%;}
	.bs_flex_res_row_reverse{
		-webkit-flex-direction:row-reverse; /* Safari */
		flex-direction:row-reverse;
	}

	.bs_flex_res_column_reverse{
		-webkit-flex-direction:column-reverse; /* Safari */
		flex-direction:column-reverse;
	}
	.bs_flex_res_column_reverse div{
		width:100%;
		min-height:0%;
	}

	.bs_flex_c{height:200px;}


/* title
------------------------------------ */

	/* 下層ページ メインキャプション */
	.bs_pagetitle{
		height:120px;
	}

	.bs_title01{
		font-size:24px;
		margin-bottom:20px;
	}
	.bs_title01 span{
		font-size:18px;
	}

	.bs_title02{font-size:15px;}

	.bs_title03{
		font-size:16px;
		margin-bottom:10px;
	}

	.bs_copy01{
		font-size:15px;
		line-height:2em;
	}

	/* table
	--------------------------- */
	table.bs_tbl01 th,
	table.bs_tbl01 td{
		padding:10px 10px;
	}

	.me_fix_tbl{width:100%;}

	/* ボタン
	--------------------------- */
	ul.bs_btn_2col{
		display:block;
		width:100%;
	}

	ul.bs_btn_2col li{
		width:auto;
		display:block;
		margin:0 auto 10px;
	}

	/* 背景画像（写真） */
	.bs_bg_cover02{background-attachment:scroll;}

	/* 縦書き → sp時横書き */
	.me_rl_wrap{
		width:100%;
		-webkit-writing-mode:horizontal-tb;
		-ms-writing-mode:lr-tb;
		writing-mode:horizontal-tb;
	}
	.me_rl_wrap h2{padding:0;}
	.me_rl_wrap p{
		padding:0 0 10px 0;
		line-height:1.6em;
	}

	/* Google MAP */
	.bs_gmap_wrap iframe{
		height:200px;
	}
	.bs_gmap_side{
		max-width:100%;
		height:auto;
		position:static;
	}
	.bs_gmap_info{
		height:auto;
		display:block;
	}
	.bs_gmap_info_inner{
		display:block;
		padding:20px 0;
	}

	.bs_call_dl{max-width:auto;}
	.bs_call_dl dt{
		float:none;
		clear:both;
		margin:0 auto;
	}
	.bs_call_dl dd{
		float:none;
	}


/* swiper slide
--------------------------------------------------------------------------- */
	.swiper-slide{
		height:250px;
	}

	.me_top_slide_in{
		height:250px;
	}

	.me_top_slide03 .me_top_slide_in{
		border-spacing:15px 0;
	}

	.me_top_slide02 a,
	.me_top_slide03 p{
		font-size:18px;
	}


/* top page
--------------------------------------------------------------------------- */


/* call
--------------------------------------------------------------------------- */
	p.me_call_form_flow{
		font-size:14px;
	}

	p.me_call_form_flow i{
		font-size:14px;
		padding:0 2%;
	}


/* topics
--------------------------------------------------------------------------- */
	h3.me_topics_title01{
		font-size:16px;
	}


/* footer
--------------------------------------------------------------------------- */
	.bs_footer_in{
		padding:20px 12px;
	}

	.gotop{
		max-width:10%;
	}

	#bs_footer_logo{
		max-width:150px;
		margin:0 auto 10px;
	}

	#bs_ft_menu{display:block;}

	#bs_ft_menu ul{
		width:50%;
		margin:0;
	}

	.bs_footer_info p,
	p#bs_copyright{
		text-align:center;
	}

/* 
--------------------------------------------------------------------------- */

	/* infiniteslide */
	.me_infiniteslide_ul01 li{max-width:150px;}

	/* news（ticker） */
	.me_ticker_news{
		width:100%;
		position:static;
		padding:0 10px;
	}

	ul#me_ticker_news_ul li a{
		font-size:12px;
		padding:10px 0;
	}

	ul#me_ticker_news_ul li a span{
		display:block;
	}

	.me_feature_txt.float_r_bl,
	.me_feature_txt.float_l_bl{
		margin:0 0 0;
		padding:40px 20px 40px 20px;
	}
	.me_feature_txt h3 span{
		font-size:22px;
		padding-left:20px;
	}
	.me_feature_txt h4{
		font-size:18px;
	}

	.me_feature_img_l,
	.me_feature_img_r{
		position:static;
	}

	.me_feature2_txt_r{
		position:static;
		max-width:100%;
		padding:20px 12px;
	}

}