@charset"UTF-8";

/* 
***********************************************************
* Copyright(C) CIDARIO Inc.
* URI:http://cidario.co.jp
* Editor:Hiromi Yoshino
***********************************************************
*/


/* article
========================================================================================================
*/


/*----------------------------------------
                  shop
-----------------------------------------*/

article#shop section{
  width:100%;
  padding:0;
}

article#shop section#bn-type{
  padding:20% 0 0 0;
}

article#shop section#bn-type h1{
  background:url(/common/images/title06.png) no-repeat 95% bottom;
  background-size:140px 56px;
  padding:27px 0 10px 0;
  margin:0 auto;
}

@media print, screen and (min-width:640px) { 
 article#shop section{
  width:100%;
  padding:0 30px 0 0;
 }

 article#shop section#bn-type{
  padding:160px 30px 0 0;
 }
 
 article#shop section#bn-type h1{
  background:none;
  padding:0;
  margin:0 auto;
 }
}

article#shop section p.sc-lead01{
  width:90%;
  border:5px solid #EBEBEB;
  font-size:14px; font-size:1.4rem;
  line-height:150%;
  padding:15px;
  margin:15px auto 20px auto;
}

article#shop section#bn-type p.sc-lead01{
  margin:0 auto 20px auto;
}

@media print, screen and (min-width:640px) { 
 article#shop section p.sc-lead01,
 article#shop section#bn-type p.sc-lead01{
  width:690px;
  font-size:14px; font-size:1.4rem;
  margin:15px 0 40px 0;
 }
}


article#shop section h2.title02{
  width:100%;
  background-image:none;
  font-size:18px; font-size:1.8rem;
  text-align:center;
  line-height:130%;
  color:#FFF;
  padding:15px 20px;
  margin:0 auto;
}


@media print, screen and (min-width:640px) {
 article#shop section h2.title02{
  width:690px;
  height:40px;
  background:url(/common/images/title08.png) no-repeat right 0 #6EB92B;
  font-size:18px; font-size:1.8rem;
  line-height:40px;
  text-align:left;
  padding:0 0 0 20px;
  margin:0 0 15px 0;  
 }
}

article#shop section h2.title03{
  width:100%;
  background-color:#00BFFF;
  font-size:18px; font-size:1.8rem;
  line-height:130%;
  color:#FFF;
  text-align:center;
  padding:15px 0;
}

@media print, screen and (min-width:640px) { 
 article#shop section h2.title03{
  width:690px;
  height:40px;
  background:url(/common/images/title12.png) no-repeat right 0 #00BFFF;
  font-size:18px; font-size:1.8rem;
  line-height:40px;
  color:#FFF;
  text-align:left;
  padding:0 0 0 20px;
 }
}



/* shop index
========================================================================================================
*/


/*----------------------------------------
               search01
-----------------------------------------*/

article#shop section div.search01{
  position:relative;
  margin:0 0 20px 0;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.search01{
  margin:0 0 50px 0;
 }
}

article#shop section div.search01 div h3{
  width:90%;
  height:25px;
  background:url(/common/images/icon13.png) no-repeat 0 2px;
  font-size:16px; font-size:1.6rem;
  padding:8px 0 0 28px;
  margin:0 auto 10px auto;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.search01 div h3{
  font-size:20px; font-size:2.0rem;
  padding:8px 0 0 28px;
  margin:0 0 20px 0;
 }
}

article#shop section div.search01 div.s-01{
  padding:0 20px 0 10px;
}

article#shop section div.search01 div.s-01{
  padding:0 20px 0 10px;
}

article#shop section div.search01 div.s-02{
  padding:0;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.search01 div.s-02{
  padding:0 10px 0 20px;
 }
}

div.search01 div.s-01 ul{
  position:absolute;
  top:140px;
  left:10px;
}

div.search01 div.s-01 ul li{
  margin:0 0 10px 0;
}


div.search01 div.s-02 div{
  width:100%;
  background-color:#F3F3F3;
  text-align:center;
  padding:20px 0;
  margin:0 0 2px 0;
}


