@charset "utf-8";
@import url("reset.css");

/*------------------------------------------------------------------*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
#pc { display: block !important; }
#sp { display: none !important; }
.pc { display: block !important; 
/*min-width: 1000px;*/
/*width:1000px;*/

}
.sp { display: none !important; }
.spbr { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    #pc { display: none !important; }
    #sp { display: block !important; }
    .pc { display: none !important; }
    .sp { display: block !important; }
    .spbr { display: block !important; }
#wrapper{
    width: 540px;
    font-size: 16px;
}
}
/*--Base------------------------------------------------------------*/
@font-face {
font-family: 'Makinas';
  src: url('./Makinas-Scrap-5.otf') format('opentype');
}
html,body {
    width: 100%;
    height: 100%;
}
html {
    overflow-y: scroll;
}
img {
    max-width: 100%;
    height: auto;
}
/*--Text------------------------------------------------------------*/
body {
    font-size: 100%;
    font-weight: normal;
    line-height: 1.5;
    font-family: "Makinas","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    background: #FFF000;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
}
/*--Link------------------------------------------------------------*/
a,
a:link {
    color: #333333;
}
a:visited {
    color: #333333;
}
a:hover,
a:active {
    color: #777777;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
a:focus {
    outline: none;
}
/*--HTML5-----------------------------------------------------------*/
article,aside,details,footer,header,main,menu,nav,section,summary {
    display: block;
}
/*--font-----------------------------------------------------------*/
.f10{
    font-size: 10px;
}
.f12{
    font-size: 12px;
    line-height: 12px;
}
.f14{
    font-size: 14px;
}
.f16{
    font-size: 16px;
}
.f18{
    font-size: 18px;
}
.f22{
    font-size: 22px;
}
.f24{
    font-size: 24px;
}
.f24b{
    font-size: 24px;
    font-weight:bold;
}
.f36{
    font-size: 48px;
    line-height: 48px;
}
.display_none {
    display: none;
}
/*--layout----------------------------------------------------------*/
.box380{
    width: 380px;
}
.box260{
    width: 260px;
}
.box170{
    width: 170px;
}
.box120{
    width: 120px;
}
.box100{
    width: 100px;
}
.box60{
    width: 60px;
}
h2 {
    padding: 10px 0;
}
.w65 {
    width: 65px;
}
.w70 {
    width: 70px;
}
.w80 {
    width: 80px;
}
.w100 {
    width: 100px;
}
.w182 {
    width: 182px;
}
.w198 {
    width: 198px;
}
.w200 {
    width: 200px;
}
.w220 {
    width: 220px;
}
.w240 {
    width: 240px;
}
.w300 {
    width: 300px;
}
.w320 {
    width: 320px;
}
.w340 {
    width: 340px;
}
.w350 {
    width: 350px;
}
.w360 {
    width: 360px;
}
.w400 {
    width: 400px;
}
.w420 {
    width: 420px;
}
.w440 {
    width: 440px;
}
.w500 {
    width: 500px;
}
.w520 {
    width: 520px;
}
.w530 {
    width: 530px;
}
.w540 {
    width: 540px;
}
.w560 {
    width: 560px;
}
.w600 {
    width: 600px;
}
.h50{
    height:50px;
}
.pad10_0{
    padding: 10px 0;
}
.pad20_0{
    padding: 20px 0;
}
.pad40_0{
    padding: 40px 0;
}
.pad10_10{
    padding: 10px;
}
.pad20_0_0{
    padding: 20px 0 0;
}
.center{
	text-align: center;
}
ul.dc ,ul li.dc {
    list-style: decimal;     /* 数字 */
}
.mw-100{
    max-width: 100%;
}
.w-100{
	box-sizing: border-box;
    width: 100%
}
#wrapper {
/*    min-width: 1200px;*/
/*    width: 1000px;*/
/*    width: 100%;*/
/*    min-width: 1000px;*/
    
/*    background: url("../img/background_tittle.png") no-repeat fixed center 50%; */
    margin: 0 auto;
    overflow: hidden;
    overflow: auto;
}
#wrapper h1 {
    width: 1000px;
    margin: 0 auto;
}
@media only screen and (max-width: 750px) {
#wrapper {
/*    min-width: 540px;*/
    width: 540px;
    width: 100%;
}
#wrapper h1 {
    max-width: 100%;
    margin: 0 auto;
}
}
/*--------------------------------------------------------------------
--------------------------------------------------------------------*/
.button {
    padding: 2px 4px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: #EEEEEE;
    background-image: -o-linear-gradient(#FCFCFC, #DDDCDC);
    background-image: linear-gradient(#FCFCFC, #DDDCDC);
    background: -moz-linear-gradient(top, #FCFCFC, #DDDCDC);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FCFCFC),color-stop(1, #DDDCDC));
    border: 1px solid #AAA;
    color: #444;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
.chk_button {
    padding: 6px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background-color: #EEEEEE;
    background-image: -o-linear-gradient(#FCFCFC, #DDDCDC);
    background-image: linear-gradient(#FCFCFC, #DDDCDC);
    background: -moz-linear-gradient(top, #FCFCFC, #DDDCDC);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FCFCFC),color-stop(1, #DDDCDC));
    border: 1px solid #AAA;
    color: #444;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
.no_chk_button {
    padding: 6px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #AAA;
    color: #444;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
/*--------------------------------------------------------------------
header
--------------------------------------------------------------------*/
#header {
    display: block;
    width: 960px;
    margin: 0 auto;
    padding: 20px 0 0 0;
}
#header header {
    display: flex;
    justify-content: space-around;
}
#header_fukidasi {
    padding: 0 10px 0 30px;
    width: 170px;
    float: left;
}
#header_copy {
    width: 528px;
    float: left;
}
#header_copy h1,#header_copy div{
    padding: 20px 0 0 0;
}
#header_donnatoko {
    width: 200px;
    float: right;
}
#header_login{
/*
    text-align: right;
    margin: 0 10px;
*/
}
#header_newmem{
    font-size: 16px;
    margin: 6px 0 6px 3px;
    text-align: center;
}
#header_newmem a{
    text-decoration: none;
}
.sp #header_sp header {
    padding: 10px;
}
#sp #header_sp ,.sp #header_sp {
    margin: 0 auto;
    width: 480px;
    width: 100%;
}
#sp #header_copy,.sp #header_copy {
    float: none;
    width: 400px;
}
#header_flex {
    display: flex;
    justify-content: center;
}
#sp_menu_top {
    width: 41px;
    /*padding: 34px 0 0px 36px;*/
    padding: 0px 0 0px 36px;
}
#sp #sp_menu_box,.sp #sp_menu_box {
/*    width: 41px;
    padding: 34px 0 0px 36px;
    padding: 0px 0 0px 36px;*/
    padding: 10px 0 10px 10px;
}
/*--------------------------------------------------------------------
メニュー
--------------------------------------------------------------------*/
#topnavi {
    width: 1002px;
    width: 1000px;
    margin: 15px auto;
