@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Corinthia:wght@400;700&family=Poppins:ital,wght@0,600;0,700;1,600&family=Rubik:ital,wght@0,700;0,800;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Great+Vibes&display=swap');

/* --------------------------------------------- */
/* ▼モバイルファースト (全環境に共通のデザイン) */
/* --------------------------------------------- */
html {
	overflow-y: scroll;
	 -webkit-text-size-adjust: 100%;
	height:100%;
}
body {
	text-align: center;
	font: 14px/1 "CI", "Meiryo", "lr oSVbN", "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", sans-serif;
	line-height: 1.6em;
	color: #231815;
	margin:0;
	padding:0;
}
a:link, a:visited {
	color: #4c4847;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #867e7d;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
/* contents
======================================================*/
#contents2 {
	margin: 0;
	padding:0;
	background:none;
	width:100%;
	background-image:none;
}

/* header
======================================================*/
header{
	margin:0 auto;
	padding:0;
	width:100%;
	background-color:#231915;
}
header h1 {
	height:auto;
	padding:6px 0 6px;
	font-weight:normal;
	font-size:8px;
	color:#c8ca9b;
	margin:0 auto;
	text-align: center;
	line-height:1.4em;
}
/* mainvisual
======================================================*/
	#mainvisual{
		margin:0;
		padding:0;
		width:100%;
	}
	#mainvisual .photo{ max-width:100%;}
	#mainvisual .fvText{ display:none;}
}

/* snav
======================================================*/
#snav{
	width:100%;
	background-image:none;
	margin:0;
	padding:0;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
	#snav ul{
		display:none;	
	}
	#snav ul li{
		display:none;
	}
}
/*.logo{
	width:50%;
	margin:20px auto;
}*/
@media screen and (min-width: 0px) and (max-width: 767px) {
.logo{
	width:100%;
	background-image:url(../img/bg_main.jpg);
}
.logo img{ width:30%; margin-top:10px; margin-bottom:0px;}

.logo2{ display:none;}


}

/* main
======================================================*/
#main {
	clear:both;
	margin:0;
	padding:0;
	background-image:url(../img/bg_main.jpg);
	width:100%;
}

/* ft_menu
======================================================*/
@media screen and (min-width: 0px) and (max-width: 767px) {

#ft_info{
	display:none;
}
#ft_menu,#ft_info{
	clear:both;
	width:100%;
	margin:0;
	padding:0;
}
#ft_menu ul{
	border-bottom: 1px solid #5c5c5c;
	margin:0;
	}
#ft_menu ul li{
	background: #4d3526;
 	border-top: 1px solid #5c5c5c;
	height: 54px;
	margin: 0;
	text-align: center;

}
#ft_menu ul li a{ 
	color: #fff;
	display: block;
	height: 54px;
	margin: 0;
	padding: 0 0 0 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	line-height: 54px;
	background-image: url(../img/arrow_menu.png);
	background-repeat:no-repeat;
	background-position:right center;
}


/* ft_info
======================================================*/
.ft_info_inner{
	height:auto;
	display:inline-block;
	overflow:hidden;
	margin:0 auto;
}
.ft_ligo{
	display:none;
}

.ft_shopinfo{
	display:none;
}
}

/* footer
======================================================*/
#footer {
	margin:0;
	padding:0;
	width:100%;	
	background-color:#231915;
}
address{
	margin:0;
	text-align:center;
	font-size:10px;
	padding:0;
	line-height:2em;
	color: #CCC;
}

