@charset "UTF-8";
/* CSS Document */


@media screen and (min-width: 480px) { /*ウィンドウ幅が480px以上の場合に適用*/

.pc { display: block !important; }
.sp { display: none !important; }

html{
	width:100%;
}
body {
	width:100%;
	max-width: 480px;
	margin:0 auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#222;
	line-height:1.2rem;
	font-size:15px;
	background-color:#EFF;
}
.all{
	width:100%;
	max-width: 960px;
	margin: 0 auto;
	background-color:#FFF;
	overflow-x:hidden;
}
a{
	text-decoration: none;
	color: #333333;
	}
a:hover{
	color: #333333;
	}
div{
	display: block;
}
ul{
	display: block;
    list-style-type: none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0em;
}hr{
	width:95%;
	margin:0 auto;
	border:1px dotted #DDD;
}
.w90{width: 90%;	}
.w80{width: 80%;	}
.w60{width: 60%;	}
.w50{width: 49%;	}
.w40{width: 40%;	}

.txtclr_666{
	color:#666;
}
.txtclr_orange{
	color:#F63;
}
.small{
	font-size:0.8rem;
}
.middle{
	font-size:1.0rem;
}
.large{
	font-size:1.1rem;
}
.short{
	width:64px;
}
.orange{
	color:#F96;
}
.cyan{
	color:#009494;
}
.red{
	color:#FF0000;
}
.msg{
	width:90%;
	display: block;
	margin:10px auto;
}
.msg_waku{
	width:95%;
	display: block;
	margin:10px auto;;
	border:2px solid #F96;
	padding:2%;
}
.ttl{
	width:100%;
	display:block;
	margin: 10px auto;
	text-align:center;
}
.block{
	vertical-align: top;
	display:inline-block;
}

.visit{
	border:2px dotted #009494;
	padding:10px 5px;
}
#header{
	width: 100%;
	margin: 0 auto;
}

#mainvisual{
	width: 100%;
	margin: 0 auto;
}
#mainvisual ul{
	width: 100%;
	margin: 0 auto;
}
#mainvisual ul li{
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	vertical-align: middle;
}
#mainvisual ul li img{
	width:100%;
	max-width:1280px;
	margin:0 auto;
}
#content{
	width: 95%;
	margin: 0 auto;
}

#btns{
	width:100%;
	display: inline-block;
	margin:5% auto;
}
#btns div{
	width:49%;
	display: inline-block;
}
#btns div img{
	width:100%;
	display: inline-block;
}


#sanka{
	width:100%;
	text-align:center;
}
#sanka img{
	width:100%;
}
#keihin{
	width:100%;
}
#keihin img{
	width:70%;
	display: block;
	margin:0 auto;
}
#keihin li{
	width:30%;
	display:inline-block;
	text-align:center;
}
#keihin li img{
	width:50%;
	margin:0 auto;
}
#onegai ul{
	width:100%;
}
#onegai ul li{
	width:48%;
	display:inline-block;
}

#footer{
	width:100%;
	color:#333333;
	text-align: left;
	background-color:#8DCFAE;
	padding:20px 0px;
	margin: 5% auto 0;
}
#footer a{
	color:#ffffff;
	}

.foot-in{
	display:block;
	margin: 0 auto;
	text-align: left;
	padding: 3%;
	width: 90%;
	font-size: 0.8rem;
	font-weight: 600;
	text-align:center;
}
.foot-in ul{
	margin-bottom:1rem;
}
.foot-in ul#shusai li{
	width:24%;
	display:inline-block;
	vertical-align: top;
}
.foot-in ul#shusai li#ttl_shusai{
	font-size:1.1rem;
}
#endmsg{
	width:95%;
	display:block;
	margin:0 auto;
	text-align:center;
	border:4px dotted #A00;
	padding:1%;
	font-size:1.0rem;
}


      #map {
        width:100%;
        display:inline-block;
        margin:0 auto;
      }
      #map #ttl_map{
      	width:100%;
      }
      #map #ttl_map img{
        display:block;
        margin:0 auto;
      }
      #map img#map{
        width:100%;
        display:inline-block;
        margin:0 auto;
      }

      #popup {
        display:none;
      }

      #popup .popup_content {
        background-color:#fff;
        width:500px;
/*        height:500px; */
        margin:0 auto;
        font-size:20px;
        font-weight: bold;
      }

      .close_btn {
        overflow: visible;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
        display: block;
        outline: none;
        padding: 0;
        z-index: 1046;
        box-shadow: none;
        touch-action: manipulation;
        width: 44px;
        height: 44px;
        line-height: 44px;
        position: relative;
        left: 75%;
        top: -10px;
        text-decoration: none;
        opacity: 0.65;
        padding: 0 0 18px 10px;
        color: #000;
        font-style: normal;
        font-size: 28px;
        font-family: Arial, Baskerville, monospace;
      }

#shop{
	width:90%;
	margin:0 auto;
	vertical-align: top;
	padding:2%;
}
.shop {
	width:48%;
	margin-left:1%;
	display:inline-block;
}
.shop img{
	width:100%;
	margin:0 auto;
}
.sttl{
	width:100%;
	display:block;
	margin: 20px auto;
	padding:1%;
	text-align:center;
}

.simage{
	width:100%;
}
.simage img{
	width:100%;
}


}
/* PC版終了 */

