@charset "UTF-8";


@media only screen and (max-width: 736px){
body{
	min-width:auto;
}
.container {
    background: url(images/head-bg.png) repeat-x top left;
    padding-top: 0px;
}
.inner{
	width:100% !important;
}
.main-body {
    padding-top: 0px;
}
.pc{
display:none;
}
.sm{
display:block;
}
#hcn{
height:40px;
}
#hcn ul{
display:none;
}
#mnv{
width:auto !important; auto !important; position:relative; margin:0 auto;
}
.site-header {
background:#FFF;
position: fixed;
width:100%;
top:0;
left:0;
z-index:1000;
height:40px;
background-size: contain;
}

.site-title a {
position:absolute;
top:0;
left:50%;
margin-left:-85px;
z-index:1000;
background: url(images/logo.png) no-repeat;
width:173px;
height:75px;
background-size:contain;

}
	.one-time {margin:0 auto; width:100%;}
	.site-title {
    		padding: 0;
	}
.tel{
	display:block;
	position:absolute;
	right:10px;
	top:5px;
	font-size:10px;
	z-index:100000000000;
	margin:0;
}
.tel li{
	list-style:none;
	margin:0 0 0 10px;
	text-align:center;
	float:left;
}
.tel li i{
	margin-right:5px;
	font-size:18px;
	display:block;
}
.tel li a{
	text-decoration:none;
	color:#000;
}

.global-nav-panel {
    background: transparent;
    color: #000;
position:relative;
z-index:1000000;
}
.global-nav-in ul{
	padding: 0px 0 0 0px;
width:100%;
position:relative
}
.global-nav{
width:100%;
}
#cntbtn{
display:none;
}
.global-nav-in ul.gn1{
width:100%;
float:none;
margin-top:30px;
position:static;
}
.global-nav-in ul.gn2{
width:100%;
float:none;
position:static;
}
.global-nav #menu{
display:none;
width:100%;
    z-index: 10000;
    background: #FFF;
position:absolute;
top:0;
left:0;
}
.global-nav ul {
display:block;
top:0;
width:100%;
    left: 0px;
    z-index: 10000;
    background: #FFF;
}
.global-nav-in li{
	display: block;
	float:none;
	list-style: none;
	position: relative;
	vertical-align: middle;
	margin: 0;
	border-bottom: none;
	text-align: center;
}
.global-nav-in li.li02{
margin-right:0px;
}
.global-nav-in li.li02 a{
margin-right:0px;
}
.global-nav-in li.li03{
margin-left:0px;
}
.global-nav-in li a, .global-nav li ul li a {
    background: #fff;
padding:0;
line-height:40px;
}
}
@media only screen and (max-width: 786px){
.site-footer {
}
.site-footer-conts{
}
.site-footer-conts dl{
float:none;
width:95%;
margin:20px auto;
text-align:center;
}
.site-footer-conts dt{
margin:0 0 10px 0;
}
.site-footer-conts dd{
line-height:18px;
margin:0;
padding:0;
}
.site-footer-conts .map{
float:none;
width:100%;
}
.site-footer-conts .map iframe{
vertical-align:bottom;
}
.site-footer .ftv{
background:#000;
color:#fff;
line-height:1;
margin-bottom:5px;
padding:12px 0;
}
.site-footer .ftv a{
color:#fff;
}
.site-footer .ftv ul{
float:none;
txt-align:center;
margin-bottom:10px;
}
.site-footer .ftv li{
}
.site-footer .ftv li:last-child{
}
.site-footer .ftv p{
float:none;
txt-align:center;
font-size:9px;
}
.copyright {
    margin: 0;
    padding: 0 0 20px 0;
    color: #333;
font-size:11px;
line-height:1.2;
    text-align: center;
}
.copyright p{
margin:0 0 1em 0;
}
.container {
    background: none;
    padding-top: 0px;
}

.top-btn dl{
margin:0 0 !important;
float:none;
text-align:center;
width:auto;
}
.top-btn dl:nth-of-type(2) {
    margin: 30px 0 !important;
}
.top-btn dt{
}
.top-btn dd{
margin:20px 0;
line-height:1.1;
overflow:hidden;
}

dl.top-seisaku{
background-size:cover;
padding:20px 0;
}
dl.top-seisaku dt{
font-size:24px;
line-height:1;
}
dl.top-seisaku .dd01{
margin-top:20px;
font-size:14px;
}
dl.top-seisaku .dd02{
margin-top:20px;
font-size:14px;
}
dl.top-seisaku .dd02 a{
width:50%;
line-height:40px;
}

#top-shien{
padding-bottom:50px;
width:100%;
}
#top-shien h2 {
    /*padding: 20px 0 20px 0;*/
    font-size: 24px;
}
#top-shien .shien01{
float:none;
width:300px;
margin:0 auto;
}
#top-shien .shien01:nth-of-type(2){
margin:0 auto;
}

