@charset "utf-8";
/* CSS Document */
body {
	padding: 0;
	margin: 0;
}



/* コンテンツ内リセット */
#lp_main * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 400;
	line-height: 160%;
}
#lp_main a {
	color: inherit;
	text-decoration: none;
}
#lp_main p {
	font-size: 1.4rem;
}

#lp_main {
	width: 100%;
	display: block;
	background-color: #000000;
	color: #ffffff;
}
#lp_main .sp_br {
	display: none;
}
#lp_main .pc_br {
	display: inherit;
}
@media screen and (max-width:750px) {
	#lp_main .sp_br {
		display: inherit;
	}
	#lp_main .pc_br {
		display: none;
	}
	#lp_main p {
		font-size: 1.0rem;
	}

}

/* メインビジュアル */
#lp_main .main_visual {
	position: relative;
}
#lp_main .main_visual .main_v,
#lp_main .main_visual .main_v_sp {
	width: 100%;
}
#lp_main .main_visual .main_v{

}
#lp_main .main_visual .main_v_sp{
	display: none;
}
#lp_main .main_visual .main_v_logo {
	position: absolute;
	left: 5%;
	top: 5%;
	width: 40%;
}
@media screen and (max-width: 750px){
	#lp_main .main_visual .main_v {
		display: none;
	}
	#lp_main .main_visual .main_v_sp {
		display: block;
	}
	#lp_main .main_visual .main_v_logo {
		position: absolute;
		left: 5%;
		top: 5%;
		width: 60%;
	}
}


/* メインビジュアル下のキャプション */
#lp_main .main_lp_info {
	padding: 5%;
	font-size: 18px;
}
#lp_main .main_lp_info h2{
	color: #b81c22;
    font-size: 42px;
    text-align: center;
	padding-bottom: 2%;
}
#lp_main .main_lp_info_sub {
	font-size: 28px;
	padding-bottom: 3%;
}
@media screen and (max-width: 1200px) {
	#lp_main .main_lp_info {
		font-size: 2vw;
	}
	#lp_main .main_lp_info h2{
		font-size: 4vw;
	}
	#lp_main .main_lp_info_sub {
		font-size: 3.5vw;
	}
}
@media screen and (max-width: 750px){
	#lp_main .main_lp_info {
		padding: 10% 5%;
		font-size: 1.3vw;
	}
	#lp_main .main_lp_info h2{
		font-size: 6vw;
		line-height: 110%;
	}
	#lp_main .main_lp_info p {
		font-size: 2.2vw;
	}
	#lp_main .main_lp_info p.main_lp_info_sub {
		font-size: 3.5vw;
	}
}


#lp_main .tc {
	text-align: center;
}
#lp_main .tc img{
	margin: auto;
}
#lp_main .main_visual {
	border-bottom: 5px solid #b81c22;
}

#lp_main img{
	max-width: 100%;
	margin: auto;
	display: block;
}

@media screen and (max-width: 750px){
	#lp_main img.sp100 {
		width: 100%;
	}
}
#lp_main .mw {
	width: 1200px;
	max-width: 100%;
	margin: auto;
    display: block;
}

#lp_main .head_line_01 {
	color: #b81c22;
	font-size: 38px;
	text-align: center;
}
#lp_main .head_line_02 {
	color: #ffffff;
	font-size: 14px;
	text-align: center;
}
#lp_main .fx {
	display: flex;
}
#lp_main .porter_service{
	background-color: #b81c22;
}

@media screen and (max-width: 750px){
	#lp_main  .fx.sp_col {
		flex-direction: column;
	}
	#lp_main .fx.sp_col > div{
		width: 100%;
	}
	#lp_main  .fx.sp_col_r {
		flex-direction: column-reverse;
	}
	#lp_main .fx.sp_col_r > div{
		width: 100%;
	}
	#lp_main .head_line_01 {
		padding: 0 5%;
		font-size: 6.5vw;
	}
	#lp_main .head_line_02 {
		font-size: 3.5vw;
	}
}
#lp_main .fx > div {
	width: 50%;
}
#lp_main .bg_red {
	background-color: #b81c22;
}
#lp_main .bg_white {
	background-color: #ffffff;
	color: #000000;
}