/*    padding: 0 0 0 20px;*/
}
#topnavi li{
    text-align: center;
}
#topnavi li a{
    padding: 10px 30px 20px;
    margin: 0 8px;
/*    padding: 10px 12px 20px;*/
/*    margin: 0 4px;*/
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}
#menu_back {
    padding: 20px 0 0 10px;
    margin: 0 auto;
}
#navi_menu_box {
    display: none;
    z-index: 9999;
    width: 700px;
    height: 500px;
}
.top_navi_menu_box {
    background-image: url(../img/top_navi_menu_box_back2.png);
    padding: 20px 0px;
    margin: 0 auto;
    min-width: 1000px;
    width: 100%;
}
.top_navi_menu {
    margin: 0px auto;
    margin: 20px auto;
    max-width: 690px;
    padding: 20px 20px;
    background: #FFF;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
.top_navi_menu th,.top_navi_menu2 th,.top_navi_menu_sp th DIV,.top_navi_menu_sp2 th DIV{
    display: inline-block;
    width:120px;
    padding: 5px 8px;
    background: #000;
    color: #FFF;
    margin: 5px 10px 5px 5px;
    text-align: center;
}
.top_navi_menu_sp th DIV,.top_navi_menu_sp2 th DIV{
    width:140px;
}
.top_navi_menu td,.top_navi_menu_sp td,.top_navi_menu2 td,.top_navi_menu_sp2 td{
    padding: 0 6px 6px 0;
    text-align: left;
}
.top_navi_menu td.w4,.top_navi_menu_sp td.w4,.top_navi_menu2 td.w4,.top_navi_menu_sp2 td.w4 {
    padding: 0;
}
.top_navi_menu td a,.top_navi_menu_sp td a,.top_navi_menu2 td a,.top_navi_menu_sp2 td a{
    text-decoration:none;
    color:#00bfff;
}
.top_navi_menu h4 a{
    color:#00bfff;
}
.top_navi_menu .cam_box{
    margin: 20px auto;
    overflow:hidden;
}
.top_navi_menu h2 {
    margin: 0px 0px 15px 0px;
padding: 0.15em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #000;/*左線*/
    width: 650px;
    font-size: 24px;
    border-bottom: 1px solid #000;
}
@media only screen and (max-width: 750px) {
}
.top_navi_menu_box {
    min-width: 100%;
}
.top_navi_menu {
/*    margin: 20px;*/
    width: auto;
}
.top_navi_menu h2 {
    width: auto;
}
.top_navi_menu span{
    display: inline-block;
    padding: 10px;
    font-size:24px;
}
#header_fukidasi {
    padding: 0 ;
    text-align: center;
    width: auto;
    float: none;
}
#topnavi_sp{
    background: #FFF000;
    position: absolute;
    top:100px;