@media print, screen and (min-width:640px) { 
 div.search01 div.s-02 div{
  width:200px;
  /*padding:20px 0;*/ padding:40px 0 60px 0;
  margin:0 0 10px 0;
 }
}

div.search01 div.s-02 div select{
  width:60%;
  height:35px;
  display:inline-block;
  font-size:16px; font-size:1.6rem;
}

@media print, screen and (min-width:640px) { 
 div.search01 div.s-02 div select{
  width:180px;
  height:30px;
  font-size:14px; font-size:1.4rem;
  margin:0 0 15px 0;
 }
}

div.search01 div.s-01 button{
  width:140px;
  height:30px;
  display:block;
  text-align:center;
}


div.search01 div.s-02 button{
  width:30%;
  height:35px;
  display:inline-block;
  font-size:16px; font-size:1.6rem;
  text-align:center;
  margin:0 0 0 5px;
}


@media print, screen and (min-width:640px) { 
 div.search01 div.s-02 button{
  width:80px;
  height:26px;
  display:block;
  font-size:14px; font-size:1.4rem;
  text-align:center;
  margin:0 auto;
 }
}

/*----------------------------------------
               search02
-----------------------------------------*/

article#shop section div.search02{
  margin:0 0 20px 0;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.search02{
  margin:0 0 50px 0;
 }
}

article#shop section div.search02 div{
  border-bottom:1px dotted #777;
	padding:0 10px;
  margin:0 0 15px 0;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.search02 div{
	padding:0 0 5px 0;
  margin:0 0 15px 0;
 }
}

article#shop section div.search02 div h3{
	width:100%;
	font-size:14px; font-size:1.4rem;
	text-align:center;
	font-weight:normal;
	padding:0;
	margin:0;
}

article#shop section div.search02 div h3 a{
	width:100%;
  display:block;
  color:#FFF;
	text-align:center;
  text-decoration:none;
	padding:8px 0;
	margin:0;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.search02 div h3{
	float:left;
	width:100px;
	font-size:13px; font-size:1.3rem;
	padding:0;
	margin:0 10px;
 }
 
 article#shop section div.search02 div h3 a{
	width:100px;
	height:26px;
  display:block;
  color:#FFF;
	line-height:26px;
	text-align:center;
  text-decoration:none;
	padding:0 10px;
	margin:0;
 }
}

article#shop section div.search02 dl{
  width:100%;
  padding:0 10px;
  margin:15px 0 0 0;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.search02 dl{
	float:left;
  width:570px;
	padding:0;
  margin:0;
 }
}

article#shop section div.search02 dl dt{
  width:100%;
  font-size:13px; font-size:1.3rem;
  text-align:center;
	padding:0;
  margin:0 0 10px 0;
}

article#shop section div.search02 dl dt a{
   width:100%;
   display:block;
   text-decoration:none;
   padding:8px 0;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.search02 dl dt{
	width:60px;
	float:left;
  display:block;
  font-size:13px; font-size:1.3rem;
	padding:0;
  margin:0 0 10px 0;
	clear:both;
 }
 article#shop section div.search02 dl dt a{
	 height:24px;
	 line-height:12px;
	 padding:5px 0;
 }
}

article#shop section div.search02 dl dd{
  width:100%;
  line-height:180%;
  padding:0;
  margin:0 0 15px 0;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.search02 dl dd{
	width:500px;
	float:left;
  line-height:180%;
  padding:0 0 10px 15px;
  margin:0;
 }
}

article#shop section div.search02 div span{
	display:inline-block;
	color:#999;
	line-height:180%;
	margin:0 10px 0 0;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.search02 div span{
	margin:0;
 }
}

article#shop section div.search02 dl dd a{
  display: inline-block;
  color:#000;
  margin:0 10px 0 0;
}

article#shop section div.search02 dl dd a:hover{
  color:#DC2392;
}


div.region01 h3{
  background-color:#161388; 
}

div.region01 dl dt{
	border:1px solid #161388;
	color:#161388;
}

