@charset "UTF-8";

/*--------------------------------------------------------
モバイル用レイアウト（640px以下の解像度のスクリーン含む）
--------------------------------------------------------*/

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

/*--------------------------------------------------------
エリアの設定
--------------------------------------------------------*/

#container{
	padding-top: 0;
	padding-bottom: 0;
}




/*--------------------------------------------------------
topicsトピックス
--------------------------------------------------------*/

/*リニューアル 2019.08.29*/
/*グローバルTOP用-----------------------------------------------*/
#topics{
	clear:both;
	font-size:12px;
	margin:0;
	width:auto;
	padding:10px;
}
#main-contents #topics h2{
	width:100%;
	color:#0CF;
	border-top:#666 1px dotted;
	border-bottom:#666 1px dotted;
	padding:5px 0 3px 30px;
	margin-bottom:10px;
	background-image:url(../images/icon/icon-topics.png);
	background-repeat:no-repeat;
	background-size:25px;
	background-position:left center;
}
#main-contents #topics ul{
	margin:0;
}
#topics li{
	width:46%;
	height:230px;
	margin:0 2% 10px 2%;
	padding:10px 0 0 0;
}
#topics .news_title{
	padding:0 5%;
}

/*各店舗TOP用-----------------------------------------------*/
#topics-st{
	clear:both;
	font-size:12px;
	margin:50px 0;
	width:auto;
	padding:10px;
}
#main-contents #topics-st h2{
	width:100%;
	color:#0CF;
	border-top:#666 1px dotted;
	border-bottom:#666 1px dotted;
	padding:5px 0 3px 30px;
	margin-bottom:10px;
	background-image:url(../images/icon/icon-topics.png);
	background-repeat:no-repeat;
	background-size:25px;
	background-position:left center;
}
#topics-st h2 img{
	display:inline;
	width:25px;
	vertical-align:middle;
}
#main-contents #topics-st ul{
	margin:0;
}
#topics-st li{
	width:46%;
	height:230px;
	margin:0 2% 10px 2%;
	padding:10px 0 0 0;
}
#topics-st .news_title{
	padding:0 5%;
}
#topics-st #topics-studio{
	float:none;
	width:100%;
	margin-right:0;
}
#topics-st #topics-twitter{
	display:none;
}




/*--------------------------------------------------------
TOP写真用　margin-top一括設定
--------------------------------------------------------*/
#margin-1line{height:300px;}
#margin-2line{height:280px;}
#margin-3line{height:250px;}


/*--------------------------------------------------------
トップ
--------------------------------------------------------*/

#top{ 
	position: relative;
	top: 0;
	height: auto;
	font-size: 1.2em;
}

#top-menu{
	float: none;
}

#top-menu li{
	text-align: left;
	display: block;
}
/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

/*●ヘッダの回り込み解除*/


#header{
background: -webkit-gradient(linear, left top, right bottom, from(#000), color-stop(0.25, #000), color-stop(0.25, #333), color-stop(0.5, #333), color-stop(0.5, #000), color-stop(0.75, #000), color-stop(0.75, #333), to(#333));
background: -moz-linear-gradient(-45deg, #000 25%, #333 25%, #333 50%, #000 50%, #000 75%, #333 75%, #333);
background: linear-gradient(-45deg, #000 25%, #333 25%, #333 50%, #000 50%, #000 75%, #333 75%, #333);
background-size: 5px 5px;
}

#header-in{
	width:100%;
	min-width:100%;
	margin:0;
}
#header-title{
	margin:30px 0 0 5px;
	font-size:0.6em;
}
#header .header-logo{
}
#header  h1 p{
	font-size:1.7em;
}
#header-text{
	display:none;
}
/*--------------------------------------------------------
新ヘッダー　WEB予約
--------------------------------------------------------*/
#header_mypage{
background: -webkit-gradient(linear, left top, right bottom, from(#000), color-stop(0.25, #000), color-stop(0.25, #333), color-stop(0.5, #333), color-stop(0.5, #000), color-stop(0.75, #000), color-stop(0.75, #333), to(#333));
background: -moz-linear-gradient(-45deg, #000 25%, #333 25%, #333 50%, #000 50%, #000 75%, #333 75%, #333);
background: linear-gradient(-45deg, #000 25%, #333 25%, #333 50%, #000 50%, #000 75%, #333 75%, #333);
background-size: 5px 5px;
}

#header-in{
	width:100%;
	min-width:100%;
	margin:0;
}
#header-title{
	margin:30px 0 0 5px;
	font-size:0.6em;
}
#header_mypage .header-logo{
}
#header_mypage  h1 p{
	font-size:1.7em;
}
#header_mypage #header-text{
	display: block;
}
#header_mypage #header-in #header-text{
/*	width: 40%; /*・1行の幅はwidthの値を変更*/
	color: #333;
	text-align:right;
	margin:25px 0;
	padding:0;
}
#header_mypage #header-in #header-text p{
	margin-top:30px;
	padding:0;
	font-size:1.2em;
	color:#FFF;
}

