@charset "utf-8";

/* layout sp
--------------------------------------------------*/
@media screen and (max-width: 768px) {

html,body {
	min-width:320px;
	overflow-x:hidden;
}

/* ■■■ 共通 ■■■ */


/* ■■■ メインビジュアル ■■■ */	
main{
	position:relative;
	width:100%;
	background:#ffffff;
	margin:0 auto 0;
	font-family:'Roboto','Noto Sans JP',sans-serif;
}

.mv{
	position:relative;
	width:100%;
	height:auto;
	overflow:visible;
}

.mv_photo{
	position:relative;
	width:100%;
	height:auto;
	top:0;
	left:0;
	margin-left:0;
	display:block;
}

.mv02,.mv03{
	position:absolute;
	top:0;
	left:0;
}

.title_set{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	margin-left:0px;
	text-align:center;
	z-index:1;
}


.title_img01{
	position:relative;
	width:30%;
	height:auto;
	display:inline-block;
	margin-bottom:0;
	position:absolute;
	top:0%;
	right:0;
	margin-top:3.5%;
	margin-right:3.5%;
}

.title_img02{
	position:relative;
	width:80%;
	height:auto;
	display:block;
	margin:19% auto 2.5%;
}

.title_text01{
	position:relative;
}

.title_text01_inner{
	position:relative;
	color:#000000;
	font-size:3.7vw;
	color:#3eb63f;
	display:inline-block;
	border:solid 1px #3eb63f;
	line-height:1;
	font-weight:bold;
	letter-spacing:0.5px;
	margin-top:0;
	padding:2% 4%;
	background:rgba(255,255,255,0.6);
}

.pointer_box{
	position:absolute;
	left:5%;
	bottom:5%;
	width:100%;
	max-width:320px;
	margin:auto;
}

.pointer{
	position:absolute;
	top:0;
	left:0;
}


/* ■■■ サラダファースト ■■■ */
.salad{
	position:relative;
	width:100%;
	padding-top:7%;
	padding-bottom:7%;
	text-align:center;
}

.salad_box{
	position:relative;
	display:block;
	margin-bottom:0;
}

.salad_img01{
	position:relative;
	width:48%;
	height:auto;
	margin:0 auto 7%;
	float:none;
}

.salad_text01{
	position:relative;
	width:100%;
	margin:0 auto 7%;
	float:none;
	text-align:center;
	font-size:3.7vw;
	line-height:2;
}

.btn_box{
	position:relative;
	width:100%;
	text-align:center;
}

.btn{
	position:relative;
	display:inline-block;
	color:#e85073;
	font-size:3.7vw;
	text-decoration:none;
	line-height:1;
	border-radius:100px;
	border:solid 1px #e85073;
	padding:3% 10%;
}

.btn_icon{
	position:absolute;
	top:3.7vw;
	left:7%;
	margin-top:0;
	margin-left:0;
	border-top: 1.7vw solid #e85073;
	border-left: 1.1vw solid transparent;
	border-right: 1.1vw solid transparent;
}

.btn_icon_enter{
	position:absolute;
	top:3.7vw;
	left:7%;
	margin-top:0;
	margin-left:0;
	border-left: 1.7vw solid #e85073;
	border-top: 1.1vw solid transparent;
	border-bottom: 1.1vw solid transparent;
}

.btn:hover .btn_icon_enter{
	border-left: 1.7vw solid #e85073;
	transition:0.3s;
}

.comment_btn_box .btn_icon{
	left:14%;
}

.btn:hover{
	background:#ffffff;
	color:#e85073;
	transition:0s;
}

.btn:hover .btn_icon{
	border-top: 1.7vw solid #e85073;
	transition:0s;
}

.comment_btn_box .btn{
	width:40%;
}



.btn_close{
	position:relative;
	display:inline-block;
	color:#999999;
	font-size:3.7vw;
	text-decoration:none;
	line-height:1;
	border-radius:100px;
	border:solid 1px #999999;
	padding:3% 10%;
	opacity:0;
	width:40%;
}

.btn_close .btn_icon{
	position:absolute;
	top:3.7vw;
	left:14%;
	margin-top:0;
	margin-left:0;
	border-top:none;
	border-bottom: 1.7vw solid #999999;
	border-left: 1.1vw solid transparent;
	border-right: 1.1vw solid transparent;
}

.btn_close:hover{
	background:#ffffff;
	color:#999999;
}

.btn_close:hover .btn_icon{
	border-top:none;
	border-bottom: 1.7vw solid #999999;
	transition:0s;
}




/* ■■■ コメント ■■■ */
.comment{
	position:relative;
	width:100%;
	padding-top:7%;
	padding-bottom:14%;
	text-align:center;
	background:#ecf1f9;
}

.comment_caption{
	position:relative;
	font-size:3.7vw;
	line-height:1.8;
	font-weight:bold;
	margin-bottom:-2%;
	letter-spacing:0.5px;
}

.red{
	font-size:4.1vw;
	color:#e4002b;
}

.green{
	font-size:4.1vw;
	color:#3eb63f;
}

.comment_box_wrap{
	position:relative;
	width:90%;
	margin:auto;
	padding-top:0;
}

.comment_box_wrap02{
	margin-top:0;
}

.comment_box_set{
	position:relative;
	width:100%;
	background:#ffffff;
	box-sizing:border-box;
	border-radius:8px;
	margin-top:18%;
	padding-bottom:5%;
	float:none;
}

.comment_box_set:nth-of-type(n+2){
	margin-left:0;
}

.comment_photo{
	position:absolute;
	top:0;
	width:29%;
	height:auto;
	left:50%;
	margin-left:-14.5%;
	margin-top:-10%;
}

.comment_box{
	position:relative;
	padding-top:21%;
	width:100%;
}

.comment_name{
	font-size:3.7vw;
	line-height:1;
	margin-bottom:2%;
}

.comment_director{
	font-size:3.2vw;
	color:#666666;
	line-height:1.5;
	margin-bottom:4%;
	height:auto;
}

.comment_line{
	position:relative;
	width:100%;
	height:1px;
	background:#e8eef6;
}

.comment_box_caption{
	position:relative;
	padding:5%;
	padding-bottom:3%;
	line-height:1.4;
	color:#3eb63f;
	font-size:5vw;
	font-weight:bold;
}

.comment_box_text{
	position:relative;
	padding:0 5% 0;
	line-height:1.7;
	font-size:3.7vw;
	text-align:left;
	height:auto;
	overflow:hidden;
	margin-bottom:5%;
}

.comment_btn_box{
	margin-top:0;
}

.comment_salad_box{
	position:relative;
	width:100%;
	height:auto;
	text-align:center;
	overflow:hidden;
	margin-top:5%;
}

.comment_salad{
	position:relative;
	width:100%;
	height:auto;
	top:0;
	left:0;
	margin-left:0;
}

.comment_foot{
	position:absolute;
	width:100%;
	height:14px;
	bottom:0;
	background-image:url("../img/comment_foot_bg_pc.png");
	background-position:top center;
	
}/* ■■■ バナー ■■■ */
.banner{
	position:relative;
	width:100%;
	padding-top:14%;
	padding-bottom:0;
	text-align:center;
}

.banner_text{
	position:relative;
	text-align:center;
	line-height:1;
	font-size:4vw;
	font-weight:bold;
	margin-bottom:5%;
}

.banner_img{
	position:relative;
	width:90%;
	height:auto;
	display:inline;
	border: 1px solid #ddd;
}

.banner02{
	margin-top:7%;
}










/* ■■■ トップへ戻る ■■■ */
#pagetop {
	right: 15px;
	bottom: 15px;
} 