/* Page - top
======================================================*/
.top_2column{
	padding:0;
	height:auto;
	margin:0 auto 0;
	
}
.top_2column_inner{
	width:98%;
	padding:1%;
	margin:0 auto 20px;
	text-align:center;
}
.top_contents{
	padding:0;
	margin:10px auto 20px;
	text-align:center;
}
.top_contents img{ max-width:100%; margin:0 auto;}
.top_contents p{ text-align:left; color:#24200f; line-height:1.4em; padding:0 4px;}

@media screen and (min-width: 0px) and (max-width: 767px) {
.top_contentsTxt{
	 -webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
	border-radius: 4px;
	width:98%;
	padding:1%;
	height:auto;
	margin:0 auto 0;
	background-color:#FFF;
}
}

h2.tit_tpConsept, h2.tit_tpService{
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: 98%;
	min-width: 115px;
	height: 40px;
	line-height: 34px;
	color: #c8ca9b;
	text-align: center;
	background: #231915;
	border: 3px solid #231915;
	z-index: 0;
	margin-bottom:5px;
}

h2.tit_tpConsept:before ,h2.tit_tpService:before {
	content: "";
	position: absolute;
	bottom: -8px; left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #231915 transparent transparent transparent;
	z-index: 0;
}

h2.tit_tpConsept:after ,h2.tit_tpService:after {
	content: "";
	position: absolute;
	bottom: -12px; left: 50%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #231915 transparent transparent transparent;
	z-index: -1;
}
h2.tit_tpConsept a ,h2.tit_tpService a{ font-weight:bold; color:#f6f6f6; text-decoration:none; font-size:116%; display:block;}

.top_2column2{
	margin:0;
	padding:0;
	height:auto;
}
.box_topAccess{
	width:97%;
	height:auto;
	margin:0 auto 0;
	overflow:hidden;
	display:inline-block;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
.box_topAccess iframe{
	width:96%;
	height:260px;
	margin:0 auto;
}

.box_topAccess h3{
	background-image:url(../img/top/txt_sp_access.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:168px 55px;
	width:168px;
	height:55px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size:0;
	line-height:0;
	margin:0 auto 20px;
}
.box_topAccessTxt{
	width:96%;
	height:auto;
	margin:0 auto 0;
	padding:4%;
	text-align: left;
	 -webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
	border-radius: 4px;
	background:#fff;	
}
.box_topAccessLogo{
	float:left;
	width:30%;
	margin-left:5px;
	margin-right:20px;
	margin-bottom:14px;
	
	}
.box_topAccessTxt p{ line-height:1.4em;}

}
.top_gmap{
	margin:0;
	padding:0 auto;
	height:auto;
	}
.tel-link{
	color:#000;
	text-decoration:underline;
	font-size:14px;
}
.bnr{ margin:20px auto; clear:both; }	
	
#box_fb{
	margin:0 0 40px;
	width:100%;
	}
.fb-page{ width:100%; margin:0; padding:0; }

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}


.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-v-24 { width: 137px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-v-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png); background-size: 160px 178px; } }