/**/    width:100%;
    z-index:9999;
}
}
#navi_menu_box:hover {
/*    display: block;*/
}
#navi_menu_box_arr {
/*    position: absolute;*/
/*    top: 280px;  */
/*    left: 700px;  */
    padding: 0 0 0 500px;
}
#navi_menu {
/*    position: absolute;*/
/*    top: 320px;  */
/*    left: 200px;*/  
    background: #FFF;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    margin: 0 auto;
    max-width: 520px;
    padding: 20px 20px;
    width: 520px;
    width: 100%;
}
#navi_menu_sp,#navi_menu_sp2,#navi_menu_sp3 {
    background: #FFF;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    box-sizing: border-box;
    font-size: 24px;
    font-size: 16px;
    margin: 0 auto;
    padding: 20px 20px;
    padding: 10px;
/*    width: 500px;
    max-width: 500px;
    width: 100%;*/
    width: 320px;
    width: 100%;
    max-width: 100%;
}
#navi_menu_sp th,#navi_menu_sp2 th,#navi_menu_sp3 th{
    text-align: left;
}
#navi_menu th,#navi_menu2 th,#navi_menu_sp th DIV,#navi_menu_sp2 th DIV,#navi_menu_sp3 th DIV{
    display: inline-block;
    width:110px;
    padding: 5px 10px;
    background: #000;
    color: #FFF;
    margin: 5px 10px 5px 5px;
    text-align: center;
}
#navi_menu_sp th DIV,#navi_menu_sp2 th DIV,#navi_menu_sp3 th DIV{
    width:140px;
}
#navi_menu td,#navi_menu_sp td,#navi_menu2 td,#navi_menu_sp2 td,#navi_menu_sp3 td{
    padding: 0 10px 6px 0;
    text-align: left;
}
#navi_menu td.w4,#navi_menu_sp td.w4,#navi_menu2 td.w4,#navi_menu_sp2 td.w4,#navi_menu_sp3 td.w4 {
    padding: 0;
}
#navi_menu td a,#navi_menu_sp td a,#navi_menu2 td a,#navi_menu_sp2 td a,#navi_menu_sp3 td a{
    text-decoration:none;
    color:#00bfff;
}
/*------------------------------------------------------------------*/
.modal_close {
    position: absolute;
    top: 20px;
    right: 22px;
    display: block;
    width: 14px;
    height: 14px;
/*    background: url(../img/modal_close.png);*/
    z-index: 2;
}
#lean_overlay,#lean_overlay2 {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}
/*--------------------------------------------------------------------
SPメニュー
--------------------------------------------------------------------*/
#topnavi_sp li {
    padding: 18px 40px 0 40px;
}
#topnavi_sp li.menu_sub_tittle {
    padding: 18px 40px 0 60px;
}
#topnavi_sp li a{
    display: block;
    border-bottom: 1px solid #000;
    padding: 10px 0;
    line-height: 38px;
}

/*------------------------------------------------------------------*/
#pankuzu_box{
    width: 1000px;
    margin: 0 auto;
}
#pankuzu{
    width: 1000px;
    margin: 0 auto;
    padding: 0 0 60px;
    background: url(../img/menu_back.png);
}
#pankuzu li{
    padding: 0 5px;
    background: #FFF000 ;
}
#pankuzu_sp{
    display: block;
/*    width: 480px;*/
    margin: 0 auto;
}

/*------------------------------------------------------------------*/
#contents{
    width: 960px;
    margin: 0 auto 30px;