div.region01 dl dt a{
	color:#161388;
}

div.region02 h3{
  background-color:#144087;  
}

div.region02 dt{
  border:1px solid #144087;  
	color:#144087;
}

div.region02 dt a{
	color:#144087;
}

div.region03 h3{
  background-color:#1A6382;  
}

div.region03 dt{
  border:1px solid #1A6382;
	color:#1A6382;
}

div.region03 dt a{
	color:#1A6382;
}

div.region04 h3{
  background-color:#578217;  
}

div.region04 dt{
  border:1px solid #578217;
	color:#578217;
}

div.region04 dt a{
	color:#578217;
}

div.region05 h3{
  background-color:#896B10;  
}

div.region05 dt{
  border:1px solid #896B10;  
	color:#896B10;
}

div.region05 dt a{
	color:#896B10;
}

div.region06 h3{
  background-color:#813621;  
}

div.region06 dt{
  border:1px solid #813621; 
	color:#813621;
}

div.region06 dt a{
	color:#813621;
}

div.region07 h3{
  background-color:#7A253A;  
}

div.region07 dt{
  border:1px solid #7A253A; 
	color:#7A253A; 
}

div.region07 dt a{
	color:#7A253A; 
}

div.region08 h3{
  background-color:#5E156A;  
}

div.region08 dt{
  border:1px solid #5E156A; 
	color:#5E156A;
}

div.region08 dt a{
	color:#5E156A;
}



/* shop list
========================================================================================================
*/

/*----------------------------------------
                shop list
-----------------------------------------*/

.shopList{
  width:90%;
  position:relative;
  border-bottom:1px dotted #777;
  padding:0 0 20px 0;
  margin:0 auto 20px auto;
}

@media print, screen and (min-width:640px) { 
 .shopList{
  width:100%;
  border-bottom:1px dotted #777;
  padding:0 0 30px 0;
  margin:0 0 30px 0;
 }
}

div.s-list01{
  width:40%;
  float:left;
  text-align:center;
  padding:0 3% 0 0;
  margin:0 0 20px 0;
}

 div.s-list01 img{
  width:100%;
}

@media print, screen and (min-width:640px) { 
 div.s-list01{
  width:240px;
  float:left;
  text-align:left;
  margin:0;
 }
 div.s-list01 img{
  width:240px;
  height:180px;
 }
}

div.s-list02{
  width:60%;
  float:left;
  padding:0;
}

@media print, screen and (min-width:640px) { 
 div.s-list02{
  width:450px;
  float:right;
  padding:0 0 0 20px;
 }
}


/* ======== forum award ========*/


article#shop section p.award{
  position: relative;
  display: block;
  width:100%;
  background: url(/images/forum/forum08.png) no-repeat 0 0;
  background-size: cover;
  font-size:14px; font-size:1.4rem;
  line-height: 150%;
  font-weight: bold;
  padding:12px 15px 0 55px;
  margin:0 0 15px 0;
}

 article#shop section p.award:after{
 content: "";
 width:40px;
 height:48px;
 background: url(/images/forum/forum-title02.png) top left no-repeat;
 background-size:40px 48px;
 -webkit-filter:drop-shadow( 0 0 12px #FFF);
 -moz-filter:drop-shadow( 0 0 12px #FFF);
 -ms-filter:drop-shadow( 0 0 12px #FFF);
 filter: drop-shadow( 0 0 12px #FFF);
 position: absolute;
 top:50%;
 left:8px;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
}

article#shop section p.award span{
  display: block;
  padding: 0 0 5px 0;
  margin: 0;
}


@media print, screen and (min-width:640px) {
  article#shop section p.award{
   font-size:16px; font-size:1.6rem;
   padding:15px 15px 8px 100px;
   margin:10px 0 25px 0;
  } 
 article#shop section p.award:after{
   content: "";
   width:55px;
   height:66px;
   background: url(/images/forum/forum-title02.png) top left no-repeat;
   background-size:55px 66px;
   position: absolute;
   top:50%;
   left:20px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
  }
}