@media screen and (min-width: 0px) and (max-width: 767px) {
.top_accessinfo{
	width:96%; margin:20px auto 10px; text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration:none !important;
	cursor:pointer;
	color: #2d1600;
	display:block;
	font-weight:bold;
	width:100%;
	padding:8px 0;
	background: -moz-linear-gradient(
		top,
		#d2d6cc 0%,
		#d2d6cc);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#d2d6cc),
		to(#d2d6cc));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 6px;
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
}
}

@media screen and (min-width: 0px) and (max-width: 767px) {
.box_insta , .box_insta2{ 
	width:96%;
	height:auto;
	margin:0 auto 30px;
}

.box_insta iframe , .box_insta2 iframe{
	width:100%;
	height:200px;
	margin:0 auto 10px;
}
.box_insta2 iframe{
	width:100%;
	height:340px;
	margin:0 auto 10px;
}
@media screen and (min-width: 481px) {
	.box_insta2 iframe{
		height:580px;
		margin:0 auto 10px;
	}
}

.box_insta h3, .box_insta2 h3{
	background-image:url(../img/top/txt_instagram_sp.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:186px 55px;
	width:186px;
	height:55px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size:0;
	line-height:0;
	margin:0 auto 20px;
}
}

/* button page-top
======================================================*/
#btnTop {
	display: none;
	*display: inline;
	*zoom: 1;
	position: fixed;
	bottom: 40px;
	right: 1%;
}
#btnTop a {
	display: block;
	width:48px;
	height:48px;
	background: url(../img/btn_pagetop.png) no-repeat 0 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#btnTop a:hover {
	display: block;
	width:48px;
	height:48px;
	background: url(../img/btn_pagetop.png) no-repeat 0 -48px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


/* ------------------------------------ */
/* ▼PC用デザインとして付け足すデザイン */
/* ------------------------------------ */
@media all and (min-width: 768px) {

/* contents
======================================================*/
#contents2 {
	margin: 0;
	padding:0;
	background-color:#231915;
}

/* header
======================================================*/
header{
	margin:0 auto;
	padding:0;
	width:958px;
}
header h1 {
	padding-right:30px;
	height:auto;
	font-weight:normal;
	font-size:12px;
	color:#c8ca9b;
	margin:0 auto;
	text-align:right;
	padding-top:3px;
	line-height:2em;
}

/* mainvisual
======================================================*/
#mainvisual{
	margin:0 auto;
	padding:0;
	position:relative;
	width:980px;
	height:580px;
}
#headerVideo .video {
	display:none;
}
#headerVideo .video .videoBox {
	display:none;
}
#mainvisual_bg{
	padding: 0;
	background: #e6f1f8 url(../img/bg_mainvisual.jpg) no-repeat center/cover;
	z-index: 1;
}
#mainvisual .fvText {
	display:block;
	color: #cacac2;
	width: 100%;
	position: absolute;
	top: 60%;
	left:12.5%;
	transform: translate(0, -60%);
	text-align: center;
	z-index:5;
}
#mainvisual .fvText .textOne {
	position: relative;
	display: inline-block;
	margin: 0px auto 0;
	font-size: 2rem;
	margin-top: 0;
	letter-spacing: .6rem;
	line-height: 3.4rem;
  font-family: "Great Vibes", cursive;
  font-weight: 400;
  font-style: normal;
	text-shadow: 0 0 8px rgb(0, 0, 0, 0.4);
}


/* snav
======================================================*/
#snav{
	position:absolute;
	top: -25px;
	left:0;
	width:260px;
	height:793px;
	background-image:url(../img/snav/bg_snav.png);
	background-repeat:no-repeat;
	background-position:0 0;
}

#snav ul{
	margin:283px 0 0 39px;
	padding:0;
	height:auto;
	list-style:none;
	width:186px;

}
#snav ul li{
	display:block;
	width:186px;
	margin:0;
	padding:0;
}
#snav ul li img{ 
	width:186px;
	margin:0;
	padding:0;}

.logo, .logo2{
	margin-top:24px;
	width:186px;
	height:141px;
	margin:24px auto 0;
}


/* main
======================================================*/
#main {
	clear:both;
	margin:0;
	padding:0;
	background-image:url(../img/bg_main.jpg);
	width:100%;
}



/* ft_menu
======================================================*/
#ft_menu,#ft_info{
	clear:both;
	width:100%;
	margin:0;
	padding:0;
}
#ft_menu ul{
	display:inline-block;
	overflow:hidden;
	width:940px;
	height:auto;
	margin:0 auto;
	padding:6px 0;
	list-style:none;
	border-top:1px solid #e1d5c5;
	border-bottom:1px solid #e1d5c5;
	}
#ft_menu ul li{ display:block; padding:0 30px; border-right:1px solid #a79f9b; float:left;}
#ft_menu ul li a{ text-decoration:none; font-size:86%;}
#ft_menu ul li:last-child{ border-right:0;}


/* ft_info
======================================================*/
.ft_info_inner{
	width:940px;
	height:auto;
	display:inline-block;
	overflow:hidden;
	padding:1%;
	margin:0 auto;
}
.ft_ligo{
	float:left;
	width:560px;
}
.ft_shopinfo{
	float:right;
	width:340px;
	margin-top:22px;
}


/* footer
======================================================*/
#footer {
	margin:0;
	padding:0;
	width:100%;	
}
address{
	background-color:#231915;
	margin:0;
	text-align:center;
	font-size:10px;
	padding:0;
	line-height:2em;
	color: #CCC;
}


