@charset "utf-8";

h2{
	font-family: 'Century Gothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 2px;
}
h2:after{
	display: block;
	content: "";
	width: 100px;
	height: 3px;
	background: url(../commons/img/bg_h2.png) repeat;
	margin: 5px auto 0;
}
#index .mv{
	padding-top: 25px;
}
#index .oshirase{
	padding-top: 35px;
}
#index .oshirase .oshirase_box{
	width: 350px;
	margin: 40px auto 0;
}
#index .oshirase .oshirase_box ul{
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: 20px 0 20px 40px;
}
#index .oshirase .oshirase_box ul li{
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 1px;
	font-weight: bold;
}
#index .oshirase .oshirase_box ul li span{
	font-weight: normal;
}

/* お知らせ用 
#index .oshirase .oshirase_box:first-of-type ul{
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: 20px 0 20px 0;
	text-align: center;
}
#index .oshirase .oshirase_box:first-of-type ul li{
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 1px;
	font-weight: bold;
}
#index .oshirase .oshirase_box:first-of-type ul li span{
	font-weight: normal;
	padding-left: 0;
}

　ここまで */


#index .top_menu{
	padding-top: 75px;
}
#index .top_menu ul{
	width: 1000px;
	margin: 100px auto 0;
	font-size: 0;
}
#index .top_menu ul li{
	width: 234px;
	display: inline-block;
	margin-right: 20px;
}
#index .top_menu ul li:last-child{
	margin-right: 0;
}
#index .top_menu ul li p{
	font-size: 16px;
	letter-spacing: 1px;
	margin-top: 10px;
}
#index .top_menu ul.menu{
	width: 790px;
	margin: 70px auto 0;
}
#index .top_menu ul.menu li{
	display: block;
	width: 350px;
	height: 335px;
	float: left;
	margin-right: 90px;
}
#index .top_menu ul.menu li a{
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 2px solid #000;
}
#index .top_menu ul.menu li:nth-child(2){
	margin-right: 0;
}
#index .top_menu ul.menu li:nth-child(1) a{
	background: url(../img/top/img_contents01.png) no-repeat center 65px;
}
#index .top_menu ul.menu li:nth-child(2) a{
	background: url(../img/top/img_contents02.png) no-repeat center 65px;
}
#index .insta{
	width: 1000px;
	margin: auto;
	padding-top: 75px;
}
#index .insta h2:before{
	display: block;
	content: url(../img/top/ico_insta.png);
	margin: auto;
}
#index .insta_link{ 
	margin-top: 30px;
	
}
#index .insta ul{
	margin-top: 65px;
	padding: 0 20px;
}
#index .insta ul li{
	float: left;
}
#index .insta ul li:nth-child(2){
	float: right;
	width: 600px;
}
.instagram-placeholder{
	margin:0 40px 20px 0;
	width:170px;
	float: left;
}
.instagram-placeholder:nth-child(3n){
	margin-right: 0;
}
.instagram-placeholder img{
	width:100%;
	height:auto;
}


/* concept
-------------------------------------------------- */
#concept .mv figure{
	margin-top: 30px;
}
#concept .txt_concept{
	margin-top: 50px;
	font-size: 13px;
	line-height: 36px;
}
#concept .txt_concept p.salonName{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
#info {
	padding-top: 100px;
}
#info #Gmap{
	width: 974px;
	margin: 30px auto 0;
	height: 450px;
}
#info .detail_info{
	width: 974px;
	margin: 30px auto 0;
}
#info .detail_info .btn_map{
	float: right;
	width: 150px;
	height: 45px;
}
#info .detail_info .btn_map a{
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 2px solid #000;
	text-align: center;
	font-size: 13px;
	line-height: 41px;
}
#info .detail_info .btn_map a span::after{
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 7px;
	height: 7px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	margin-left: 15px;
}
#info .detail_info .info_box{
	float: left;
}
#info .detail_info .info_box ul{
	font-size: 0;
}
#info .detail_info .info_box ul li{
	display: inline-block;
	width: 370px;
	box-sizing: border-box;
	padding-left: 20px;
	font-size: 13px;
	line-height: 30px;
}
#info .detail_info .info_box ul li span{
	font-size: 14px;
	font-weight: bold;
}
#info iframe{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