#lp_main .bg_beige {
	background-color: #fbdac8;
	color: #000000;
}
#lp_main .set_img {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4%;
}
/*#lp_main .set_img img{border: 1px solid #aaaaaa;}*/

#lp_main .set_img:first-child {
	padding: 5% 2.5% 5% 5%;
}
#lp_main .set_img:last-child {
	padding: 5% 5% 5% 2.5%;
}





#lp_main .item_text {
	padding: 4% 5% 0 5%;
}
#lp_main .item_text p {
	font-size: 16px;
}
#lp_main .item_text h3{
	font-size: 40px;
	border-bottom: solid 1px #FFFFFF;
	text-align: center;
	margin-bottom: 3%;
	padding-bottom: 3%;
	line-height: 100%;
}
#lp_main .item_text h3 span {
	font-size: 16px;
	line-height: 20px;
	padding-top: 3%;
	display: block;
	text-align: center;
}
#lp_main .bg_beige .item_text h3{
	border-bottom: solid 1px #000000;
}
#lp_main .bg_white .item_text h3{
	border-bottom: solid 1px #b81c22;
}
#lp_main .item_text .sub_text{
	font-size: 20px;
	text-align: center;
	line-height: 34px;
	margin-bottom: 2%;
	letter-spacing: 2px;
}

#lp_main .price {
	padding-top: 3%;
	padding-bottom: 1%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#lp_main  .price_box span.price_info {
	font-size: 28px;
	line-height: 100%;
	text-align: center;
}
#lp_main .price_icon {
	font-size: 20px;
	background-color: #b81c22;
	color: #ffffff;
	padding: 2px 20px;
}
#lp_main .price_box span {
	display: block;
	text-align: center;
	font-size: 20px;
}
@media screen and (max-width: 1200px) {
	#lp_main .item_text h3{
		font-size: 3vw;
	}
	#lp_main .item_text p {
		font-size: 1.3vw;
	}
	#lp_main .item_text .sub_text {
    	font-size: 1.8vw;
		line-height: 160%;
	}
	#lp_main  .price_box span.price_info {
    	font-size: 2.4vw;
	}
	#lp_main .price_box span {
		font-size: 1.9vw;
	}
	#lp_main .item_text h3 span{
		font-size: 1.6vw;
	}
}

@media screen and (max-width: 750px){
	#lp_main .item_text {
		padding: 6% 5% 5% 5%;
	}
	#lp_main .item_text h3{
		font-size: 6vw;
	}
	#lp_main .item_text p {
		font-size: 3.2vw;
	}
	#lp_main .item_text .sub_text {
	    font-size: 3.5vw;
		line-height: 160%;
	}
	#lp_main  .price_box span.price_info {
    	font-size: 5vw;
	}
	#lp_main .price_box span {
		font-size: 3.5vw;
	}
	#lp_main .item_text h3 span{
		font-size: 3vw;
	}
	
	#lp_main .item_text a {
		margin-top: 20px;
	}
}




#lp_main .sec_bg {
	background-image: url(../img/sec_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 7%;
	/*border-bottom: solid 10px #fafafa;*/
}
#lp_main .sec_bg .on{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
}
#lp_main .sec_bg img{
	margin: 0;
}
#lp_main .sec_bg a{
	position: relative;
	margin: 0;
	width: 459px;
}
#lp_main .sec_bg a:hover .on{
	opacity: 1;
}



#lp_main .insta_head {
    background-image: url(../img/insta_head_bg.png);
	background-position: center top;
	height: 103px;
	display: flex;
	align-items: center;
	justify-content: center;
    padding: 0 5%;
}