/* ======== h3 ========*/


article#shop section div.shopList  h3{
  font-size:16px; font-size:1.6rem;
  line-height:150%;
  padding:0;
  margin:0 auto 10px auto;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.shopList h3{
  font-size:20px; font-size:2.0rem;
  line-height:130%;
  margin:0 0 15px 0;
 }
}

article#shop section div.shopList  h3.forum{
  position: relative;
  padding: 0 0 0 75px;
  margin: 0 0 30px 0;
}

article#shop section div.shopList  h3.forum::before{
  content: "";
  width:50px;
  height: 60px;
  background: url(/images/forum/forum09.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top:50%;
  left:10px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

/* ======== shopList dl ========*/

article#shop section div.shopList  dl{
  width:100%;
  padding:0;
  margin:0 0 15px 0;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.shopList  dl{
  width:450px;
  padding:0;
  margin:0 0 30px 0;
 }
}

article#shop section div.shopList  dl:after{
	content:""; 
	display:block; 
	clear:both;  
}

article#shop section div.shopList  dl dt{
  width:100%;
  height:24px;
  font-size:11px; font-size:1.1rem;
  color:#FFF;
  line-height:24px;
  text-align:center;
  clear:both;
  margin:0;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.shopList  dl dt{
  width:80px;
  height:24px;
  float:left;
  font-size:12px; font-size:1.2rem;
  color:#FFF;
  line-height:24px;
  text-align:center;
  clear:both;
  margin:0 0 8px 0;
 }
}


article#shop section div.shopList  dl dt.s-info01{
  background-color:#424251;
}

article#shop section div.shopList  dl dt.s-info02{
  background-color:#6EB92B;
}

article#shop section div.shopList  dl dd{
  width:100%;
  font-size:12px; font-size:1.2rem;
  line-height:150%;
  padding:0 0 0 10px;
  margin:10px 0;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.shopList  dl dd{
  width:350px;
  float:left;
  font-size:14px; font-size:1.4rem;
  line-height:24px;
  padding:0 0 0 10px;
  margin:0;
 }
}



/* ======== btn ========*/

article#shop section  a.shop-reserve-btn{
  width:180px;
  height:36px;
  display:block;
  line-height:36px;
  font-size:15px; font-size:1.5rem;
  text-align:center;
  margin:0 auto;
}

@media print, screen and (min-width:640px) { 
 article#shop section  a.shop-reserve-btn{
  margin:0 0 0 90px;
 }
}


/* ======== select ========*/

article#shop section div.s-select{
  text-align:right;
  margin:0 20px 30px 0;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.s-select{
  margin:0 0 30px 0;
 }
}

/* ======== aside#s-news ========*/

article#shop section aside#s-news{
  width:90%;
  background-color:#FFFFFF;
  padding:0;
  margin:0 auto 20px auto;
}

@media print, screen and (min-width:640px) { 
 article#shop section aside#s-news{
  width:100%;
  background-color:#FFFFFF;
  padding:0;
  margin:0 auto 50px auto;
 }
}

article#shop section aside#s-news h2{
  font-size:16px; font-size:1.6rem;
  color:#6EB92B;
  padding:5px 0 5px 25px;
  margin:0 0 10px 0;
}

@media print, screen and (min-width:640px) { 
 article#shop section aside#s-news h2{
  font-size:18px; font-size:1.8rem;
  padding:10px 0 10px 40px;
  margin:0 0 10px 0;
 }
}

article#shop section aside#s-news h2#icon01{
  background:url(/common/images/icon16.png) no-repeat 0 0;
  background-size:20px 20px;
}

article#shop section aside#s-news h2#icon02{
  background:url(/common/images/icon17.png) no-repeat 0 0;
  background-size:20px 20px;
}

article#shop section aside#s-news h2#icon03{
  background:url(/common/images/icon18.png) no-repeat 0 0;
  background-size:20px 20px;
}