/* hair
-------------------------------------------------- */
#hair .mv figure{
	margin-top: 60px;
}
#hair .mv .hair_box{
	margin-top: 80px;
}
#hair .mv .hair_box .hair_txt{
	float: left;
	font-size: 13px;
	line-height: 40px;
	padding: 150px 0 0 40px;
}
#hair .mv .hair_box figure{
	float: right;
	padding-right: 25px;
}
#hair .price{
	padding-top: 75px;
}
#hair .price h2 + p{
	font-size: 12px;
	margin-top: 15px;
}
#hair .price .price_box{
	font-size: 0;
	margin-top: 35px;
}
#hair .price .price_box ul{
	display: inline-block;
	vertical-align: top;
	width: 500px;
	box-sizing: border-box;
	padding: 0 35px 0 30px;
}
#hair .price .price_box ul li{
	font-size: 13px;
	line-height: 25px;
	padding: 15px 0 5px 5px;
	border-bottom: 1px dotted #000;
}
#hair .price .price_box ul li.menu_last{
	font-size: 13px;
	line-height: 25px;
	padding: 15px 0 5px 5px;
	border-bottom: none;
	
	
}
#hair .price .price_box ul li .hairName{
	display: block;
	float: left;
}
#hair .price .price_box ul li .hairPrice{
	display: block;
	float: right;
	width: 85px;
}
#hair .price .price_box ul li .fontS{
	font-size: 12px;
}


/* eyelash
-------------------------------------------------- */
#eyelash .mv .mvtxt{
	font-size: 12px;
	margin: 20px 100px 40px;
	text-align: center;	
}
#eyelash .mv figure{
	margin-top: 60px;
}
#eyelash .mv .eyelash_box{
	margin-top: 80px;
}
#eyelash .mv .eyelash_box .eyelash_txt{
	float: left;
	padding: 60px 0 0 40px;
}
#eyelash .mv .eyelash_box .eyelash_txt p{
	font-size: 13px;
	line-height: 40px;
	
}
#eyelash .mv .eyelash_box .eyelash_txt .btn_reserve{
	width: 345px;
	height: 65px;
	margin-top: 35px;
}
#eyelash .mv .eyelash_box .eyelash_txt .btn_reserve a{
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 3px 4px;
	background: #ea5976;
}
#eyelash .mv .eyelash_box .eyelash_txt .btn_reserve a span{
	display: block;
	border: 1px solid #fff;
	font-size: 13px;
	line-height: 55px;
	color: #fff;
	letter-spacing: 1px;
}
#eyelash .mv .eyelash_box .eyelash_txt .btn_reserve a span::before{
	display: inline-block;
	height: 55px;
	vertical-align: middle;
	content: url(../img/eyelash/ico_eyelash.png);
	box-sizing: border-box;
	padding-right: 10px;
	padding-top: 5px;
}
#eyelash .mv .eyelash_box .eyelash_txt .btn_reserve a span::after{
	display: inline-block;
	content: " ";
	width: 6px;
	height: 6px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	margin-left: 5px;
	margin-bottom: 1px;
}
#eyelash .mv .eyelash_box figure{
	float: right;
	padding-right: 25px;
}
#eyelash .price{
	padding-top: 75px;
}
#eyelash .price h2 + p{
	font-size: 12px;
	margin-top: 15px;
}
#eyelash .price .price_box{
	font-size: 0;
	margin-top: 35px;
}
#eyelash .price .price_box ul{
	display: inline-block;
	vertical-align: top;
	width: 500px;
	box-sizing: border-box;
	padding: 0 35px 0 30px;
}
#eyelash .eyelush_list,
#eyelash .eyelush_list{
  font-size: 13px;
	line-height: 25px;
	padding: 15px 0 5px 5px;
	border-bottom: 1px dotted #000;
}
#eyelash .eyeblow_ttl{
	font-size: 13px;
	line-height: 25px;
	padding: 60px 0 5px 5px;
	border-bottom: 1px dotted #000;
}
/*#eyelash .price .price_box ul li .eyelashName{
	display: block;
	width: 33%;
	float: left;
}
#eyelash .price .price_box ul li .eyelashPrice01{
	display: block;
	width: 33%;
	float: left;
	box-sizing: border-box;
	padding-left: 8%;
}
#eyelash .price .price_box ul li .eyelashPrice02{
	display: block;
	width: 33%;
	float: left;
	box-sizing: border-box;
	padding-left: 12%;
}
*/
#eyelash .price .price_box ul li .eyelashName{
	display: block;
	float: left;
}
#eyelash .price .price_box ul li .eyelashPrice01{
	display: block;
    float: right;
    width: 65px;
}
#eyelash .price .price_box ul li .eyelashPrice02{
	display: block;
	width: 33%;
	float: right;
	box-sizing: border-box;
	padding-left: 12%;
}
#eyelash .price .price_box ul p{
	font-size: 13px;
	margin-top: 8px;
}