/*    overflow: auto;*/
}
@media only screen and (max-width: 750px) {
#contents ,#top #contents {
    width: 480px;
    width: 100%;
/*    height: 600px;*/
    margin: 0 auto;
}
}
/*------------------------------------------------------------------
list.php
------------------------------------------------------------------*/
#body_fukidasi{
    /*margin: -30px 0 0 200px;*/
    text-align: center;
}
#list .area_name{
    padding: 0px 10px 0 0;
}

#shop_tittle{
    background: #000; 
    color: #FFF000;
    font-size:36px;
    margin: 0 0 10px;
    min-width: 1000px;
    width: 100%;
}
#shop_tittle_box{
    margin: 0 auto;
    padding: 10px 0px;
    text-align: center;
    letter-spacing: 10px;
    width: 960px;
}
#shop_tittle_font{
    vertical-align: middle;
}
@media only screen and (max-width: 750px) {
.contents_box{
    box-sizing: border-box;
    font-size: 14px;
    padding: 0px 10px;
    width: 100%;
}
#whotsnewsp{
    box-sizing: border-box;
    padding: 0px 10px;
}
#shop_tittle{
    font-size:24px;
    min-width: 100%;
    width: 100%;
}
#shop_tittle_box{
    width: 480px;
}
#shop_tittle_img{
/*    width: 480px;*/
    padding: 0 20px;
    box-sizing: border-box;
}
}
#shop_list {
    padding: 30px 0;
}
#shop_list,.shop_box,.shop_option,.shop_history_list {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
#shop_box0:hover > #shop_address0,#shop_box0:hover > #shop_access0,#shop_box0:hover > #set0{
    visibility:hidden;
}
#shop_box1:hover > #shop_address1,#shop_box1:hover > #shop_access1,#shop_box1:hover > #set1{
    visibility:hidden;
}
#shop_box2:hover > #shop_address2,#shop_box2:hover > #shop_access2,#shop_box2:hover > #set2{
    visibility:hidden;
}
#shop_box3:hover > #shop_address3,#shop_box3:hover > #shop_access3,#shop_box3:hover > #set3{
    visibility:hidden;
}
#shop_box4:hover > #shop_address4,#shop_box4:hover > #shop_access4,#shop_box4:hover > #set4{
    visibility:hidden;
}
#shop_box5:hover > #shop_address5,#shop_box5:hover > #shop_access5,#shop_box5:hover > #set5{
    visibility:hidden;
}
#shop_box6:hover > #shop_address6,#shop_box6:hover > #shop_access6,#shop_box6:hover > #set6{
    visibility:hidden;
}
#shop_box7:hover > #shop_address7,#shop_box7:hover > #shop_access7,#shop_box7:hover > #set7{
    visibility:hidden;
}
#shop_box8:hover > #shop_address8,#shop_box8:hover > #shop_access8,#shop_box8:hover > #set8{
    visibility:hidden;
}
#shop_box9:hover > #shop_address9,#shop_box9:hover > #shop_access9,#shop_box9:hover > #set9{
    visibility:hidden;
}
#shop_box10:hover > #shop_address10,#shop_box10:hover > #shop_access10,#shop_box10:hover > #set10{
    visibility:hidden;
}
#shop_box11:hover > #shop_address11,#shop_box11:hover > #shop_access11,#shop_box11:hover > #set11{
    visibility:hidden;
}
#shop_box12:hover > #shop_address12,#shop_box12:hover > #shop_access12,#shop_box12:hover > #set12{
    visibility:hidden;
}
#shop_box13:hover > #shop_address13,#shop_box13:hover > #shop_access13,#shop_box13:hover > #set13{
    visibility:hidden;
}
#shop_box14:hover > #shop_address14,#shop_box14:hover > #shop_access14,#shop_box14:hover > #set14{
    visibility:hidden;
}
#shop_box15:hover > #shop_address15,#shop_box15:hover > #shop_access15,#shop_box15:hover > #set15{
    visibility:hidden;
}
#shop_box16:hover > #shop_address16,#shop_box16:hover > #shop_access16,#shop_box16:hover > #set16{
    visibility:hidden;
}
#shop_box17:hover > #shop_address17,#shop_box17:hover > #shop_access17,#shop_box17:hover > #set17{
    visibility:hidden;
}
#shop_box18:hover > #shop_address18,#shop_box18:hover > #shop_access18,#shop_box18:hover > #set18{
    visibility:hidden;
}
#shop_box19:hover > #shop_address19,#shop_box19:hover > #shop_access19,#shop_box19:hover > #set19{
    visibility:hidden;
}
#shop_box20:hover > #shop_address20,#shop_box20:hover > #shop_access20,#shop_box20:hover > #set20{
    visibility:hidden;
}