/* Page - top
======================================================*/
.top_2column{
	position: relative;
	width:958px;
	padding:0;
	height:auto;
	margin:0 auto 0;
	
}
.top_2column_inner{
	position:absolute;
	top:30px;
	left:240px;
}
.top_contents{
	width:320px;
	padding:0;
	float:left;
	margin:0 0 0 20px;
	height:250px;
}
.top_contentsTxt{ margin:0; padding:0;}
.top_contents img{ width:320px;}
.top_contents p{ text-align:left; color:#24200f; line-height:1.4em;}



h2.tit_tpConsept{
	background-image:url(../img/top/txt_service1.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:328px;
	height:26px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom:5px;
	font-size:0;
	line-height:0;
	border:none;
}
h2.tit_tpService{
	background-image:url(../img/top/txt_service2.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:328px;
	height:26px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom:5px;
	font-size:0;
	line-height:0;
	border:none;
}

h2.tit_tpConsept:before ,h2.tit_tpService:before {border:none;}

h2.tit_tpConsept:after ,h2.tit_tpService:after {border:none;}

.top_2column2{
	width:918px;
	padding:0;
	margin:320px auto 0;
	text-align:left;
	height:auto;
	overflow:hidden;
	display:inline-block;
}
#box_fb{
	float:left;
	width:400px;
	height:400px;
	margin:-0px 0px 40px 0;
}
.fb-page{ width:100%; }



.box_insta ,.box_insta2 {
	float:left;
	width:400px;
	height:auto;
	margin:30px 0px 20px 0;
}

.box_insta h3 , .box_insta2 h3{
	background-image:url(../img/top/txt_instagram.png);
	background-repeat:no-repeat;
	background-position:left top;	
	width:400px;
	height:50px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom:10px;
	font-size:0;
	line-height:0;	
}

.box_insta iframe{
	width:100%;
	height:270px;
	margin:0 auto;
}
.box_insta2 iframe{
	width:100%;
	height:390px;
	margin:0 auto;
}

.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-v-24 { width: 137px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-v-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png); background-size: 160px 178px; } }

.box_topAccess{
	float:right;
	width:500px;
	height:auto;
	margin:0 0 20px 0;
	overflow:hidden;
	display:inline-block;
}
.box_topAccess h3{
	background-image:url(../img/top/txt_access.png);
	background-repeat:no-repeat;
	background-position:left top;	
	width:500px;
	height:40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom:20px;
	font-size:0;
	line-height:0;	
}
.box_topAccessLogo{
	display:none;
}

#box_top_gmap{
	margin:0 0 40px;
	padding:0;
}

.top_gmap{
	float:left;
	margin:0;
	padding:0 10px 30px 0;
	height:auto;
	}
.tel-link{
	color:#000;
	text-decoration:underline;
	font-size:14px;
}
.bnr{
	width:500px;
	margin:20px auto;
}
.bnr img{ width:100%; border:0; }


.bnr2{
	width:100%;
	max-width:500px;
}
.bnr2 img{ width:100%; border:0; }

.box_topAccess iframe{
	width:280px;
	height:260px;
}

/* button page-top
======================================================*/
#btnTop {
	display: none;
	*display: inline;
	*zoom: 1;
	position: fixed;
	bottom: 40px;
	right: 1%;
}
#btnTop a {
	display: block;
	width:48px;
	height:48px;
	background: url(../img/btn_pagetop.png) no-repeat 0 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#btnTop a:hover {
	display: block;
	width:48px;
	height:48px;
	background: url(../img/btn_pagetop.png) no-repeat 0 -48px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.top_accessinfo{
	background-image:url(../img/ico_arrow01.png);
	background-repeat:no-repeat;
	background-size:14px 13px;
	padding-left:20px;
	background-position:0 4px;
	
	}
}
.top_newsLink{
	background-image:url(../img/ico_arrow01.png);
	background-repeat:no-repeat;
	background-size:14px 13px;
	padding-left:20px;
	background-position:0 4px;
	margin-right:20px;
}

	
/* SNS button
======================================================*/
@media screen and (max-width: 767px){

.bnr_lineApp_pc{
	display:none;
}
.bnr_lineApp_mo {
	margin:20px auto;
}
.bnr_lineApp_mo img{ width:232px; height:50%;}
}
@media screen and (min-width: 768px){
.bnr_lineApp_pc {
	width:500px;
	margin:20px auto;
}
.bnr_lineApp_mo {
	display:none;
}
}