@media print, screen and (min-width:640px) { 
 article#shop section aside#s-news h2#icon01{
  background:url(/common/images/icon16.png) no-repeat 0 0;
  background-size:30px 30px;
 }

 article#shop section aside#s-news h2#icon02{
  background:url(/common/images/icon17.png) no-repeat 0 0;
  background-size:30px 30px;
 }

 article#shop section aside#s-news h2#icon03{
  background:url(/common/images/icon18.png) no-repeat 0 0;
  background-size:30px 30px;
 }
}


article#shop section aside#s-news h3{
  font-size:14px; font-size:1.4rem;
  background-color:#333333;
  padding:7px 10px;
  margin:0 0 10px 0;
  color:#FFFFFF;
  clear:both;
}

@media print, screen and (min-width:640px) { 
 article#shop section aside#s-news h3{
  padding:10px 15px;
 }
}


article#shop section aside#s-news img{
  width:30%;
  display:block;
  float:right;
  margin:0 0 15px 0;
}

article#shop section aside#s-news img+p{
  width:70%;
}

article#shop section aside#s-news p{
  line-height:180%;
  padding:0 10px;
  margin:0 0 20px 0;
}

@media print, screen and (min-width:640px) { 
 article#shop section aside#s-news p{
  padding:0 15px;
 }
}





/* shop detail
========================================================================================================
*/


article#shop section ul.point{
  width:90%;
  margin:0 auto 30px auto;
}


@media print, screen and (min-width:640px) { 
 article#shop section ul.point{
  width:100%;
  margin:0 0 50px 0;
 }
}

article#shop section ul.point li{
  background:url(/common/images/icon12.png) no-repeat 0 25px;
  background-size:16.8px 12.8px;
  border-bottom:1px dotted #777;
  font-size:14px;   font-size:1.4rem;
  line-height:150%;
  padding:20px 0 20px 30px;
}


@media print, screen and (min-width:640px) { 
 article#shop section ul.point li{
  background:url(/common/images/icon12.png) no-repeat 25px 25px;
  background-size:21px 16px;
  border-bottom:1px dotted #777;
  font-size:16px;   font-size:1.6rem;
  line-height:150%;
  padding:20px 20px 20px 55px;
 }
}

article#shop section p.shop-banner01{
	width:90%;
	margin:-10px auto 20px auto;
}

@media print, screen and (max-width:640px) { 
 article#shop section p.shop-banner01 img{
	width:100%;
 }
}

@media print, screen and (min-width:640px) { 
 article#shop section p.shop-banner01{
	width:100%;
	margin:-20px 0 30px 0;
 }
}

/* =========== shop-news ===========*/



article#shop section div.shop-news{
  margin:10px 20px 20px 20px;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.shop-news{
  margin:10px 0 50px 0;
 }
}

article#shop section div.shop-news p{
  margin:20px 0 100px 20px;
}

article#shop section div.shop-news p#info-list{
	text-align:right;
	padding:0;
  margin:20px 5px 0 0;
}

article#shop section div.shop-news dl{
  border-bottom:1px dotted #777;
  padding:15px 0;
  margin:0;
}

article#shop section div.shop-news dl:after{
	display:table;
	content:"";
	clear:both;	
}


article#shop section div.shop-news dl dt{
  padding:0 0 10px 0;
  line-height:130%;
}

article#shop section div.shop-news dl dd{
  padding:0;
  line-height:150%;
}

@media print, screen and (min-width:640px) { 
article#shop section div.shop-news dl dt{
  width:20%;
  float:left;
  padding:0 0 0 10px;
}

article#shop section div.shop-news dl dd{
  widows:80%;
  float:left;
 }
}

article#shop section div.shop-news dl dd a{
  color:#333;
}

article#shop section div.shop-news dl dd a:hover{
  color:#333;
  text-decoration:none;
}



/* ======== shopDetail01 ========*/

article#shop section div.shopDetail01{
  width:100%;
  padding:0;
  margin:0;
}

article#shop section div.shopDetail01 div{
  text-align:center;
  margin:0 0 20px 0;
}