#header_mypage #header-text img{
	width:50px;
}



/*--------------------------------------------------------
電話番号　24h
--------------------------------------------------------*/
#header_box{
  height: 170px;
  background-color:rgba(0,0,0,0.3);
}

#header_box .fixheader {
  position: absolute;
  background: rgba(0,0,0,.8);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
  width: 100%;
  top: 100px;
  z-index:9000;
  padding-bottom: 0px;
  transition: padding-bottom .2s ease 0s;
}

#header_box.fixed .fixheader {
  position: fixed;
  margin-top:-100px;
  padding-bottom: 0px;
}

#header_box .header_bottom{
	margin-top:40px;
	background-color:rgba(0,0,0,0.6);
	 /* 出てくる時のアニメーション設定 */
    transition: margin-top .4s ease 0s, opacity .4s ease .2s;
    opacity: 1;
}
#header_bottom.fixed .header_bottom {
    /* 消える時のアニメーション設定 */
    transition: margin-top 0s ease 0s, opacity .4s ease 0s;
    margin-top: -120px;
    opacity: 0;
}

/*--------------------------------------------------------
電話番号　24h
--------------------------------------------------------*/


#info01 #tel{
	float:left;
	width:91%;
	padding:5px 0 0 9%;
	margin:0;
	font-size:1.5em;
	background:url(../images/icon/icon-tel.png) no-repeat;
	background-size:25px;
	background-position:center left;
}
#info01 #h24{
	float:right;
	width:41%;
	text-align:right;
	margin:0;
	padding:0;
}
#info01 #h24 img{
	height:auto;
}




#info01 #tel img{
	width:140px;
	vertical-align:middle;
}

#info02{
	clear:both;
	width:100%;
	min-width:100%;
	background:rgba(0,0,0,0.8);
	padding:5px 0;
	color:#FFF;
	
}
#info02 h2{
	margin:0;
	font-size:0.8em;
}

#info02 span{
	margin-left:5;
}
.eigyo24h{
	font-size:1.2em;
	color:white;
	font-weight:bold
}
.yoyaku{
	font-size :1.00em;
	margin-left:8;
}
#info02 a{
	color:white;
}

/*--------------------------------------------------------
サービス一覧
--------------------------------------------------------*/
#service{
	width:100%;
	height:auto;
	margin:0;
	padding:10px 0 10px 0;
	background: -webkit-gradient(linear, left top, right bottom, from(#180052), color-stop(0.25, #180052), color-stop(0.25, #333), color-stop(0.5, #333), color-stop(0.5, #180052), color-stop(0.75, #180052), color-stop(0.75, #333), to(#333));
	background: -moz-linear-gradient(-45deg, #180052 25%, #333 25%, #333 50%, #180052 50%, #180052 75%, #333 75%, #333);
	background: linear-gradient(-45deg, #180052 25%, #333 25%, #333 50%, #180052 50%, #180052 75%, #333 75%, #333);
	background-size: 5px 5px;/*値を小さくすると細かくなる*/
}

#service ul{
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
}
#service ul li{
	margin:0;
	padding:0 5px 5px 0;
}
#service ul li a{
	background:none;
	list-style:none;
	text-decoration:none;
	margin:0;
	padding:0;
	display:block;
}

/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

/*●メイン画像*/
#main-image{
	display:none;
}
#main-image_pc #main-image-in{
}
#main-image_pc #main-image img{
}
/*●メイン画像*/
#main-image_mobile{
	display:block;
	padding-top: 0em;
}
#main-image_mobile #main-image-in{
	position: relative;
	padding-bottom: 1.5em;
}
#main-image_mobile #main-image img{
	width: 100%;
	height: auto;
}
/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

#main{
	margin-top:50px;
}
#main-image .catch-copy{ font-size: 1.4em; }



/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/
#main-contents{
	margin:0;
}
#main-contents .contents{
	max-width:95%;
	margin:0 auto 70px auto;
	padding: 0;
}


/*●H2タグ*/
#main-contents h2{
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	width:100%;
	padding:5px 0 5px 60px;
	margin:10px 0;
}