/* staff
-------------------------------------------------- */
#staff .staff_box{
	padding: 80px 60px 20px;
}
#staff .staff_box ul{
	font-size: 0;
}
#staff .staff_box ul li{
	display: inline-block;
	vertical-align: top;
}
#staff .staff_box ul li:nth-child(1){
	margin-right: 60px;
}
#staff .staff_box ul li:nth-child(2){
	width: 525px;
	padding-top: 5px;
}
#staff .staff_box ul li:nth-child(2) p{
	font-size: 13px;
	line-height: 24px;
	margin-bottom: 12px;
}
#staff .staff_box ul li:nth-child(2) p span.name{
	font-size: 14px;
	font-weight: bold;
}
#staff .staff_box ul li:nth-child(2) p span.message{
	font-weight: bold;
}



/* recommend
-------------------------------------------------- */
#recommend .recommend_box{
	margin-top: 60px;
}
#recommend .recommend_box:nth-child(1) .rec_ttl,
#recommend .recommend_box:nth-child(1) .rec_txt,
#recommend .recommend_box:nth-child(3) .rec_ttl,
#recommend .recommend_box:nth-child(3) .rec_txt{
	float: left;
	width: 570px;
}
#recommend .recommend_box:nth-child(1) figure,
#recommend .recommend_box:nth-child(3) figure{
	float: right;
	width: 383px;
}
#recommend .recommend_box:nth-child(2) .rec_ttl,
#recommend .recommend_box:nth-child(2) .rec_txt{
	float: right;
	width: 570px;
}
#recommend .recommend_box:nth-child(2) figure,
#recommend .recommend_box:nth-child(2) figure{
	float: left;
	width: 383px;
}
#recommend .recommend_box .rec_ttl span{
	display: block;
	padding: 5px 0 10px;
	font-size: 15px;
	font-weight: bold;
}
#recommend .recommend_box .rec_txt{
	font-size: 13px;
	line-height: 26px;
}



/* products
-------------------------------------------------- */
#products h2 + p{
	font-size: 13px;
	margin-top: 10px;
}
#products .products_box{
	width: 900px;
	margin: 50px auto 0;
	box-sizing: border-box;
	border: 1px solid #000;
	padding: 40px 79px 60px;
}
#products .products_box ul{
	font-size: 0;
}
#products .products_box ul li{
	display: inline-block;
	vertical-align: top;
}
#products .products_box ul li:nth-child(1){
	width: 170px;
}
#products .products_box ul li:nth-child(2){
	width: 570px;
	padding-top: 5px;
}
#products .products_box.box02{
	width: 900px;
	margin: 50px auto 0;
	box-sizing: border-box;
	border: 1px solid #000;
	padding: 40px 60px 60px;
}
#products .products_box.box02 ul li:nth-child(1){
	width: 350px;
}
#products .products_box.box02 ul li:nth-child(2){
	width: 420px;
	box-sizing: border-box;
	padding-top: 5px;
	padding-left: 25px;
}
#products .products_box ul li:nth-child(2) p{
	font-size: 13px;
	line-height: 24px;
}
#products .products_box ul li:nth-child(2) > p:nth-of-type(1){
	margin-bottom: 10px;
}
#products .products_box ul li:nth-child(2) p span.maker{
	font-size: 12px;
	font-weight: bold;
}
#products .products_box ul li:nth-child(2) p span.name{
	font-size: 15px;
	font-weight: bold;
}

