@charset "utf-8";
/* =======================================================================
	BASE_STYLE
======================================================================= */
html {height:100%;box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, code, form, fieldset, legend, input, textarea, 
p, blockquote, th, td{margin:0;padding:0;}
a {outline: none; color:#0055AC;}
img { border:none }
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}
body{
	width:100%;
	height:100%;
	font-family: Helvetica , YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size:16px;
	line-height: 1.6;
	color:#000;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	word-wrap:
	break-word;
}
/* Clearfix */
.cf:after {
	content: "";
	clear: both;
	display: block;
}
#wrapper{width:100%;}
.sp_none{display:none;}
/* =======================================================================
	HEADER
======================================================================= */
header{}
header .header_inner{display:none;}

/* DRAWER */
.drawer-hamburger {margin:0;}
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
	width: 100%;
	height: 3px;
	-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
ul.drawer-menu{
	padding:12% 0 0 0;
}
ul.drawer-menu li a{
	color:#000;
	font-size:16px;
	font-weight:bold;
	text-decoration: none;
	display:block;
	padding:0 10% 8% 10%;
}
ul.drawer-menu li.tel{
	width:80%;
	border-top:#888 1px solid;
	padding:12% 0 0 0;
	margin:2% auto 0 auto;
}
ul.drawer-menu li.tel a{
	padding:0;
	margin:0;
}
ul.drawer-menu li.tel img{
	margin:0 0 3px 0;
}
ul.drawer-menu li.tel img:nth-child(1){
	width:100%;
	height:auto;
}
ul.drawer-menu li.btn img{
	width:100%;
	height:auto;
	margin-top:8%;
}
.another_shop{display:none;}
/* =======================================================================
	MAIN
======================================================================= */
h2 img{
	width:45%;
	height:auto;
	display:block;
	margin:0 auto;
}

/*	MAIN VISUAL
----------------------------------------------------------------------- */
.mv_area{
	width:100%;
	height:400px;
	background:url(../images/new_mv_sp.jpg)  top right no-repeat;
	background-size:auto 100%;
	background-position:56% 0;
	border-bottom:#000 5px solid;
	position:relative;
	overflow: hidden;
}
.mv_area .mv_area_inner{
	width:78%;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.mv_area_inner .logo_area{
	width:55%;
	height:400px;
	text-align:center;
	background : rgba(0, 0, 0, 0.75);
	padding:25% 4% 0 4%;
}
.logo_area img{
	width:100%;
	height:auto;
}
.mv_area .bgImg {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	opacity:0;
	/*animation:bgAnime 16s infinite*/
	animation:bgAnime 24s infinite;
}
.mv_area .src1 {
	background-image:url(../images/mv1.jpg) ;
	background-size:auto 100%;
	background-position: center top;
}
.mv_area .src2 {
	background-image:url(../images/mv2.jpg) ;
	background-size:cover;
	background-position: center bottom;
	animation-delay: 8s;
}
.mv_area .src3 {
	background-image:url(../images/mv3.jpg) ;
	background-size:cover;
	background-position: left top;
	animation-delay: 16s;
}
@keyframes bgAnime {
    0% { opacity: 0; }
    33% { opacity: 1; }
    66% { opacity: 0; }
}
/*
@keyframes bgAnime {
    0% { opacity: 0; }
    50% { opacity: 1; }
}
*/

/*	ABOUT US
----------------------------------------------------------------------- */
.about_us_area{
	color:#FFF;
	text-align:center;
	background:url(../images/about_us_bg.png) repeat;
	border-bottom:#000 5px solid;
	padding:10% 5%;
}
.about_us_area h3{
	line-height:1.8;
	margin:10% 0 4% 0;
}
.about_us_area h3 br{display:none;}
.about_us_area p img{
	width:100%;
	height:auto;
}

/*	お知らせ
----------------------------------------------------------------------- */
.info_area{
	min-height:250px;
	/*
	background:url(../images/access_bg.jpg) center top repeat;
	background-size:cover;
	*/
	padding:10% 5%;
}
.info_area .info_area_inner{
	width:100%;
	text-align:center;
	margin:0 auto;
}
.info_area dl.news{
	text-align:left;
	margin:8% 0 0 0;
}
dl.news dt{
	font-weight:bold;
	margin:40px 0 0 0;
}
dl.news dd{
	margin:10px 0 0 0;
}
dl.news dd .newsline{
	border-top:#000 1px dashed;
	border-bottom:#000 1px dashed;
	padding:15px 0;
	margin:18px 0;
}
dl.news dd h3{
	font-size:17px;
	font-weight:bold;
	margin-bottom:20px;
}

dl.news p.newsimg{text-align:center;}
dl.news p.newsimg img{
	width:50%;
	height:auto;
}
dl.news p.newsimg2 img{
	width:100%;
	height:auto;
}

dl.news .measurebx{
	margin:30px 0;
}
.measurebx img{
	width:50%;
	height:auto;
	display:block;
	margin:0 auto 20px auto;
}
dl.news .measurebx-end{
	margin:30px 0;
}
.measurebx-end br.sp_none{display:none;}

.info_area .news a.more_btn{
	width:200px;
	height:50px;
	line-height:50px;
	color:#FFF;
	background:#714C9E;
	text-align:center;
	display:block;
	margin:50px auto 0 auto;
}

/*	料金システム
----------------------------------------------------------------------- */
.price_area{
	background:url(../images/price_bg.jpg)  left bottom no-repeat;
	background-size:cover;
	border-bottom:#000 5px solid;
	padding:10% 5%;
}
.price_area .price_area_inner{
	width:100%;
	margin:0 auto;
}
.price_area_inner p{
	color:#FFF;
	border-bottom:#444 1px dashed;
	padding-bottom:5px;
	margin-top:3%;
}
.price_area_inner .pa_left{
	width:100%;
	background : rgba(0, 0, 0, 0.75);
	padding:3% 6% 6% 6%;
	margin:8% 0 3% 0;
}
.pa_left span.price_txt{
	float:right;
	font-size:18px;
}
.price_area_inner .pa_right{
	width:100%;
	background : rgba(0, 0, 0, 0.75);
	padding:3% 6% 6% 6%;
}
span.notes{
	display:block;
	font-size:12px;
	line-height:1.5;
	text-align:right;
	color:#FFF;
	margin-top:3%;
}

/*	アクセス
----------------------------------------------------------------------- */
section#access{
	background:url(../images/access_bg.jpg) center top repeat;
}
.access_area{
	text-align:center;
	padding:10% 5% 8% 5%;
}
.access_area h3{
	text-align:left;
	margin:8% 0 5% 0;
}
.access_area h3 br{display:none;}
.access_area .map_pic_area{
	width:100%;
	font-size:15px;
	background:#FFF;
	border:#DDD 1px solid;
	padding:5%;
	margin:0 auto;
}
.map_pic_area img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}
.access_area iframe,
.access_area2 iframe{
	width:100%;
	height:300px;
	border:#DDD 1px solid;
	margin-top:5%;
}