#shop_list .shop_box a,.shop_option a,#mymenu .shop_box a{
    text-decoration:none;
    display: block;
}
#shop_list .shop_box a:hover,.shop_option a:hover{
    opacity:0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}
#shop_list .shop_box_bl a:hover{
    opacity:0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
}
.shop_box{
/*    padding: 30px 0 0;*/
    width: 465px;
/*    min-height: 100%;*/
    background-size:cover;
    display: block;
/*    float: left;*/
    margin: 10px 0;
    max-width: 100%;
    overflow: hidden;
}
.shop_option{
    background-size:cover;
    border: 2px solid red;
    display: block;
    float: left;
    overflow: hidden;
    width: 461px;
}
/*
*/
.shoplist_name_icon_wh,.shoplist_name_icon_bl{
    float: left;
}
.shop_name{
    clear:both;
    float:none;
}
.shop_name p{
    float: left;
    font-size:42px;
    font-size: 10vw;
    font-weight:bold;
    padding: 20px 0 0 40px;
/*    max-width: 389px;*/
}
.shop_address, .shop_access,.set{
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
    padding: 10px 15px;
    width: 435px;
}
.shoplist_30_wh, .shoplist_30_bl,.shoplist_60_wh, .shoplist_60_bl,.shoplist_90_wh, .shoplist_90_bl{
    min-height: 100px;
    padding: 10px 0px;
    float: left;
}
.shoplist_plan_wh, .shoplist_plan_bl{
    padding: 10px;
}
.set span{
    padding: 0 0 0 10px;
}
/*------------------------------------------------------------------*/
#shop_box{
    display: block;
/*    padding: 30px 0 0;*/
    width: 480px;
/*    min-height: 100%;*/
    float: left;
    overflow: hidden;
    background-size:cover;
}
.shoplist_name_icon_wh,.shoplist_name_icon_bl{
    float: left;
}
#sample_view{
    margin: 0 auto;
    display: block;
/*    position: fixed;*/
/*    width: 1200px;*/
    font-size:42px;
    font-weight:bold;
    color:#fff;
    background:#000;
    text-align: center;
    padding: 20px 0 ;
}
#shop_name{
    float:none;
    clear:both;
}
#shop_name p{
    float: left;
    font-size:42px;
    font-weight:bold;
    max-width: 100%;
    padding: 20px 0 0 40px;
    width: 389px;
}
#shop_address, #shop_access,.set,#shop_tel,#shop_open,#shop_holiday{
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
    padding: 5px 0 5px 15px ;
    width: 450px;
/*    width: 465px;*/
}
#shop_tel{
    font-size: 22px;
}
.shoplist_30_wh, .shoplist_30_bl,.shoplist_60_wh, .shoplist_60_bl,.shoplist_90_wh, .shoplist_90_bl,.shoplist_wh, .shoplist_bl{
    min-height: 100px;
    padding: 10px 0px;
    float: left;
}
.shoplist_plan_wh, .shoplist_plan_bl{
    padding: 10px;
}
.set .service_time{
    width: 162px;
    height: 162px;
    background: url("../img/shop_bg.png") no-repeat center 50%;
    background-size: cover;
    overflow:hidden;
    font-size:80px;
    font-size:70px;
/*    font-size:20vw;*/
    font-weight:bold;
    display: block;
    color: #fff;
    text-align: center;
    float: left;
    padding: 0px;
}
.set .service_time_P{
    height: 162px;
    background: url("../img/shop_bg_P.png") no-repeat center 50%;
    background-size: cover;
    font-size:80px;
    font-size:76px;
/*    font-size: 20vw;*/
    font-weight:bold;
    float: left;
    display: block;
    color: #000;
    overflow:hidden;
    text-align: center;
    padding: 0px;
    width: 162px;
/*    width: 43%;*/
}
.set .service_time2{
    width: 162px;
    height: 162px;
    background: url("../img/shop_bg2.png") no-repeat center 50%;
    background-size: cover;
    overflow:hidden;
    font-size:80px;
    font-size: 20vw;
    font-weight:bold;
    display: block;
    color: #fff;
    text-align: center;
    float: left;
    padding: 0px;
}
.set .service_time2_P{
    width: 162px;
    height: 162px;
    background: url("../img/shop_bg2_P.png") no-repeat center 50%; 
    background-size: cover;
    overflow:hidden;
    font-size:80px;
    font-size: 20vw;
    font-weight:bold;
    display: block;
    color: #000;
    text-align: center;
    float: left;
    padding: 0px;
}
.set span.nomi_tittle,.set span.nomi_dat{
    padding: 0 0 0 10px;
    display: inline-block;
}
.nomi_set{
    border-left: 8px solid #000;
    font-family: "Makinas","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size:30px;
    font-size: 5.8vw;
    margin: 0 0 0 165px;
    line-height:34px;
}
.nomi_set_P{
    border-left: 8px solid #FFF;
    font-family: "Makinas","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size:30px;
    font-size: 5.8vw;
    margin: 0 0 0 165px;
    line-height:34px;
}
span.nomi_3000{
    margin: 0 0 0 15px;
    padding: 0px;
}
.nomi_cont{
/*    display: inline-block;*/
    border-left: 8px solid #000;
    margin: 0 0 0 165px;
    padding: 0px;
}
.nomi_cont_P{
/*    display: inline-block;*/
    border-left: 8px solid #FFF;
    margin: 0 0 0 165px;
    padding: 0px;
}
.remarks{
    margin: 0 0 0 165px;
}
.nomi_tittle{
    font-weight:bold;
    font-size: 20px;
    font-size: 5.8vw;
}
#shop_photo img{
    display: block;
    margin: 0 auto;
    width: 480px;
    text-align: center;
}
#map,#map_canvas{
/*    margin: 20px 0;*/
    margin: 20px auto;