/*●最新情報の回り込みを解除*/
#main-contents dl.news dt,
#main-contents dl.news dd.cat,
#main-contents dl.dl-style01 dt{ float: none; }

#main-contents dl.news dt{ margin-bottom: 0.4em; }

#main-contents dl.news dt,
#main-contents dl.dl-style01 dt{
	padding-right: 1em;
	padding-left: 1em;
}

#main-contents dl.news dd.cat{
	display: inline-block;
	width: auto;
	margin: 0 1em 0.5em;
	padding: 0.3em 1em;
}

#main-contents dl.news dd,
#main-contents dl.dl-style01 dd{ 
	margin: 0 0 10px 0;
	padding: 0 1em 0.8em 1em;
}

/*●Tableをブロック表示に*/
#main-contents .table-style01,
#main-contents .table-style01 thead,
#main-contents .table-style01 tbody,
#main-contents .table-style01 tfoot,
#main-contents .table-style01 tr,
#main-contents .table-style01 th,
#main-contents .table-style01 td{ display: block; }

#main-contents .table-style01 th,
#main-contents .table-style01 td{
	float: left;
	width: 100%!important;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
}

#main-contents .table-style01{ /zoom : 1; }
#main-contents .table-style01:after{ content : ''; display : block; clear : both; height:0; }

#main-contents table{
	font-size:0.8em;
}

/*　料金表段組み */
#main-contents #kojin_price{
	float:left;
	width:100%;
	margin-right:0;
}

#main-contents #cancel_price{
	float:left;
	width:100%;
}




.box-wrap .box-l,
.box-wrap .box-r{
	float: none;
	width: 100%;
}


/*Youtube動画*/
#main-contents .v-wrap{
	position: relative;
	overflow: hidden;
	height: 0;
	padding-bottom: 56.25%;
	padding-top: 30px;
}

#main-contents .v-wrap iframe,
#main-contents .v-wrap object,
#main-contents .v-wrap embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*--------------------------------------------------------
サイト全体の共通設定
-------------------------------------------------------*/

html{
	overflow-y: scroll;
	overflow-x: hidden;
}

html,body{
	width: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	background-size:1000px;
	background-position:center top;
}

textarea,input{ max-width: 95%; }

input[type="submit"],input[type="image"],
input[type="reset"],input[type="button"],
input[type="file"]{ max-width: none; }


/*●画像サイズの調整*/
img {
	height: auto;
	max-width: 100%;
}

a{
	color: #39f;
	-webkit-tap-highlight-color: #fc6;
}

/*●パン屑ナビ*/
#breadcrumbs{
	font-size: 1.0em;
	width:98%;
	min-width:98%;
	padding:1%;
}

#breadcrumbs ol{
	width:100%;
	margin:0 auto;
}

#breadcrumbs li{
	display: inline;
	margin-right: 0;
	text-align: right;
	list-style: none;
}

#breadcrumbs li a{
	padding-right: 10px;
	background: url(../images/icon/icon-brc.gif) center right no-repeat;
}

#breadcrumbs-footer{
	font-size: 1.0em;
	width:98%;
	min-width:98%;
	padding:20px 1%;
}

#breadcrumbs-footer ol{
	width:100%;
}

#breadcrumbs-footer li{
	display: inline;
	margin-right: 0;
	text-align: right;
	list-style: none;
}

#breadcrumbs-footer li a{
	padding-right: 10px;
	background: url(../images/icon/icon-brc.gif) center right no-repeat;
}

/*●サイトマップ*/
#main-contents #sitemap{
	width:100%;
	padding:10px 0 10px 10px;
	background: #666;
}
#main-contents .sitemap li{ list-style: none; }
#main-contents .list_block{
	float:left;
	margin-right:30px;
}

#main-contents .sitemap li a{
	padding: 3px 0 3px 20px;
	background: url(../images/icon/icon-arrow_r.png) 0 6px no-repeat;
}

#main-contents .sitemap ul{
	margin-top: 1em;
}

#main-contents .sitemap li li a{
	padding: 0 0 0 15px;
	border-left: none;
	background: url(../images/icon/icon-menu02.png) 0 6px no-repeat;
}


/*--------------------------------------------------------
topicsトピックス
--------------------------------------------------------*/
/*---サイト上部トピックスtopics---*/
.top-topics{
	width:100%;
	height:auto;
	margin:0 auto 20px auto;
}
.page-top-topics_pc{
	display:none;
}
.page-top-topics_mobile{
	display:block;
	margin:0 0 30px 0;
}