article#shop section div.shopDetail01 div img{
   width:80%;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.shopDetail01 div{
  margin:0 0 40px 0;
 }

 article#shop section div.shopDetail01 div.photo01{
  padding:0 10px 0 15px;
 }

 article#shop section div.shopDetail01 div.photo02{
  padding:0 15px 0 10px;
 }
 
 article#shop section div.shopDetail01 div img{
   width:320px;
   height:240px;
	 object-fit: cover;
 }
}


/* ======== shopDetail02 ========*/

article#shop section div.shopDetail02{
  margin:0 20px 20px 20px;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.shopDetail02{
  margin:0 0 50px 0;
 }
}

article#shop section div.shopDetail02 dl{
  width:100%;
  border-bottom:1px dotted #777;
  padding:10px 0;
}


article#shop section div.shopDetail02 dl:first-child{
  padding:0 0 10px 0;
}



@media print, screen and (min-width:640px) { 
 article#shop section div.shopDetail02 dl{
  width:690px;
  border-bottom:1px dotted #777;
  padding:15px 0;
 }
}

article#shop section div.shopDetail02 dl:after{
	content:""; 
	display:block; 
	clear:both; 
}

article#shop section div.shopDetail02 dl dt{
  width:30%;
  height:24px;
  float:left;
  background-color:#424251;
  font-size:12px; font-size:1.2rem;
  line-height:24px;
  text-align:center;
  color:#FFF;
  margin:0;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.shopDetail02 dl dt{
  width:80px;
  height:24px;
  float:left;
  background-color:#424251;
  font-size:12px; font-size:1.2rem;
  line-height:24px;
  text-align:center;
  color:#FFF;
  margin:0 0 0 20px;
 }
}

article#shop section div.shopDetail02 dl dd{
  width:70%;
  float:left;
  line-height:150%;
  padding:0 10px;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.shopDetail02 dl dd{
  width:570px;
  min-height:24px;
  float:left;
  line-height:24px;
  padding:0;
  margin:0 0 0 20px;
 }
}

article#shop section div.shopDetail02 dl dd img{
  display:inline-block;
  margin:0 2px 4px 0;
}


article#shop section div.map{
	position: relative;
	height: 0;
	border:1px solid #CCC;
	padding-bottom: 56.25%;
	padding-top: 30px;
	overflow: hidden; 
	margin:0 0 20px 0;
}

article#shop section h2.t-map{
  margin:0;
}

@media print, screen and (min-width:640px) { 
	article#shop section div.map{
		margin:0 15px 50px 15px;
	}

	article#shop section h2.t-map{
		margin:0 0 20px 0;
	}
}

article#shop section div.map iframe,
article#shop section div.map object,
article#shop section div.map embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

 





/* ======== map ========

article#shop section div.map{
  width:100%;
  height:200px;
  border:1px solid #CCC;
  position: relative;
  overflow:hidden;
  margin:0 0 20px 0;
}

article#shop section h2.t-map{
  margin:0;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.map{
  width:660px;
  height:400px;
  margin:0 15px 50px 15px;
 }
 
 article#shop section h2.t-map{
  margin:0 0 20px 0;
 }
}

article#shop section div.map iframe,
article#shop section div.map object,
article#shop section div.map embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
*/
/* ======== movie ========*/

article#shop section div.movie-wrap{
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  padding-top:0;
  margin:0 15px 20px 15px;
  overflow: hidden;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.movie-wrap{
  margin:0 15px 50px 15px;
 }
}

article#shop section div.movie-wrap iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* ======== shop contact ========*/

article#shop section div.shop-contact{
  width:90%;
  border:5px solid #F3F3F3;
  padding:25px 0;
  margin:0 auto 20px auto; 
}