/*    width: 480px;*/
/*    height:320px;*/
}

/*------------------------------------------------------------------*/
#sp #header{
    width: 480px;
    margin: 0 auto;
}
#sp #header_copy{
    width: 400px;
}
#sp #sp_menu{
    width: 41px;
/*about_usで崩れる*/
/*    padding: 34px 0 0px 36px;*/
}
#shop_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 100%;
    max-width: 480px;
    padding: 0 10px 50px 10px;
    padding: 0 10px 0 10px;
/*    width: 100%;*/
}
#view_next_box{
    text-align: center;
    width: 100%;
}
#sp #shop_tittle{
    font-size: 18px;
}
#sp #shop_tittle_box{
    width: 540px;
}
#sp #contents{
    width: 480px;
    margin: 0 auto;
}
#sp #shop_map{
    padding: 20px 0 40px 150px;
}
#sp #shop_list li{
    display: inline-block;
    width: 480px;
    margin: 0 auto;
}
#sp #footer{
    width: 480px;
    margin: 0 auto;
    text-align: center;
}
#sp #header_fukidasi {
	margin: -30px 0 0 40px;
}
/*------------------------------------------------------------------*/
/* --------------
<!-- ▼totop -->
-------------- */
#back-top,#back-map {
    position: fixed;
    bottom: 50px;
    right: 30px;
}