.sns {
    margin: 0 auto 30px;
    text-align: center;
}
.sns ul {
    margin: 0 auto;
    list-style: none;
}
.sns li {
    float: left;
    width: 23%;
    margin: 10px 5px 5px 5px;
}
.sns li a {
    display: block;
    font-size: 90%;
    padding: 8px 0px 8px 0px;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
}
.sns li a:hover {
}
.sns .twitter a {
    background: #00acee;
}
.sns .facebook a {
    background: #3b5998;
}
.sns .blog a {
    background: #0078c7;
}
.sns .line a {
    background: #25af00;
}
.sns .instagram a {
    background: #e02c75;
    background-image: -webkit-linear-gradient(top, #e02c75, #fabd53);
    background-image: -moz-linear-gradient(top, #e02c75, #fabd53);
    background-image: -ms-linear-gradient(top, #e02c75, #fabd53);
    background-image: -o-linear-gradient(top, #e02c75, #fabd53);
    background-image: linear-gradient(to bottom, #e02c75, #fabd53);
}
.clearfix:after {
    visibility: hidden;
    height: 0;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
}

@media screen and (max-width: 480px){
.sns li {
    width: 45%;
    margin: 10px 8px 5px 8px;
}
}
@media screen and (min-width: 768px){
.sns {
	display:none;
}
}

/* TOP NEWS 190616
======================================================*/
.box_topNews{
	width:500px;
	height:auto;
	margin:0;
	overflow:hidden;
	height:150px;
}
.box_topNews h3{
	background-image:url(../img/top/txt_news.png);
	background-repeat:no-repeat;
	background-position:left top;	
	width:500px;
	height:40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom:10px;
	font-size:0;
	line-height:0;	
}
.box_topNews ul{
	padding: 0.5em 1em 0.5em 1.3em;
	position: relative;
	display: inline-block;
}
.box_topNews ul li{
	padding: 0.5em 0;
	list-style-type: none!important;
	text-align:left;
}
.box_topNews ul li:before {
	font-family: FontAwesome;
	content: "\f0da";
	position: absolute;
	left : 0.5em;
	color: #524924;
}

.box_topNews2{
	width:500px;
	margin:0;
	height:240px;
	padding-top:40px;
}
.box_topNews2 h3{
	background-image:url(../img/top/txt_news.png);
	background-repeat:no-repeat;
	background-position:left top;	
	width:500px;
	height:40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom:10px;
	font-size:0;
	line-height:0;	
}

#topNews-scroll2{
	margin:auto auto 10px;
	width:100%;
	padding:0% 1% 1% 0%;
	overflow:scroll;
	overflow-x: hidden;
	overflow-y: scroll;
	height:100px;
}
#topNews-scroll2 iframe{
	overflow-y: hidden;
	height: auto;
}

#topNews-scroll2 iframe#frameNews {
	border: 0px;
	margin: 0px;
	width: 100%;
	overflow-y: hidden;
}
@media screen and (max-width: 480px){
.sns li {
    width: 45%;
    margin: 10px 8px 5px 8px;
}
}


/*
#topNews-scroll2::-webkit-scrollbar{
	overflow:hidden;
	width:5px;
	background:#eee;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#topNews-scroll2::-webkit-scrollbar:horizontal{
	height:5px;
}
#topNews-scroll2::-webkit-scrollbar-button{
	display:none;
}
#topNews-scroll2::-webkit-scrollbar-piece{
	background:#eee;
}
#topNews-scroll2::-webkit-scrollbar-piece:start{
	background:#eee;
}
#topNews-scroll2::-webkit-scrollbar-thumb{
	overflow:hidden;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#333;
}
#topNews-scroll2::-webkit-scrollbar-corner{
	overflow:hidden;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#333;
}
*/

@media screen and (min-width: 0px) and (max-width: 767px) {
.box_topNews , .box_topNews2{ 
	width:100%;
	height:auto;
	margin:0 auto 30px;
}
.box_topNews h3 , .box_topNews2 h3{
	background-image:url(../img/top/txt_sp_news.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:186px 55px;
	width:186px;
	height:55px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size:0;
	line-height:0;
	margin:0 auto 20px;
}


#topNews-scroll2{
	margin:auto auto 10px;
	width:100%;
	padding:0% 1% 1% 0%;
	overflow:scroll !important;
	overflow-y: scroll !important;
	height:150px;
}

#topNews-scroll2 iframe#frameNews {
	border: 0px;
	margin: 0px;
	width: 100%;
	height:auto;
}


#topNews-scroll{
	margin:auto;
	width:97%;
	padding:1% 1% 1% 2%;
	height:80px;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	background:#FFFFFF;
}
#topNews-scroll::-webkit-scrollbar{
	overflow:hidden;
	width:5px;
	background:#eee;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#topNews-scroll::-webkit-scrollbar:horizontal{
	height:5px;
}
#topNews-scroll::-webkit-scrollbar-button{
	display:none;
}
#topNews-scroll::-webkit-scrollbar-piece{
	background:#eee;
}
#topNews-scroll::-webkit-scrollbar-piece:start{
	background:#eee;
}
#topNews-scroll::-webkit-scrollbar-thumb{
	overflow:hidden;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#333;
}
#topNews-scroll::-webkit-scrollbar-corner{
	overflow:hidden;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#333;
}
}