@media screen and (max-width: 480px) {
	h2{
		font-size: 18px;
		line-height: 30px;
		letter-spacing: 2px;
	}
	h2:after{
		display: block;
		content: "";
		width: 100px;
		height: 3px;
		background: url(../commons/img/bg_h2.png) repeat;
		margin: 5px auto 0;
	}
	
	#index .mv{
		width: 94%;
		margin: auto;
		padding-top: 25px;
	}
	#index .mv img{
		width: 100%;
		height: auto;
	}
	#index .oshirase{
		padding-top: 35px;
	}
	#index .oshirase .oshirase_box{
		width: 90%;
		margin: 20px auto 0;
	}
	#index .oshirase .oshirase_box ul{
		border-top: 2px solid #000;
		border-bottom: 2px solid #000;
		padding: 20px 0 20px 40px;
	}
	#index .oshirase .oshirase_box ul li{
		font-size: 16px;
		line-height: 28px;
		letter-spacing: 1px;
		font-weight: bold;
	}
	#index .oshirase .oshirase_box ul li span{
		font-weight: normal;
	}
	#index .top_menu{
		padding-top: 50px;
	}
	#index .top_menu ul{
		width: 94%;
		margin: 20px auto 0;
		font-size: 0;
	}
	#index .top_menu ul li{
		width: 49%;
		display: inline-block;
		margin-top: 10px;
		margin-right: 0;
	}
	#index .top_menu ul li:nth-child(odd){
		margin-right: 1%;
	}
	#index .top_menu ul li:nth-child(even){
		margin-left: 1%;
	}
	#index .top_menu ul li:last-child{
		margin-right: auto;
	}
	#index .top_menu ul li img{
		width: 100%;
		height: auto;
	}
	#index .top_menu ul li p{
		font-size: 16px;
		letter-spacing: 1px;
		margin-top: 5px;
	}
	#index .top_menu ul.menu{
		width: 100%;
		margin: 30px auto 0;
	}
	#index .top_menu ul.menu li{
		display: block;
		width: 280px;
		height: 250px;
		float: none;
		margin: auto;
	}
	#index .top_menu ul.menu li a{
		display: block;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		border: 2px solid #000;
	}
	#index .top_menu ul.menu li:nth-child(2){
		margin-right: auto;
		margin-top: 10px;
	}
	#index .top_menu ul.menu li:nth-child(1) a{
		background: url(../img/top/img_contents01.png) no-repeat center center;
	}
	#index .top_menu ul.menu li:nth-child(2) a{
		background: url(../img/top/img_contents02.png) no-repeat center center;
	}
	#index .insta{
		width: 94%;
		margin: auto;
		padding-top: 50px;
	}
	#index .insta h2:before{
		display: block;
		content: url(../img/top/ico_insta.png);
		margin: auto;
	}
	#index .insta ul{
		margin-top: 30px;
		padding: 0;
	}
	#index .insta ul li{
		float: none;
	}
	#index .insta ul li:nth-child(1){
		text-align: center;
	}
	#index .insta ul li:nth-child(2){
		float: none;
		width: 100%;
		margin: 20px auto 0;
	}
	.instagram-placeholder{
		margin:0 4% 20px 0;
		width:48%;
		float: left;
		text-align: center;
	}
	.instagram-placeholder:nth-of-type(3n){
		margin-right: 4%;
	}
	.instagram-placeholder:nth-of-type(2n){
		margin-right: 0;
	}
	.instagram-placeholder img{
		width: auto;
		max-width:100%;
		height:auto;
	}
	
	
	/* concept
	-------------------------------------------------- */
	#concept{
		width: 94%;
		margin: auto;
	}
	#concept .mv figure{
		margin-top: 20px;
	}
	#concept .mv figure img{
		width: 100%;
		height: auto;
	}
	#concept .txt_concept{
		margin-top: 20px;
		font-size: 13px;
		line-height: 28px;
	}
	#concept .txt_concept p.salonName{
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	#info {
		padding-top: 80px;
		width: 94%;
		margin: auto;
	}
	#info #Gmap{
		width: 100%;
		margin: 30px auto 0;
		height: 250px;
	}
	#info .detail_info{
		width: 100%;
		margin: 30px auto 0;
	}
	#info .detail_info .btn_map{
		float: right;
		width: 130px;
		height: 45px;
	}
	#info .detail_info .btn_map a{
		display: block;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		border: 2px solid #000;
		text-align: center;
		font-size: 13px;
		line-height: 41px;
	}
	#info .detail_info .btn_map a span::after{
		display: inline-block;
		vertical-align: middle;
		content: "";
		width: 7px;
		height: 7px;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		margin-left: 15px;
	}
	#info .detail_info .info_box{
		float: left;
	}
	#info .detail_info .info_box ul{
		font-size: 0;
		margin-top: 20px;
	}
	#info .detail_info .info_box ul li{
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding-left: 0;
		font-size: 13px;
		line-height: 30px;
	}
	#info .detail_info .info_box ul li span{
		font-size: 14px;
		font-weight: bold;
	}
	#info iframe{
		width: 100%;
		height: 300px;
	}
	
	/* hair
	-------------------------------------------------- */
	#hair{
		width: 94%;
		margin: auto;
	}
	#hair .mv figure{
		margin-top: 30px;
	}
	#hair .mv figure img{
		width: 100%;
		height: auto;
	}
	#hair .mv .hair_box{
		margin-top: 20px;
	}
	#hair .mv .hair_box .hair_txt{
		float: none;
		font-size: 13px;
		line-height: 28px;
		padding: 0;
	}
	#hair .mv .hair_box figure{
		float: none;
		padding-right: 0;
		margin-top: 20px;
	}
	#hair .mv .hair_box figure img{
		width: 100%;
		height: auto;
	}
	#hair .price{
		padding-top: 50px;
	}
	#hair .price h2 + p{
		font-size: 12px;
		margin-top: 15px;
	}
	#hair .price .price_box{
		font-size: 0;
		margin-top: 20px;
	}
	#hair .price .price_box ul{
		display: block;
		vertical-align: top;
		width: 100%;
		box-sizing: border-box;
		padding: 0;
	}
	#hair .price .price_box ul li{
		padding: 15px 0 5px 10px;
	}
	#hair .price .price_box ul li .hairPrice{
		width: 75px;
	}

	
	/* eyelash
	-------------------------------------------------- */
	#eyelash .mv .mvtxt{
		font-size: 12px;
		margin: 20px 0px 40px;
		text-align: center;	
	}
	#eyelash{
		width: 94%;
		margin: auto;
	}
	#eyelash .mv figure{
		margin-top: 30px;
	}
	#eyelash .mv figure img{
		width: 100%;
		height: auto;
	}
	#eyelash .mv .eyelash_box{
		margin-top: 20px;
	}
	#eyelash .mv .eyelash_box .eyelash_txt{
		float: none;
		margin-top: 20px;
		padding: 0;
	}
	#eyelash .mv .eyelash_box .eyelash_txt p{
		float: none;
		font-size: 13px;
		line-height: 28px;
		padding: 0;
	}
	#eyelash .mv .eyelash_box .eyelash_txt .btn_reserve{
		width: 300px;
		height: 65px;
		margin: 15px auto 0;
	}
	#eyelash .mv .eyelash_box .eyelash_txt .btn_reserve a{
		display: block;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		padding: 3px 4px;
		background: #ea5976;
	}
	#eyelash .mv .eyelash_box .eyelash_txt .btn_reserve a span{
		display: block;
		border: 1px solid #fff;
		font-size: 13px;
		line-height: 55px;
		color: #fff;
		letter-spacing: normal;
	}
	#eyelash .mv .eyelash_box .eyelash_txt .btn_reserve a span::before{
		display: inline-block;
		height: 55px;
		vertical-align: middle;
		content: url(../img/eyelash/ico_eyelash.png);
		box-sizing: border-box;
		padding-right: 10px;
		padding-top: 5px;
	}
	#eyelash .mv .eyelash_box .eyelash_txt .btn_reserve a span::after{
		display: inline-block;
		content: " ";
		width: 6px;
		height: 6px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		margin-left: 5px;
		margin-bottom: 1px;
	}
	#eyelash .mv .eyelash_box figure{
		float: none;
		padding-right: 0;
		margin-top: 20px;
	}
	#eyelash .mv .eyelash_box figure img{
		width: 100%;
		height: auto;
	}
	#eyelash .price{
		padding-top: 50px;
	}
	#eyelash .price h2 + p{
		font-size: 12px;
		margin-top: 15px;
	}
	#eyelash .price .price_box{
		font-size: 0;
		margin-top: 20px;
	}
	#eyelash .price .price_box ul{
		display: block;
		vertical-align: top;
		width: 100%;
		box-sizing: border-box;
		padding: 0;
	}
	#eyelash .eyelush_list,
  #eyelash .eyeblow_list{
		padding: 15px 0 5px 10px;
	}
  #eyelash .eyeblow_ttl {
    padding: 40px 0 5px 5px;
}
	/*#eyelash .price .price_box ul li .eyelashPrice01{
		display: block;
		width: 33%;
		float: left;
		box-sizing: border-box;
		padding-left: 4%;
	}
	#eyelash .price .price_box ul li .eyelashPrice02{
		display: block;
		width: 33%;
		float: left;
		box-sizing: border-box;
		padding-left: 4%;
	}*/
	#eyelash .price .price_box ul li .eyelashName{
		display: block;
		float: left;
	}
	#eyelash .price .price_box ul li .eyelashPrice01{
		display: block;
		float: right;
		width: 65px;
	}
	#eyelash .price .price_box ul li .eyelashPrice02{
		display: block;
		width: 33%;
		float: right;
		box-sizing: border-box;
		padding-left: 5%;
	}
 
	/* staff
	-------------------------------------------------- */
	#staff .staff_box{
		padding: 30px 3% 0;
	}
	#staff .staff_box ul{
		font-size: 0;
	}
	#staff .staff_box ul li{
		display: block;
		vertical-align: top;
	}
	#staff .staff_box ul li:nth-child(1){
		margin-right: auto;
		text-align: center;
	}
	#staff .staff_box ul li:nth-child(2){
		width: 90%;
		min-width: 295px;
		margin: auto;
		padding-top: 5px;
	}
	#staff .staff_box ul li:nth-child(2) p{
		font-size: 13px;
		line-height: 24px;
		margin-bottom: 5px;
	}
	#staff .staff_box ul li:nth-child(2) p span.name{
		font-size: 14px;
		font-weight: bold;
	}
	#staff .staff_box ul li:nth-child(2) p span.message{
		font-weight: bold;
	}
	
	
	/* recommend
	-------------------------------------------------- */
	#recommend .recommend_box{
		width: 94%;
		margin: 30px auto 0;
	}
	#recommend .recommend_box:nth-child(1) .rec_ttl,
	#recommend .recommend_box:nth-child(1) .rec_txt,
	#recommend .recommend_box:nth-child(3) .rec_ttl,
	#recommend .recommend_box:nth-child(3) .rec_txt{
		float: none;
		width: 100%;
	}
	#recommend .recommend_box:nth-child(1) figure,
	#recommend .recommend_box:nth-child(3) figure{
		float: none;
		width: 100%;
	}
	#recommend .recommend_box:nth-child(2) .rec_ttl,
	#recommend .recommend_box:nth-child(2) .rec_txt{
		float: none;
		width: 100%;
	}
	#recommend .recommend_box:nth-child(2) figure,
	#recommend .recommend_box:nth-child(2) figure{
		float: none;
		width: 100%;
	}
	#recommend .recommend_box figure img{
		max-width: 100%;
		height: auto;
	}
	#recommend .recommend_box .rec_ttl span{
		display: inline-block;
		vertical-align: middle;
		padding: 0 5% 10px 3%;
		font-size: 15px;
		line-height: 21px;
		font-weight: bold;
	}
	#recommend .recommend_box .rec_ttl span.txt{
		width: -webkit-calc(88% - 38px);
   		width: calc(88% - 38px);
		padding: 0 0 10px;
	}
	#recommend .recommend_box .rec_txt{
		font-size: 13px;
		line-height: 22px;
		margin-top: 10px;
	}
	
	
	
	/* products
	-------------------------------------------------- */
	#products h2 + p{
		font-size: 13px;
		margin-top: 10px;
	}
	#products .products_box{
		width: 94%;
		margin: 30px auto 0;
		box-sizing: border-box;
		border: 1px solid #000;
		padding: 25px 4%;
	}
	#products .products_box ul{
		font-size: 0;
	}
	#products .products_box ul li{
		display: block;
		vertical-align: top;
	}
	#products .products_box ul li:nth-child(1){
		width: 170px;
		margin: auto;
		text-align: center;
	}
	#products .products_box ul li:nth-child(2){
		width: 100%;
		padding-top: 10px;
	}
	#products .products_box.box02{
		width: 94%;
		margin: 50px auto 0;
		box-sizing: border-box;
		border: 1px solid #000;
		padding: 25px 2%;
	}
	#products .products_box.box02 ul li:nth-child(1){
		width: 100%;
	}
	#products .products_box.box02 ul li:nth-child(1) img{
		max-width: 100%;
	}
	#products .products_box.box02 ul li:nth-child(2){
		width: 100%;
		box-sizing: border-box;
		padding: 10px 2% 0;
	}
	#products .products_box ul li:nth-child(2) p{
		font-size: 13px;
		line-height: 24px;
	}
	#products .products_box ul li:nth-child(2) > p:nth-of-type(1){
		margin-bottom: 10px;
	}
	#products .products_box ul li:nth-child(2) p span.maker{
		font-size: 12px;
		font-weight: bold;
	}
	#products .products_box ul li:nth-child(2) p span.name{
		font-size: 15px;
		font-weight: bold;
	}
}