.top-topics-haishin_img{
	width:100%;
	margin:0 auto;
	padding:0;	
}
.top-topics-haishin_img img{
	width:100%;
	height:auto;
	margin:0;
	padding:0;	
}
.top-topics-haishin{
	width:90%;
	margin:0 auto 50px auto;
	padding:5%;
	font-size:1.5em;
	text-align:center;
	font-family:'Noto Sans JP';
	border:none;
	background:#eee;
}






/*---サイト中央部トピックスtopics---*/


#topics h2 img{
	display: inline;
	width:25px;
	vertical-align:middle;
}
#newsList .topics_ymd{
	width:auto;
	height:auto;
	float:left;
	display:block;
}
#newsList .topics_title{
	width:auto;
	height:auto;
	float:left;
	display:block;
}
/*-- スタッフ　バナー画像 ---*/
.staff_bnr img{
	width:45%;
	margin-right:2%;
}


/*--------------------------------------------------------
MAPマップバナー
--------------------------------------------------------*/
/*インドアビュー　PC/mobile切替*/
.indoorview_pc{
	display:none;
}

.indoorview_mobile{
	display: block;
	float:left;
	width:100%;
	margin-right:10px;
}
.indoorview_mobile img{
	width:100%;
	margin:0 0 10px 0;
}

/*--------------------------------------------------------
アコーディオン　Q&A
--------------------------------------------------------*/
.QandA dt{
    display:table;
    background: url(../images/common/faq_q.png) 5px center no-repeat;
	background-size:42px 42px;
    width:83%;
    min-height:3rem;
    line-height:1rem;
	margin:0px 0 5px 0;
	padding-left:17%;
	padding-bottom:7px;
	font-weight:bold;
	font-size:0.92rem;
	vertical-align:middle;
    }
.QandA dt p{
	display:table-cell;
	vertical-align:middle;
}
.QandA dd{
    width:79%;
    height:auto;
	min-height:50px;
    line-height:1.2rem;
    display:table;
	margin:0 0 18px 0;
	padding-left:20%;
	padding-right:1%;
	padding-bottom:7px;
    background: #FFF4FF url(../images/common/faq_a.png) 12px center no-repeat;
	background-size:42px 42px;
	font-size:0.85rem;
    }
.QandA dd p{
	display:table-cell;
	vertical-align:middle;
}
.QandA dd a{
	text-decoration:none;
}



/*--------------------------------------------------------
スタジオナビ
--------------------------------------------------------*/
#studio-nav{
	width:100%;
	margin:0 auto;
	padding:20px 0;
	font-size:1.5em;
}
#studio-nav img{
	width:75px;
	padding-left:20px;
}
#st-menu{
	width: 100%;
}
#st-menu li{
	width: 100%;
	border-bottom:#CCC 1px solid;
	border-right:none;
}
#st-menu li a{
  display: block;
  padding: 15px 0 15px 20px;
}
#st-menu .end{
	border-right:none;
	width:100%;
}
#st-menu li a:hover{
}

/*--------------------------------------------------------
サブコンテンツ / サイドバー
--------------------------------------------------------*/

/*折り畳み*/
#sub-contents .sub-contents-btn,
#sidebar .sidebar-btn{
	display: block;
	margin-bottom: 1em;
	padding: 1em;
	padding-left: 2.5em!important;
	background: url(../images/icon/icon-arrow05.png) 1em center no-repeat #333;
	color: #fff;
	cursor: pointer;
}

.sub-column #sub-contents-in,
.sub-column #sidebar-in{ display: none; }

.sub-column .showSubConts,
.sub-column .showSidebar{
	display: block!important;
}

.col1 .sub-column .ranking .item-img,
.col2 #sub-contents .ranking .item-img,
.col2r #sub-contents .ranking .item-img,
.col1 .sub-column .profile-img,
.col2 #sub-contents .profile-img,
.col2r #sub-contents .profile-img{
	float: none;
	padding-right: 0;
}

.col1 .sub-column .banner li,
.col2 #sub-contents .banner li,
.col2r #sub-contents .banner li{
	display: block;
	margin-right: 0;
}

.sub-column dl.search-box{ width: 100%; }

.sub-column dl.search-box dt{
	margin-right: 0;
	margin-bottom: 0.4em;;
	width: 100%;
}

.sub-column dl.search-box dt,
.sub-column dl.search-box dd{ float: none; }


/*--------------------------------------------------------
ページトップ
--------------------------------------------------------*/