/* insta api
======================================================*/
.insta__wrap {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.insta__item {
  margin: .3em;
}
.insta__wrap ul{
  display: flex;
  flex-wrap: wrap;
}
.insta__wrap li{
  position: relative;
  width: 30%;
}
.insta__wrap li:before{
  content: "";
  display: block;
  padding-top: 100%;
}
.insta__wrap img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}
.instagram-card__badge{
  position: absolute;
  bottom:4px;
  right: 4px;
  display: flex;
  align-items: center;
  color: #fff;
  font-size:12px;
}
.instagram-icon{
  display: block;
  width: 20px;
  height: 20px;
}


.bnr_col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content: space-between;
	margin-bottom:20px;
}
.bnr_col_2:after{
	content:"";
	display:block;
	width: 50%;
	height:0;
}
.bnr_col_2 > div{
	width: 49%;
	padding: 0;
	margin:0 1% 2% 0;
	height:auto;
	text-align:left;
}
.bnr_col_2 div:nth-child(even) { text-align:right; margin-right:0; }
.bnr_col_2 img{ max-width:236px; width:100%; border:0; }

	@media screen and (min-width: 480px) {
		.bnr_col_2 img{ max-width:100%; width:100%; border:0; }
	}

.up-m-over{
	-webkit-transition: all .3s;
	transition: all .3s;
}
.up-m-over:hover{
	opacity: 0.7; filter: brightness(100%);
}




.tb-wrap{
	overflow-x:auto;
	clear:both;
	margin-top:40px;
}

.tb-wrap table{
	margin-bottom:20px;
	border-collapse: collapse;
	white-space: nowrap;

}
.tb01{
	width: 100%;
}
	@media screen and (max-width: 767px) {
		.bnr_col_2 img{ max-width:100%; width:100%; border:0; }
		.tb01{
			width:670px;
		}
	}


.tb01 thead th,.tb01 thead td,
.tb01 tbody th,.tb01 tbody td{
}

.tb01 thead th{
	font-weight:bold;
	background: #E6E3D6;
	font-size:78%;
	line-height:1.2em;
	padding: 20px 6px 16px;
	border: solid 1px #c0c0c0;
	text-align:center;
	box-sizing:border-box;
	vertical-align:middle;
	white-space: normal;

}