#top-news h2 {
    /*padding: 20px 0 20px 0;*/
    font-size: 24px;
}
#top-news .news02{
float:none;
margin:0 auto 15px auto;
padding: 0 0 15px 0;
width:95%;
}
#top-news .news02 p{
margin:0;
width:100%;
float:none;
}
#top-news .news02 img{
width:100% !important;
height:auto !important;
}
#top-news .news02 dl{
margin:0;
}
#top-news .news02 dt{
margin-top:0px;
}
#top-news .news02 dd{
margin-bottom:0;
}
#top-news .news02.list{
float:left;
margin:0 0 0 3%;
padding: 0 0 15px 0;
width:45%;
}
#top-news .news02.list:last-child {
margin:0 0 0 3%;
}

.top-concept{
padding:20px 0;
}
.top-concept h2{
font-size:17px;
}
.top-concept img{
width:100%;
height:auto;
}
.top-concept .tc01{
float:none;
width:100%;
}
.top-concept .tc02{
float:none;
margin:0 auto;
width:95%;
}
.top-concept .tc02 p{
margin:10px 0;
}

#insta-fb{
padding:20px 0 20px 0;
}
#insta-fb ul.tsns{
float:none;
font-size:30px;
margin:20px 0;
text-align:center;
}
#insta-fb ul.tsns li{
display:inline-block;
}
.main-body #insta-fb h2 {
    /*font-size: 17px;
	float:none;
line-height:1;
margin-left:2%;*/
}
#insta-fb dl{
margin:0;
float:none;
}
.facebook-wrapper {
width:auto;
}
#insta-fb dl.dl01{
width:95%;
margin:0 auto;
}
#insta-fb dt{
}
#insta-fb dl.dl02{
width:95%;
margin:0 auto;
}
#insta-fb dl.dl02 dt{
}
#insta-fb dd{
margin:0;
padding:0;
}
#insta-fb .instagram p{
float:left;
margin:0 10px 10px 0;
width:30%;
min-height:120px;
}
#insta-fb .instagram img{
width:100%;
height:auto;
}
#insta-fb .fb_iframe_widget span,
#insta-fb .fb_iframe_widget iframe {
    width:100% !important;
}
#insta-fb .youtube{
clear:both;
padding:20px 0 0 2%;
}
#insta-fb .youtube ul{
text-align:center;
}
#insta-fb .youtube li{
display:block;
}
#insta-fb .youtube li:nth-of-type(2){
margin:0 12px;
}

#shopinfo{
}
#shopinfo h2 {
}
#shopinfo .spf01{
float:none;
margin:0 auto;
width:95%;
}
#shopinfo .spf02{
float:none;
margin:0 auto;
width:95%;
}
#shopinfo dl{
}
#shopinfo dt{
float:none;
text-align:center;
margin-bottom:10px;
}
#shopinfo dd{
padding-left:0px;
}
#shopinfo dd strong{
}

.single-location .gall{
}
.single-location .gall p{
float:left;
border:1px solid #cccccc;
border-radius:5px;
margin:2%;
padding:1%;
width:43%;
}
.single-location .gall p img{
margin:0;
width:100%;
height:auto;
}

.tpss h2 {
margin: 0 0 20px 0 !important;
padding:0;
}
.tpss h2 em{
font-size:14px;
}
.tpss h2 span{
padding-left:2%;
box-sizing:border-box;
}

/* */
.areamap{
	width:100%;
}
.areamap table{
	background:#ededed;
}
.areamap th{
	padding:5px 10px;
	vertical-align: middle;
	font-size:20px;
	width:100%;
display:block;
}
.areamap td{
	padding:5px 10px;
	width:100%;
display:block;
box-sizing:border-box;
}
.areamap .tdd{
}
.areamap input{
	vertical-align:middle;
}
.areamap input[type="text"]{
	vertical-align:middle;
	padding:5px;
	width:100px;
}
.areamap ul.ul01{
	line-height:25px;
}
.areamap ul.ul01 li{
}
.areamap ul.ul01 li{
	display:table;
	margin-bottom:20px;
}
.areamap ul.ul01 li a{
	float:none;
	display:block;
	width:170px;
	text-align:center;
	text-decoration:underline;
	background:#ff9900;
	color:#fff;
}
.areamap ul.ul01 ul {
	margin-left:0px;
}
.areamap ul.ul01 ul li {
	display:inline-block;
	position:relative;
	margin-bottom:0;
}
.areamap ul.ul01 ul li a {
	float:none;
	display: inline;
	width:auto;
	text-align:center;
	text-decoration:underline;
	background:transparent;
	color:#333;
	padding:5px 0;
}
.areamap ul.ul01 ul li:after{
	content:"/";
	margin-left:3px;
}
.areamap ul.ul02 {
	margin-left:0;
}
.areamap ul.ul02 li {
	display:inline-block;
	position:relative;
	margin-bottom:0;
}
.areamap ul.ul02 li a {
	float:none;
	display: inline;
	width:auto;
	text-align:center;
	text-decoration:underline;
	background:transparent;
	color:#333;
	padding:5px 0;
}
.areamap ul.ul02 li:after{
	content:"/";
	margin-left:3px;
}
.section-wrap.galls .section-in{
padding:0;
}
.galls{
width:31%;
border:1px solid #ccc !important;
box-sizing:border-box;
padding:5px;
border-radius:5px;
margin:0% 1% 3% 1%;
}
#bgmp_map-canvas {
    width: 100% !important;
}

.sub-conts .section-wrap .section-in .section-title{
box-sizing:border-box;
margin:0 0 15px 0;
}
}