.page-top{
	display:none;
	right: 0;
	bottom: 0;
	width: 100%;
	line-height:1.2rem;
	font-size:0.8rem;
}
.page-top img{
	width:20px;
}
.page-top a{
	float:right;
	width:28%;
	display: block;
	padding:8px 0;
	padding-left:4%;
	border: 0;
	border-top: 1px solid #fff;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.page-top a:link,
.page-top a:visited,
.page-top a:hover,
.page-top a:active{
	background: url(/images/common/bg_bk_opacity.png);
	color: #fff;
}

.page-top:not(\*|*){ position: static; }/* Opera9以下 */


/*---以下モバイル用---*/

.page-top-mobile{
	display:block;
	position:fixed;
	right: 3%;
	bottom:30px;
	z-index:99;
	width:100%;
}
.page-top-mobile img{
	display:block;
	width:11%;
	float:right;
}


/*--------------------------------------------------------
バナー コンテンツ
--------------------------------------------------------*/
#contents_bnr{
	width:98%;
	margin:0;
	padding:20px 0 0 2%;
background: -webkit-gradient(linear, left top, right bottom, from(#000), color-stop(0.25, #000), color-stop(0.25, #333), color-stop(0.5, #333), color-stop(0.5, #000), color-stop(0.75, #000), color-stop(0.75, #333), to(#333));
background: -moz-linear-gradient(-45deg, #000 25%, #333 25%, #333 50%, #000 50%, #000 75%, #333 75%, #333);
background: linear-gradient(-45deg, #000 25%, #333 25%, #333 50%, #000 50%, #000 75%, #333 75%, #333);
background-size: 5px 5px;
}
#contents_bnr ul{
	width:100%;
	margin:0;
	padding:0;
}

#contents_bnr li{
	width:48%;
	margin:0 2% 10px 0;
}

#contents_bnr img{
	width:100%;
}

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/

#footer{
	width:100%;
	background: -webkit-gradient(linear, left top, right bottom, from(#F00), color-stop(0.25, #F00), color-stop(0.25, #D00), color-stop(0.5, #D00), color-stop(0.5, #F00), color-stop(0.75, #F00), color-stop(0.75, #D00), to(#D00));
	background: -moz-linear-gradient(-45deg, #F00 25%, #D00 25%, #D00 50%, #F00 50%, #F00 75%, #D00 75%, #D00);
	background: linear-gradient(-45deg, #F00 25%, #D00 25%, #D00 50%, #F00 50%, #F00 75%, #D00 75%, #D00);
	background-size: 5px 5px;/*値を小さくすると細かくなる*/
}

#footer-in{
	max-width:93%;
	margin:0 0px;
	padding: 20px 10px;
	font-size:1em;
}
#footer-in .left_w60{
	width:100%;
	font-size:0.9em;
}
#footer-in .left_w60 img{
	width:120px;
	margin:5px 0 10px 0;
	vertical-align:middle;
}
#footer-in .right_w40{
	width:100%;
	text-align:left;
	margin-bottom:20px;
}
#footer-in .right_w40 img{
	margin:0 10px 0 0;
	max-height:20px;
}

#footer .footer_area01{
	width:100%;
	font-size:0.8em;
	padding-bottom:10px;
}
#footer .footer_area02{
	width:100%;
	font-size:0.8em;
	border-top:1px solid #FFF;
	padding:10px 0;
}
#footer .footer_area03{
	width:100%;
	font-size:0.8em;
	border-top:1px solid #FFF;
	padding-top:10px;
}
#footer .footer_area01 p,
#footer .footer_area02 p,
#footer .footer_area03 p{
	margin:0;	
}


.copyright{ padding-bottom: 20px; font-size:0.8em; }

.copyright span{ display: block; }

/*●フッターモバイル用TEL*/
#footer_tel{
	display:block;
	position:fixed;
	left:0;
	bottom:0;
	z-index:100;
	width:100%;
	line-height:1rem;
	font-size:1rem;
	padding:10px 0;
	margin:0;
	background:url(../images/common/bg_bk_opacity.png);
}
#footer_tel img{
	height:16px;
	margin:auto 3% auto 0%;
	padding:0 0 1px 0;
}
#footer_tel a{
	width:100%;
	text-decoration:none;
	color:#FFF;
}
#footer_tel .box{
	display:block;
	width:50%;
	margin:0 25%;
	text-align:center;
}

/*--------------------------------------------------------
PCとモバイルの画像切り替えCSS
--------------------------------------------------------*/

.img_pc{
	display:none;
}
.img_mobile{
	display: block;
}




}

@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */


/*------------------------------------------------------------
　template created by web-rider
-------------------------------------------------------------*/