@media screen and (max-width: 479px) { /*ウィンドウ幅が480px以上の場合に適用*/

.pc { display: none !important; }
.sp { display: block !important; }

html{
	width:100%;
}
body {
	width:100%;
	margin:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#222;
	line-height:1.2rem;
	font-size:15px;
	background-color:#EFF;
}
.all{
	width:100%;
	max-width: 960px;
	margin: 0 auto;
	background-color:#FFF;
	overflow-x:hidden;
}
a{
	text-decoration: none;
	color: #333333;
	}
a:hover{
	color: #333333;
	}
div{
	display: block;
}
ul{
	display: block;
    list-style-type: none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0em;
}hr{
	width:95%;
	margin:0 auto;
	border:1px dotted #DDD;
}
.w90{width: 90%;	}
.w80{width: 80%;	}
.w60{width: 60%;	}
.w50{width: 100%;	}
.w40{width: 40%;	}

.txtclr_666{
	color:#666;
}
.txtclr_orange{
	color:#F63;
}

.small{
	font-size:0.8rem;
}
.middle{
	font-size:1.0rem;
}
.large{
	font-size:1.1rem;
}
.short{
	width:64px;
}
.orange{
	color:#F96;
}
.cyan{
	color:#009494;
}
.red{
	color:#FF0000;
}
.msg{
	width:90%;
	display: block;
	margin:10px auto;
}
.msg_waku{
	width:90%;
	display: block;
	margin:10px auto;;
	border:2px solid #F96;
	padding:2%;
}

.ttl{
	width:100%;
	display:block;
	margin: 0 auto;
	text-align:center;
}
.ttl img{
	width:100%;
}
.btn{
	width:90%;
}
.btn img{
	width:80%;
}
.block{
	vertical-align: top;
	display:inline-block;
}

.visit{
	border:2px dotted #009494;
	padding:10px 5px;
}


.main{
	width:100%;
	padding:0;
}

#header{
	width: 100%;
	margin: 0 auto;
}

#mainvisual{
	width: 100%;
	margin: 0 auto;
}
#mainvisual ul{
	width: 100%;
	margin: 0 auto;
}
#mainvisual ul li{
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	vertical-align: middle;
}
#mainvisual ul li img{
	width:100%;
}
#content{
	width: 95%;
	margin: 0 auto;
}
#btns{
	width:100%;
	margin:1rem 0;
}
#btns div{
	width:100%;
	margin-bottom:1rem;
}
#btns img{
	width:100%;
}
#ttl_map{
	width:100%;
}
#ttl_map img{
	width:100%;
}
#keihin{
	width:100%;
}
#keihin img{
	width:70%;
	display: block;
	margin:0 auto;
}

#keihin li{
	width:30%;
	display:inline-block;
	text-align:center;
}
#keihin li img{
	width:90%;
	margin:0 auto;
}
#sanka{
	width:95%;
}
#sanka img{
	width:100%;
	display:block;
	margin:0 auto;
}
#onegai{
	width:100%;
}
#onegai li{
	width:100%;
	display:inline-block;
}
#onegai li img{
	width:100%;
	display:inline-block;
}

#footer{
	width:100%;
	color:#ffffff;
	text-align: left;
	background-color:#1bb5cf;
	padding:20px 0px;
	margin: 5% auto 0;
}
#footer a{
	color:#ffffff;
	}

.foot-in{
	display:block;
	margin: 0 auto;
	text-align: left;
	padding: 3%;
	width: 60%;
	font-size: 0.8rem;
	font-weight: 600;
	text-align:center;
}
.foot-in ul{
	width:100%;
	margin-bottom:1rem;
}
.foot-in ul li{
	width:100%;
}
.foot-in ul li img{
	width:50%;
}
#endmsg{
	width:95%;
	display:block;
	margin:0 auto;
	text-align:center;
	border:4px dotted #A00;
	padding:1%;
	font-size:1.0rem;
}

      #map {
        width:100%;
        display:inline-block;
        margin:0 auto;
        background-color:#C5DCA7;
      }
      #popup {
		width:100%;
        display:none;
      }

      #popup .popup_content {
        background-color:#fff;
        width:80%;
/*        height:500px; */
        margin:0 auto;
        font-size:20px;
        font-weight: bold;
      }

      .close_btn {
        overflow: visible;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
        display: block;
        outline: none;
        padding: 0;
        z-index: 1046;
        box-shadow: none;
        touch-action: manipulation;
        width: 44px;
        height: 44px;
        line-height: 44px;
        position: relative;
        left: 30%;
        top: -10px;
        text-decoration: none;
        opacity: 0.65;
        padding: 0 0 18px 10px;
        color: #000;
        font-style: normal;
        font-size: 28px;
        font-family: Arial, Baskerville, monospace;
      }


#shop{
	width:90%;
	margin:0 auto;
	vertical-align: top;
	padding:2%;
}
.shop {
	width:48%;
	margin-left:1%;
	display:inline-block;
}
.shop img{
	width:100%;
	margin:0 auto;
}

.sttl{
	width:100%;
	display:block;
	margin: 20px auto;
	padding:1%;
	text-align:center;
}

.simage{
	width:100%;
}
.simage img{
	width:100%;
}


a.linkother{
	color:#005 !important;

}

#shops{
	width:97%;
	margin:0 auto;
}
.shop {
	width:48%;
	margin-left:1%;
	display:inline-block;
}
.shop img{
	width:100%;
	margin:0 auto;
}

#shops .ttl{
	width:97%;
	margin:0 auto;
}





}