#pagetop a {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
}

#pagetop a:hover {
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)";
	/* IE 8 */ }

	
/* ■■■ シンプルフッタ調整 ■■■ */
	.l-simple-footer__logo__img{
		display:inline;
	}
	.sns {
		margin-top:14%;
		display: flex;
		justify-content: center;
	}
	.sns li:nth-child(1){margin-left:5px;}
	
	.l-simple-footer .l-simple-footer__sub .l-simple-footer__sub__inner{
		width:100%!important;
		box-sizing:border-box!important;
		padding-left:0!important;
		padding-right:0!important;
	}
	
	.l-simple-footer .l-fsnav__list__itm:nth-child(4){
		border-right:none !important;
	}
	
	.l-simple-footer .l-fsnav__list__itm:nth-child(5){
		border-right-style: solid !important;
    	border-right-color: #7d7d7d !important;
		border-right-width: 1px !important;
		border-right-width: 0.26667vw !important;
	}


/* ■■■ PC/モバイル表示切り替え ■■■ */	
.rps_visible{
	display:block;
}

br.rps_visible{
	display:inline;
}

.rps_del{
	display:none;
}	

br.rps_del{
	display:none;
}


/* フッターロゴ */	
.l-simple-footer__logo__link .l-simple-footer__logo__img{
	height: 11vw !important; 
}

.l-fsnav__list__itm{
	font-size:3vw;
}	


/* ■■■ アニメーション用初期設定 ■■■ */	










}