#back-top a,#back-map a {
    width: 100px;
    display: block;
    transition: 1s;
}
#back-map span {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 7px;
    background: url(../img/backtomap.png) no-repeat center center;
}
#back-top span {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 7px;
    background: url(../img/backtop.png) no-repeat center center;
    z-index: 100;
}
/*------------------------------------------------------------------*/
#footer_pankuzu{
/*    width: 360px;*/
/*    margin: 0 auto;*/
    padding: 20px 120px 20px;
    float: right;
}
#footer_pankuzu li{
    padding: 0 5px;
}
/*------------------------------------------------------------------*/
#footer {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 16px;
    margin: 0 auto;
    text-align: center;
    width: 960px;
}
#footer ul{
    display: flex;
    justify-content: center;
    margin: 10px auto;
    width: 960px;
}
.sp #footer ul{
    width: 480px;
    width: 100%;
    max-width: 480px;
}
#footer li{
    border-right: 1px solid #000;
    padding: 0 10px;
    text-align: center;
}
#footer li:last-child{
    border-right: none;
}
.sp #footer li a{
    text-decoration:none;
}
.pc #footer li a{
    padding: 0px 10px;
    text-decoration:none;
}
#footer p {
    padding: 10px 0;
}
#sp #footer ,.sp #footer {
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
    -webkit-text-size-adjust:none;
    width: 480px;
    width: 100%;
    max-width: 480px;
}
/*--common----------------------------------------------------------*/
.left{
    float:left;
}
.right{
    float:right;
}
.clear{
    float:none;
    clear:both;
}
.nowrap{
    display:inline-block;
}
/*------------------------------------------------------------------*/
.send_btn{
    margin: 0px auto;
    text-align: center;
    max-width:500px;
}
.send_btn li{
    padding: 20px 40px;
}
.btn_next {
    display: block;
    width: 220px;
    margin: 30px auto;
    text-align: center;
    font-size: 24px;
    padding: 20px 40px;
    background-color: #248;
    background: -moz-linear-gradient(top,#0099CC 0%,#006699);
    background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
    border: 2px solid #FFF;
    color: #FFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
.square_btn {
    font-size: 20px;
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    padding: 20px 40px;
    text-decoration: none;
    color: #FFF;
    background: #03A9F4;/*色*/
    border: solid 1px #0f9ada;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    margin: 20px auto;
    margin: 20px;
}
.square_btn2 {
    font-size: 20px;
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    padding: 20px 40px;
    text-decoration: none;
    color: #FFF;
    background: #ff0000;/*色*/
    border: solid 1px #ff0000;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    margin: 20px;
}
.autoConfirmBack ,.return_Back{
    font-size: 20px;
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    padding: 20px 40px;
    text-decoration: none;
    color: #03A9F4;
    background: #f0f0f0;/*色*/
    border: solid 1px #0f9ada;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    margin: 20px auto;
}
.autoConfirmBack2 ,.return_Back2{
    font-size: 20px;
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    padding: 20px 40px;
    text-decoration: none;
    color: #03A9F4;
    background: #ff0000;/*色*/
    border: solid 1px #ff0000;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    margin: 20px auto;
}
/*地方のウインドウ*/
#touhoku,#kantou,#chubu,#kinki,#chugoku,#shikoku,#kyushu{
    display: none;
/*    width: 140px;*/
}
@media only screen and (max-width: 750px) {
#region_box ul li {
    padding: 10px 0px;
    font-size: 36px;
}
#gps_box{
    display: block;
    width: 300px;
}
}
#region_box ul {
    padding: 10px 20px;
    background-color: #248;
    border-radius: 4px;
}
#region_box ul li a{
    color: #FFF;
}

.fuchi {
filter:dropshadow(color=#000000,offX= 0,offY=-1)
dropshadow(color=#000000,offX= 1,offY= 0)
dropshadow(color=#000000,offX= 0,offY= 1)
dropshadow(color=#000000,offX=-1,offY= 0);
 
/*-webkit-text-stroke-color: #000;*/
/*-webkit-text-stroke-width: 1px;*/
 
text-shadow: black 1px 1px 0px, black -1px 1px 0px,
             black 1px -1px 0px, black -1px -1px 0px;
}

/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

/*------------------------------------------------------------------*/
/* mymenu \*/

/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
#header_login ul.ddmenu {
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0px 0px 0px 15px; /* メニューバー内側の余白(左に15px) */
   padding: 0px ;
   /*background-color: #cc0000;  バーの背景色(濃い赤色) */
}
#header_login ul.ddmenu img{
    height: 40px;
    margin: 0 10px;
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
#header_login ul.ddmenu li {
   /*width: 150px;            メニュー項目の横幅(125px) */
   display: inline-block;  /* ★1:横並びに配置する */
   list-style-type: none;  /* ★2:リストの先頭記号を消す */
   position: relative;     /* ★3:サブメニュー表示の基準位置にする */
}
#header_login ul.ddmenu a {
   background-color: #fff;/*  メニュー項目の背景色(濃い赤色) */
   /*color: white;               メニュー項目の文字色(白色) */
   line-height: 40px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: bold;         /* 太字にする */
   display: block;            /* ★4:項目内全域をリンク可能にする */
}
#header_login ul.ddmenu a:hover {
   background-color: #fff; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}

/* ▼サブメニューは、とりあえず非表示にしておく */
#header_login ul.ddmenu ul {
   display: none;         /* ★5:非表示にする */
}
/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
#header_login ul.ddmenu ul {
   display: none;       /* ★1:標準では非表示にする */
   margin: 0px;         /* ★2:サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★3:サブメニュー内側の余白(ゼロ) */
   position: absolute;  /* ★4:絶対配置にする */
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
#header_login ul.ddmenu li:hover ul {
   display: block;      /* ★5:マウスポインタが載っている項目の内部にあるリストを表示する */
}
/* ------------------------ */
/* ▼サブメニュー項目の装飾 */
/* ------------------------ */
#header_login ul.ddmenu ul li {   /* ※A */
   width: 150px;               /* サブメニュー1項目の横幅(135px) */
   width: 200px;
   border-top: 1px solid transparent; /* 項目上側の枠線(1pxの実線) */
}
#header_login ul.ddmenu ul li a {   /* ※B */
   line-height: 35px;   /* サブメニュー1項目の高さ(35px) */
   text-align: left;    /* 文字列の配置(左寄せ) */
   padding-left: 5px;   /* 文字列前方の余白(5px) */
   font-weight: normal; /* 太字にはしない */
}
#header_login ul.ddmenu ul li a:hover {   /* ※C */
   /*background-color: #ffff80;  サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
   color: #000;            /* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */
   opacity: 1.0;
}
#header_login ul.ddmenu a.init-bottom{
    background-color: transparent;
}