#lp_main .insta_head img{margin: 0;}

#lp_main .insta_body {
	background-image: url(../img/insta_body_bg.png);
	background-position: center top;
	height: 520px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0 5%;
	background-repeat: no-repeat;
	background-size: cover;
}
.insta_body a {font-weight: bold!important;font-size: 1.5rem;}

@media screen and (max-width: 750px){
	#lp_main .insta_body_head {
		width: 70%;
	}
	#lp_main .insta_body {
		height: auto;
		font-size: 2.9vw;
		padding: 8% 5%;
	}
}

#lp_main .insta_body_head {
	margin-bottom: 3%;
}

#lp_main #instafeed_image {
	padding: 5% 5%;
}
#lp_main #instafeed_icon {
	margin-bottom: 3%;
}

@media screen and (max-width: 750px){
	#lp_main #instafeed_image .fx {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	#lp_main #instafeed_image .fx > div{
		width: 100%;
		text-align: center
	}
	#lp_main #instafeed_image .fx > div img {
		width: 100%;
	}
}



#lp_main .ptb5 {
	padding-top: 5% !important;
	padding-bottom: 5% !important;
}
#lp_main .pt2 {
	padding-top: 2% !important;
}


/** PDP追記_181130 **/
/*API呼び出し*/
.instagram_image {margin-top:35px!important;}
#instafeed{padding:0;max-width:1200px;margin: 0 auto;margin-top:50px}
#instafeed li{display: inline-block;margin:0;width: 200px;height: 200px;overflow: hidden;}
#instafeed li:nth-child(n+13){display:none}

#instafeed img{width:100%;transition:all 0.2s ease-in;-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);}
#instafeed img:hover{
	opacity:0.8;
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
#instafeed .txt {display:none;position: relative;top:-24px;padding: 5px;color:#fff;background: rgba(0,70,0,0.5);}

/*a section{transition:0.2s ease-in all;opacity:1;}a section:hover {opacity:0.8;}*/
a img{transition:0.2s ease-in all;opacity:0.8;}a img:hover {opacity:1;}
@media screen and (max-width: 767px){
	#instafeed {width: 310px;}
	#instafeed li {width:100px;height:100px;}
	#instafeed img {width:100%;}
	}


/*ボタンパーツ*/

#lp_main .btn08{background-color: #d09405;}
#lp_main .btn08:active {background-color: #e9af24;}
#lp_main .btn09{background-color: #fb8c00;}
#lp_main .btn09:active {background-color: #ffa22d;}

#lp_main .btn08,#lp_main .btn09 {
	color: #fff !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	margin: 25px auto 0 auto;
	font-size: 17px;
	padding: 14px 20px !important;
	border-radius: 3px;
	letter-spacing: 2px;
	display: block;
	width: 348px;
	text-align: center;
}
#lp_main .btn08:hover,#lp_main .btn09:hover {
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
	box-shadow: 4px 10px 21px 1px rgba(0,0,0,0.3);
}
#lp_main .home_decor .btn08{
	margin: 70px auto 0 auto;
}

@media screen and (max-width: 1200px) {
	#lp_main .btn08,#lp_main .btn09 {
		font-size: 1.4vw;
		/* width: 300px; */
	}
}
@media screen and (max-width: 1000px) {
	#lp_main .btn08,#lp_main .btn09 {
		width: 32vw;
  	margin: 5px auto 0 auto;
	}
	#lp_main .home_decor .btn08{
		margin: 20px auto 0 auto;
	}
}
@media screen and (max-width: 750px) {
	#lp_main .btn08,#lp_main .btn09{
	font-size: 3.2vw;
	width: 80%;
	}
}

.snstag {display:block;font-size: 120%;font-weight: bold!important;border: 1px solid;padding: 10px!important;background: rgba(0,0,0,0.3);box-shadow: 7px 12px 14px rgba(0,0,0,0.5);}