.tb01 tbody th,
.tb01 tbody td{
	border: solid 1px #c0c0c0;
	text-align:center;
	box-sizing:border-box;
	vertical-align:middle;
	font-size:86%;
	border: solid 1px #c0c0c0;
	white-space: normal;
}
.tb01 tbody th {
	background: #E6E3D6;
	font-size:70%;
	min-width:18px;
	max-width:18px;
	width:10%;
	padding: 6px;
	letter-spacing:0.2em;
}

.tb01 tbody td{
	background: #faf9f7;
	padding: 8px;
	text-align:left; font-size:82%;
	vertical-align:top;
}
.tb-wrap table.tb01 tbody td img{ max-width:120px; width:100%; text-align: center; margin:auto; float:none; }

.w18per{ width:18%; }
.lnh-15{ line-height:normal;}

.pa5{ padding:0%; }

.product_h4 {
	max-width:670px;
	width:100%;
	clear:both;
	display:block;	
    background-color: rgba(233, 219, 211, 0.5);
	margin: .8em auto 30px;
	position: relative;
}

.product_h4:before {
	position: absolute;
	content: '';
	right: 0;
	bottom: 0;
	width: 50px;
	height: 50px;
	border-right: 1px solid #54462C;
	border-bottom: 1px solid #54462C;
}
.product_h4:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	border-top: 1px solid #54462C;
	border-left: 1px solid #54462C;
}


.product_h4 span{
	font-size: 22px;
	text-align:left;
	font-weight:bold;
	display:block;	
	line-height: 1.4em;
    padding: 24px 38px 20px;
	white-space:nowrap;

}

.product_h4 span:before {
	content: attr(data-en);
	display: block;
	color: #f81f84;
	font-size: 16px;
	font-family: 'Poppins', sans-serif;
	font-weight:700;
}

.product_h4 span:after {
	margin-top:8px;
	content: '';
	display: block;
	width: 40px;
	height: 1px;
	background-color: #FF3997;
}


.listStyle-01{
    margin:0.5em 0;
	padding: 0 0 0 1em;
}

.listStyle-01 li{
	padding: .1em .5em;
	position: relative;	
}

.listStyle-01 li:before{
    display:inline-block;
    content:'';
    width: 10px;
    height:10px;
	border-radius:50%;
    background:#54462c;
	position: absolute;
	top: .4em;
	left: -.8em;
}

	@media screen and (max-width: 767px) {
		.listStyle-01{
			margin:0.5em 0;
			padding: 0 .5em 0 1.5em;
		}
		
		.listStyle-01 li{
			padding: .1em .5em;
			position: relative;	
		}		
		.listStyle-01 li:before{
			display:inline-block;
			content:'';
			width: 10px;
			height:10px;
			border-radius:50%;
			background:#54462c;
			position: absolute;
			top: .4em;
			left: -.5em;
		}
	}
	

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


/* ===================================
main
=================================== */
#headerVideo .video {
  position: relative;
  height: 70vh;
}
#headerVideo .video:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: radial-gradient(black 30%, transparent 30%),
    radial-gradient(black 30%, transparent 30%);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
}

#headerVideo .video .videoBox {
  height: 100%;
  width: 100%;
  overflow: hidden;
  object-fit: cover;
}

#headerVideo .video .pc {
  display: block !important;
}

#headerVideo .video .sp {
  display: none !important;
}

#headerVideo .videoBoxSp {
  background: url(../img/bg_mainvisual.jpg) no-repeat;
  background-size: cover;
}

#headerVideo .video .fvText {
  color: #cacac2;
  width: 100%;
  position: absolute;
  top: 30%;
  transform: translate(0, 30%);
  text-align: center;
	z-index:50;
}

#headerVideo .video .fvText .textOne {
  position: relative;
  display: inline-block;
  padding: 0 30px;
  margin: 0px auto 0;
	font-size: 1.5rem;
	margin-top: 0;
	letter-spacing: .35rem;
	line-height: 3.4rem;
  font-family: "Great Vibes", cursive;
  font-weight: 400;
  font-style: normal;
	text-shadow: 0 0 8px rgb(0, 0, 0, 0.4);
}
}