@media print, screen and (min-width:640px) { 
 article#shop section div.shop-contact{
  width:690px;
  border:10px solid #F3F3F3;
  padding:25px 0;
  margin:0 0 50px 0; 
 }
} 
  
  
article#shop section div.shop-contact a.s-btn{
  width:90%;
  height:60px;
  display:block;
  font-size:20px; font-size:2.0rem;
  line-height:60px;
  text-align:center;
  padding:0;
  margin:0 auto;
}
 
  
@media print, screen and (min-width:640px) { 
 article#shop section div.shop-contact a.s-btn{
  width:570px;
  height:60px;
  font-size:24px; font-size:2.4rem;
  line-height:60px;
 }
} 
  
article#shop section div.shop-contact dl{
  width:90%;
	position:relative;
  background-color:#F3F3F3;
  margin:10px auto 0 auto;
}


@media print, screen and (min-width:640px) { 
 article#shop section div.shop-contact dl{
  width:570px;
  background-color:#F3F3F3;
  margin:15px auto 0 auto;
 }
}

article#shop section div.shop-contact dt{
  background-color:#424251;
  text-align:center;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.shop-contact dt{
	 width:160px;
	 float:left;
	 background-color:#424251;
	 text-align:left;
	 padding:8px 0;
 }
}

article#shop section div.shop-contact dt img{
   width:126px;
   height:28px;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.shop-contact dt img{
	width:160px;
	height:36px;
	display:block;
	margin:0 auto;
 }
}

article#shop section div.shop-contact dd{
	text-align:center;
	padding:15px 0;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.shop-contact dd{
	 text-align:left;
	 padding:23px 0 0 170px;
 }
}

article#shop section div.shop-contact dd span{
	display: inline-block;
  color:#000;
  font-size:18px; font-size:1.8rem;
  text-decoration:none;
	margin:0 0 10px 0;
}

@media print, screen and (min-width:640px) { 
 article#shop section div.shop-contact dd span{
  color:#000;
	font-size:27px; font-size:2.7rem;
	font-weight:bold;
	margin:0;
 }
 
 article#shop section div.shop-contact p{
	text-align:center;
  color:#000;
	padding:10px 0 0 0;
 }
}

@media print, screen and (min-width:640px) { 
 article#shop section div.shop-contact dd br{
  display:none; 
 }
}


/* ======== facebook ========*/

@media print, screen and (min-width:640px) { 
 aside section.s-fb{
  margin:20px 0 50px 0;
 }
}

article#shop section div.m-fb{
  width:90%;
  margin:30px auto 50px auto;
}

article#shop section div.m-fb div.fb-page{
  margin:0 auto;
  
}


/* shop detail notfound
========================================================================================================
*/


article section div#notfound{
  width:90%;
  background:url(/common/images/not-found01.png) no-repeat 50% 50% #F3F3F3;
  background-size:70%;
  text-align:center;
  padding:30px 20px;
  margin:0 auto 20px auto;  
}

@media print, screen and (min-width:640px) { 
article section div#notfound{
  width:650px;
  background-size: auto;
  padding:80px 0;
  margin:0 auto 50px auto;  
 }
}

article section div#notfound h2{
  font-size:20px; font-size:2.0rem;
  line-height:130%;
  margin:0 0 15px 0;
}

@media print, screen and (min-width:640px) { 
 article section div#notfound h2{
  font-size:26px; font-size:2.6rem;
  line-height:150%;
  margin:0 0 30px 0;
 }
}

article section div#notfound p.notfound02{
  font-size:12px; font-size:1.2rem;
  line-height:130%;
  margin:0 0 30px 0;
}

@media print, screen and (min-width:640px) { 
 article section div#notfound p.notfound02{
  font-size:16px; font-size:1.6rem;
  line-height:150%;
  margin:0 0 60px 0;
 }
}

article section div#notfound a{
  width:80%;
  height:40px;
  display:block;
  font-size:16px; font-size:1.6rem;
  line-height:40px;
  color:#FFF;
  margin:0 auto;
}

@media print, screen and (min-width:640px) { 
article section div#notfound a{
  width:240px;
  height:50px;
  display:block;
  font-size:18px; font-size:1.8rem;
  line-height:50px;
  color:#FFF;
  margin:0 auto;
 }
}