#about_navi{
    background: #923D92;
    color: #fff;
    width: 100%;
}
.about_description {
    font-size: 30px;
    text-decoration: underline;
    font-weight: bold;
    padding: 20px 0;
}
.abouts {
    box-sizing: border-box;
    margin: 0 auto 0px;
    padding: 20px 0px;
    padding: 20px;
/*    width: 480px;
    width: 100%;
    max-width: 480px;*/
}
@media only screen and (min-width: 751px) {
#wrapper {
    min-width: 1000px;
}
#about_navi {
    min-width: 1000px;
}
.abouts {
    font-size: 20px;
    width: 680px;
}
.shop_name p{
    font-size:42px;
}
.set .service_time{
    font-size:80px;
}
.set .service_time_P{
    font-size:80px;
    width: 162px;
}
.set .service_time2_P{
    font-size:80px;
}
.nomi_set{
    font-size:30px;
}
.nomi_set_P{
    font-size:30px;
}
.nomi_tittle{
    font-size: 20px;
}
}
.abouts h3 img{
    padding: 6px 0px;
}
#about {
    background-image: url("../img/about_back.png");
    background-size: cover;
    padding: 0 0 30px 0px;
/*    margin: 0 0 30px 0;*/
    width: 100%;
}
#about ,.abouts {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
#top_tittle {
    width: 100%;
}
/*------------------------------------------------------------------*/
@media only screen and (max-width: 750px) {
#slide_space .shop_name p{
    width: 200px;
    padding: 10px 0;
    font-size: 16px;
}
#slide_space .shop_address,#slide_space .shop_access,#slide_space .set{
    padding: 10px 0;
    width: 200px;
    font-size: 16px;
}
#slide_space .psl_ymd{
    font-size: 16px;
}
#mainSlide .shop_box{
    height: 160px;
}
#shop_list {
    box-sizing: border-box;
    padding: 10px;
    max-width: 100%;
    width: 465px;
}
span.nomi_3000 {
    font-size:5vw;
    margin: 0 0 0 5px;
}
}
/*------------------------------------------------------------------*/
.relative{
    position: relative;
}

#kashikomari2 {
    position: absolute;
    bottom: 0;
    right: 0;
}

.message_box {
    background: ivory;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    display: block;
    margin: 20px auto;
    padding: 10px 10px 20px;
    width: 88%;
}

.message_box div{
    padding: 0 0 10px 0;
    text-align: center;
}
/*------------------------------------------------------------------*/
#sp_header_tittle{
/*    height: 77px;*/
    width: 400px;
}
#sp_menu{
/*    height: 50px;*/
/*    width: 41px;*/
}
#sp_background_tittle{
    height: 44px;
    text-align: center;
/*    width: 480px;*/
}
/*------------------------------------------------------------------*/
.footer_pr {
    text-align: center;
}

/***トップへ戻るボタンここまで***/
.list_navi_menu{
/*    background: #FFF;*/
/*    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;*/
    box-sizing: border-box;
    font-size: 26px;
    margin: 0 auto;
/*    padding: 20px;*/
    width: 100%;
    max-width: 100%;
}
.list_navi_menu a {
/*    color: #00bfff;*/
    padding: 10px;
    text-decoration: none;
}
.list_navi_menu th {
    background: #000;
    color: #FFF;
    display: inline-block;
    margin: 5px 10px 5px 5px;
    padding: 5px 10px;
    text-align: center;
    width: 200px;
}
.list_navi_menu td {
    padding: 0 10px 6px 0;
    text-align: left;
}
.list_navi_menu td span,.list_navi_menu th span {
    white-space: nowrap;
}
.tab_comment{
    display: none;
}
input#keyword1:focus{
    display: block;
}
@media only screen and (max-width: 750px) {
.list_navi_menu{
    font-size: 16px;
}
.list_navi_menu a {
    padding: 0;
}
}