.access_area2{
	width:100%;
	border-top:#000 1px dashed;
	padding:8% 5%;
	margin:0 auto;
}
.access_area2 .aa2_left{}
.access_area2 .aa2_right{}
.access_area2 h2{
	font-size:22px;
	font-weight:900;
	text-align:center;
	margin-bottom:15px;
}
.access_area2 a{
	color:#000;
	text-decoration: none;
}
.access_area2 a.access_btn{
	width:200px;
	font-size:16px;
	line-height:1;
	font-weight:900;
	text-decoration: none;
	color:#FFF;
	background:#180A04;
	text-align:center;
	border-radius: 10px;
	display:block;
	padding:15px 0;
	margin:20px auto 10px auto;
}
.access_area2 a.access_btn:hover{opacity:0.8;}
/* =======================================================================
	FOOTER
======================================================================= */

footer{}
footer .footer_pic{
	height:80px;
	background:url(../images/footer_pic.png) #121A38 bottom no-repeat;
}
footer .footer_area{
	background:#000;
}
.footer_area ul{text-align: center;}
.footer_area ul li{}
.footer_area ul li a{
	color:#FFF;
	text-decoration: none;
	display:block;
	border-bottom:#333 1px solid;
	padding:10px 0;
}
.footer_area .footer_info{
	font-size:13px;
	color:#FFF;
	border-bottom:#333 1px solid;
	text-align:center;
	padding:20px 0 15px 0;
}
.footer_info a{
	color:#FFF;
}
.footer_info b{
	font-size:14px;
	display:block;
	margin:10px 0 3px 0;
}
.footer_area .copyright{
	font-size:12px;
	color:#FFF;
	text-align:center;
	padding:12px 0;
}